.vo-svg{display:block;width:100%;max-width:480px;height:auto;margin:0 auto}
.vo-svg text{font-family:var(--u-font);font-size:15px;fill:#1F2933;font-variant-numeric:tabular-nums;word-spacing:normal}
.vo-svg .vo-muted{fill:#67757F}
.vo-svg .vo-small{font-size:14px}
.vo-svg .vo-answer,.vo-answer{fill:#4A7A1E;color:#4A7A1E;font-weight:800}
.vo-box{stroke:#2F6FEB;stroke-width:1.5px;stroke-linejoin:round}
.vo-front{fill:#93B8F2}
.vo-top{fill:#C6D9F8}
.vo-right{fill:#6E9CEB}
.vo-grid{fill:none;stroke:#2F6FEB;stroke-width:1px;opacity:.6}
.vo-tank .vo-front,.vo-tank .vo-top,.vo-tank .vo-right{fill:none;stroke:#67757F;stroke-width:1.5px}
.vo-cube{stroke-width:1.2px}
.vo-highlight{stroke-width:2.5px}
.vo-water-outline .vo-front,.vo-water-outline .vo-top,.vo-water-outline .vo-right{fill:none;stroke:#2F6FEB;stroke-width:1.5px;stroke-dasharray:4 3}
.vo-rule{stroke:#67757F;stroke-width:1.5px;fill:none}
.vo-dimension{stroke:#2F6FEB;stroke-width:1.5px;fill:none}
.vo-view-arrow{stroke:#67757F;stroke-width:2px;fill:#67757F}
.vo-view-cell{fill:#93B8F2;stroke:#2F6FEB;stroke-width:1.5px}
.vo-empty-cell{fill:none;stroke:#C9D2DC;stroke-width:1.5px}
.vo-scope .sg-read,.vo-q,.vo-note,.vo-work,.vo-hero-w{font-size:15px;line-height:1.5}
.vo-q,.vo-note{color:#67757F}
.vo-hero{width:100%;max-width:420px;justify-self:center}
.vo-hero-w p{margin:0 0 10px}
.vo-hero .vo-layer:not(:first-child),.vo-hero-w p:not(:first-child){opacity:0}
.vo-ctl{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:15px}
.vo-ctl>span{width:80px;flex:none}
.vo-ctl output{width:56px;flex:none;text-align:center;font-weight:700}
.vo-scope .sg-btn{box-sizing:border-box;min-height:44px}
.vo-ctl .sg-btn{width:44px;height:44px;padding:0;display:grid;place-items:center;flex:none}
.vo-scope button:focus-visible{outline:2px solid #2F6FEB;outline-offset:2px}
.vo-scope button:disabled{cursor:default;opacity:.5;transform:none}
.vo-picks{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.vo-stepper{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
.vo-stepper .sg-btn{padding:9px 12px}
.vo-dots{display:flex;gap:6px;flex:none}
.vo-dots i{width:8px;height:8px;background:#E5E0D6;border-radius:50%}
.vo-dots i.vo-current{background:#2F6FEB}
.vo-work{list-style:none;margin:14px 0 0;padding:0}
.vo-work li{margin:0;padding:4px 0}
.vo-work .vo-answer{font-weight:800}
.vo-work .vo-check{color:#4A7A1E;font-weight:600}
.vo-scope .sg-opts button{min-height:44px;box-sizing:border-box}
.sg-card .mini .vo-mini .f{fill:#93B8F2}
.sg-card .mini .vo-mini .t{fill:#C6D9F8;display:inline;animation:none}
.sg-card .mini .vo-mini .r{fill:#6E9CEB}
.sg-card .mini .vo-mini .f,.sg-card .mini .vo-mini .t,.sg-card .mini .vo-mini .r{stroke:#2F6FEB;stroke-width:1.5px;stroke-linejoin:round}
.sg-card .mini .vo-mini .g{fill:none;stroke:#2F6FEB;stroke-width:1px;opacity:.6}
@media(max-width:900px){.vo-ctl{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){
.vo-scope *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.vo-hero .vo-layer,.vo-hero-w p{opacity:1!important;transform:none!important}
}