.multi-color-viewer[data-v-c4d68993]{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.multi-color-viewer .toolbar-slider-label-wrap[data-v-c4d68993]{display:inline-flex;align-items:center;gap:var(--spacing-1)}.multi-color-viewer .multi-color-viewer-main[data-v-c4d68993]{flex:1;display:flex;position:relative;overflow:hidden;min-width:0}.multi-color-viewer .d3-canvas[data-v-c4d68993]{flex:1;position:relative;min-width:0;height:100%;background:transparent}.multi-color-viewer .d3-canvas[data-v-c4d68993] canvas{background:transparent}.multi-color-viewer .d3-canvas-inner[data-v-c4d68993]{position:absolute;inset:0;width:100%;height:100%;background:transparent}.multi-color-viewer .btn-reset-position[data-v-c4d68993]{position:absolute;right:1rem;top:6.2rem;z-index:2;display:flex;align-items:center;justify-content:center;height:3.6rem;width:3.6rem;border-radius:50%;background:#212121;border:.5px solid hsla(0,0%,100%,.1)}.multi-color-viewer .btn-reset-position img[data-v-c4d68993]{width:2.4rem}.multi-color-viewer .gridlines-button[data-v-c4d68993]{position:absolute;top:16rem;right:2rem;z-index:2;font-size:2.4rem;color:#fff;display:flex;align-items:center;justify-content:center;height:3.6rem;width:3.6rem;border-radius:50%;background:#212121;border:.5px solid hsla(0,0%,100%,.1);cursor:pointer;margin:0;padding:0}.multi-color-viewer .gridlines-button.active .sparc-a-ic_wanggec[data-v-c4d68993]{color:#ffffffa6}.multi-color-viewer .gridlines-button:hover .sparc-a-ic_wanggec[data-v-c4d68993],.multi-color-viewer .gridlines-button:hover .sparc-ic_wangge[data-v-c4d68993]{color:#fff}.multi-color-viewer .gridlines-button:hover .gridlines-tips[data-v-c4d68993]{display:inline-block}.multi-color-viewer .gridlines-button .sparc-a-ic_wanggec[data-v-c4d68993],.multi-color-viewer .gridlines-button .sparc-ic_wangge[data-v-c4d68993]{font-size:3.4rem;color:#ffffffa6}.multi-color-viewer .gridlines-button .gridlines-tips[data-v-c4d68993]{display:none;position:absolute;right:120%;top:50%;transform:translateY(-50%);font-size:1.2rem;font-weight:400;color:#ffffffe6;white-space:nowrap;padding:.6rem 1.2rem;border-radius:.6rem;background:#3a3a3af2}.multi-color-viewer .model-toolbar[data-v-c4d68993]{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--spacing-3) + 4.4rem + var(--spacing-1));z-index:2;padding:var(--spacing-2);border-radius:var(--radius-full);background:#2323274d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.multi-color-viewer .model-toolbar[data-v-c4d68993],.multi-color-viewer .model-toolbar .toolbar-left[data-v-c4d68993]{display:flex;align-items:center;gap:var(--spacing-2)}.multi-color-viewer .model-toolbar__btn[data-v-c4d68993]{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--component-size-s);height:var(--component-size-s);padding:0;border:none;border-radius:var(--radius-full);background:transparent;color:var(--text-icon-white-secondary);cursor:pointer;transition:background .15s ease}.multi-color-viewer .model-toolbar__btn[data-v-c4d68993]:hover{background:var(--supported-button-white-default,hsla(0,0%,100%,.08))}.multi-color-viewer .model-toolbar__btn.active[data-v-c4d68993]{background:var(--supported-button-white-hover,hsla(0,0%,100%,.2));color:var(--text-icon-white-primary)}.multi-color-viewer .model-toolbar__btn[data-tip][data-v-c4d68993]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + .6rem);left:50%;transform:translate(-50%);padding:.2rem .6rem;background:var(--surface-offblack-pannel,#171719);color:var(--text-icon-white-primary);font-size:1.2rem;line-height:1.4;white-space:nowrap;border-radius:var(--radius-s);pointer-events:none;z-index:22}.multi-color-viewer .model-toolbar .toolbar-reset[data-v-c4d68993],.multi-color-viewer .model-toolbar .toolbar-slider[data-v-c4d68993],.multi-color-viewer .model-toolbar .toolbar-slider-field[data-v-c4d68993]{position:relative;padding:0 0 0 var(--spacing-3)}.multi-color-viewer .model-toolbar .toolbar-reset[data-v-c4d68993]:before,.multi-color-viewer .model-toolbar .toolbar-slider-field[data-v-c4d68993]:before,.multi-color-viewer .model-toolbar .toolbar-slider[data-v-c4d68993]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:1.2rem;background:var(--stroke-light,hsla(0,0%,100%,.08))}.multi-color-viewer .model-toolbar .toolbar-slider[data-v-c4d68993] .base-slider,.multi-color-viewer .model-toolbar .toolbar-slider-field[data-v-c4d68993] .base-slider{width:10rem}.multi-color-viewer .model-toolbar .toolbar-reset[data-v-c4d68993]{display:flex;align-items:center;flex-shrink:0}.multi-color-viewer .model-toolbar .toolbar-reset[data-v-c4d68993] .base-button--transparent{border-radius:50%}.multi-color-viewer .model-toolbar .toolbar-slider-field[data-v-c4d68993]{gap:var(--spacing-2)}.multi-color-viewer .model-toolbar .toolbar-slider-field[data-v-c4d68993] .base-slider-field__label{font-size:1.2rem;font-weight:400;color:var(--text-icon-white-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.multi-color-viewer .model-toolbar .toolbar-slider-field[data-v-c4d68993] .base-slider-field__input{color:var(--text-icon-white-secondary);text-align:center}.multi-color-viewer .model-toolbar .toolbar-slider-field[data-v-c4d68993] .base-input--disabled{background:#ffffff0a}.multi-color-viewer .model-toolbar .toolbar-slider-field[data-v-c4d68993] .base-input--disabled .base-input__inner{color:var(--text-icon-white-disable)}.multi-color-viewer .model-toolbar .toolbar-slider[data-v-c4d68993]{display:flex;align-items:center;gap:var(--spacing-2)}.multi-color-viewer .model-toolbar .toolbar-slider .toolbar-slider-label[data-v-c4d68993]{font-size:1.2rem;font-weight:400;line-height:1;color:var(--text-icon-white-secondary);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.multi-color-viewer .model-toolbar .toolbar-slider .toolbar-slider-label-wrap[data-v-c4d68993]{display:inline-flex;align-items:center;gap:var(--spacing-1)}.multi-color-viewer .model-toolbar .toolbar-slider--disabled .toolbar-slider-label[data-v-c4d68993]{color:var(--text-icon-white-disable)}.multi-color-viewer .model-toolbar .toolbar-radio[data-v-c4d68993]{position:relative;display:flex;align-items:center;height:28px;gap:.2rem;padding:.2rem;margin-left:var(--spacing-1);border-radius:var(--radius-full);background:var(--surface-pannel-light,hsla(0,0%,100%,.04))}.multi-color-viewer .model-toolbar .toolbar-radio__btn[data-v-c4d68993]{padding:.4rem 1rem;height:24px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--text-icon-white-secondary);font-size:1.2rem;line-height:1;white-space:nowrap;cursor:pointer;transition:background .15s ease,color .15s ease}.multi-color-viewer .model-toolbar .toolbar-radio__btn[data-v-c4d68993]:hover:not(:disabled):not(.active){color:var(--text-icon-white-primary)}.multi-color-viewer .model-toolbar .toolbar-radio__btn.active[data-v-c4d68993]{background:var(--supported-button-white-hover,hsla(0,0%,100%,.2));color:var(--text-icon-white-primary)}.multi-color-viewer .model-toolbar .toolbar-radio__btn[data-v-c4d68993]:disabled{cursor:not-allowed;color:var(--text-icon-white-disable)}.multi-color-viewer .model-toolbar .toolbar-radio--disabled[data-v-c4d68993]:before{opacity:.5}@media(max-width:1024px){.multi-color-viewer .gridlines-button[data-v-c4d68993]{top:11rem}}.multi-color-model-render[data-v-6b82c40e]{width:100%;height:100%}