.layout[data-v-21ae27d6]{display:flex;gap:8px}.sphere-wrap[data-v-21ae27d6]{height:300px;width:300px}.panel[data-v-21ae27d6]{border:none;border-radius:8px;flex-direction:column;height:300px;justify-content:space-between;padding:6px 0;width:48px}.panel[data-v-21ae27d6],button[data-v-21ae27d6]{align-items:center;background:transparent;display:flex}button[data-v-21ae27d6]{border:1px solid rgb(var(--color-border)/.5);border-radius:6px;color:#fff;cursor:pointer;height:32px;justify-content:center;width:32px}button[data-v-21ae27d6]:hover{background:rgb(var(--color-border)/.2);border-color:rgb(var(--color-border))}.btn-active[data-v-21ae27d6]{background:rgb(var(--color-accent)/.15);border-color:rgb(var(--color-accent)/.5);color:rgb(var(--color-accent))}.panel-icon[data-v-21ae27d6]{height:18px;width:18px}input.speed[data-v-21ae27d6]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;box-sizing:border-box;cursor:pointer;direction:rtl;display:block;height:140px;margin:0 auto;padding:0;width:20px;writing-mode:vertical-lr}input.speed[data-v-21ae27d6]::-webkit-slider-thumb{-webkit-appearance:none;background:currentColor;border-radius:50%;height:12px;margin-top:0;width:12px}input.speed[data-v-21ae27d6]::-webkit-slider-runnable-track{width:2px}input.speed[data-v-21ae27d6]::-moz-range-thumb{background:currentColor;border:none;border-radius:50%;box-sizing:border-box;cursor:pointer;height:12px;width:12px}input.speed[data-v-21ae27d6]::-moz-range-track{background:#333;border-radius:4px;height:4px;margin-inline:auto}input.speed[data-v-21ae27d6]:focus{outline:none}input.speed[data-v-21ae27d6]::-webkit-slider-thumb:hover{background:rgb(var(--color-accent))}[data-v-21ae27d6] canvas{height:300px;touch-action:none;width:300px}@media (max-width:767px){.layout[data-v-21ae27d6]{flex-direction:column;gap:10px;max-width:100%}.layout[data-v-21ae27d6],.panel[data-v-21ae27d6]{align-items:center}.panel[data-v-21ae27d6]{flex-direction:row;flex-wrap:wrap;gap:12px;height:auto;justify-content:center;min-height:44px;padding:8px 10px;width:min(300px,100%)}input.speed[data-v-21ae27d6]{color:rgb(var(--color-fg));direction:ltr;flex:1 1 auto;height:28px;max-width:160px;width:min(120px,28vw);writing-mode:horizontal-tb}input.speed[data-v-21ae27d6]::-webkit-slider-thumb{margin-top:-4px}input.speed[data-v-21ae27d6]::-webkit-slider-runnable-track{background:rgb(var(--color-border)/.85);border:none;border-radius:4px;height:4px;width:100%}input.speed[data-v-21ae27d6]::-moz-range-track{background:rgb(var(--color-border)/.85);border-radius:4px;height:4px;width:100%}.sphere-wrap[data-v-21ae27d6]{height:min(300px,80vw);width:min(300px,80vw)}[data-v-21ae27d6] canvas{height:100%;max-height:300px;max-width:300px;width:100%}}