.volume-container{display:flex;flex-direction:column;align-items:center;gap:20px;margin:20px 0;padding:15px;background:#fff0;border-radius:10px}.volume-viewport-controls{display:flex;align-items:center;gap:20px;justify-content:center;width:100%;max-width:500px}.volume-viewport{width:300px;height:250px;display:flex;align-items:center;justify-content:center;background:#fff0;flex-shrink:0}.volume-svg{width:100%;height:100%;background:#fff0}.volume-controls{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;padding:15px;background:#fff0;border-radius:8px;width:100%;max-width:400px}.volume-slider-group{display:flex;gap:30px;justify-content:center;width:100%}.volume-slider-vertical{display:flex;flex-direction:column;align-items:center;gap:10px;width:60px}.volume-slider-horizontal{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;max-width:120px}.volume-slider-track{position:relative;background:#e9ecef;border-radius:25px;cursor:pointer;box-shadow:inset 0 1px 3px rgb(0 0 0 / .1);overflow:visible;z-index:1}.volume-slider-vertical .volume-slider-track{width:12px;height:150px}.volume-slider-horizontal .volume-slider-track{width:100%;height:12px}.volume-slider-thumb{position:absolute;width:24px;height:24px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 6px rgb(0 0 0 / .2);cursor:grab;transition:transform 0.12s ease;z-index:1000;pointer-events:auto;background:#fff;display:inline-block;outline:none}.volume-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.volume-slider-vertical .volume-slider-thumb{left:50%;bottom:0%;transform:translate(-50%,50%);background:#ffb3b3;border-color:#fff;box-shadow:0 3px 8px rgb(255 75 75 / .25)}.volume-slider-vertical .volume-slider-thumb:active{transform:translate(-50%,50%) scale(1.1)}.volume-slider-horizontal .volume-slider-thumb{top:50%;left:0%;transform:translate(-50%,-50%)}.volume-slider-horizontal:nth-child(1) .volume-slider-thumb{background:#4ecdc4}.volume-slider-horizontal:nth-child(2) .volume-slider-thumb{background:#45b7d1}.volume-slider-thumb:focus{box-shadow:0 0 0 3px rgb(75 123 255 / .18)}.volume-slider-value{font-weight:700;font-size:1.1rem;color:#495057;min-width:25px;text-align:center}.volume-slider-label{font-size:.8rem;color:#6c757d;font-weight:600;text-align:center}.volume-slider-info{display:flex;flex-direction:column;align-items:center;gap:4px}.volume-cube{cursor:pointer;transition:all 0.3s ease}.volume-face{transition:fill 0.4s ease,stroke 0.4s ease;stroke:#000;stroke-width:2;stroke-linejoin:round}.volume-top{fill:#ff8c00}.volume-right{fill:#ff8c00}.volume-left{fill:#ff8c00}.volume-cube:hover .volume-face{fill:#ffb703}.volume-selected .volume-face{fill:#28a745!important;stroke:#155724}.volume-correct .volume-face{fill:#d4edda!important;stroke:#c3e6cb}.volume-incorrect .volume-face{fill:#f8d7da!important;stroke:#f5c6cb}@media (max-width:768px){.volume-viewport-controls{flex-direction:row;gap:15px}.volume-viewport{width:250px;height:200px;order:1}.volume-slider-vertical{order:2;flex-direction:column;width:60px}.volume-slider-vertical .volume-slider-track{width:12px;height:150px}.volume-controls{order:3}.volume-slider-group{gap:20px}.volume-slider-horizontal{max-width:100px}}@media (max-width:480px){.volume-viewport{width:200px;height:160px}.volume-slider-thumb{width:20px;height:20px;border-width:2px}.volume-slider-value{font-size:.95rem}}.volume-sliders-hidden{display:none!important}:root{--volume-viz-min-width:120px;--volume-viz-preferred-width:22vw;--volume-viz-max-width:260px;--volume-viz-min-height:100px;--volume-viz-preferred-height:22vh;--volume-viz-max-height:260px}.volume-visualization-container{width:100%;max-width:clamp(var(--volume-viz-min-width), var(--volume-viz-preferred-width), var(--volume-viz-max-width));margin:0 auto;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box;padding:0 8px;flex-shrink:0}.volume-visualization-container .volume-viewport{display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box}.volume-visualization-container .volume-viewport svg{display:block;width:100%;max-width:clamp(var(--volume-viz-min-width), var(--volume-viz-preferred-width), var(--volume-viz-max-width));height:auto;max-height:clamp(var(--volume-viz-min-height), var(--volume-viz-preferred-height), var(--volume-viz-max-height));margin:0 auto;vertical-align:middle;box-sizing:border-box}.volume-visualization-container svg[width],.volume-visualization-container svg[height]{width:100%;height:auto;max-width:clamp(var(--volume-viz-min-width), var(--volume-viz-preferred-width), var(--volume-viz-max-width))}.volume-visualization-container[data-interactive="false"] .volume-viewport svg,.volume-visualization-container[data-interactive="false"] .volume-viewport svg *{pointer-events:none}.volume-visualization-container .volume-info{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important}.volume-visualization-compact{max-width:clamp(120px, 18vw, 220px)}.volume-visualization-compact .volume-viewport svg{max-width:clamp(120px, 18vw, 220px);max-height:clamp(100px, 18vh, 200px)}.volume-visualization-container .volume-viewport svg:focus{outline:2px solid rgb(0 0 0 / .08);outline-offset:2px}@media (min-width:900px){:root{--volume-viz-preferred-width:26vw;--volume-viz-preferred-height:26vh;--volume-viz-max-width:420px;--volume-viz-max-height:420px}}.edooly-multiple-choice-module{margin:14px 0;font-family:"Nunito Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;color:#1f2937}.edooly-mc-container{display:flex;justify-content:center}.edooly-mc-options{width:100%;max-width:720px;display:grid;grid-template-columns:1fr;gap:10px}.edooly-mc-option{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:10px;background:#fff;border:1px solid #e6e9ee;cursor:pointer;transition:transform 120ms ease,box-shadow 120ms ease,border-color 120ms ease;box-shadow:0 1px 0 rgb(16 24 40 / .02);outline:none}.edooly-mc-option:focus{box-shadow:0 6px 18px rgb(14 165 233 / .08);border-color:#0ea5e9;transform:translateY(-2px)}.edooly-mc-option-marker{min-width:36px;height:36px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-weight:700;color:#0f172a;flex-shrink:0}.edooly-mc-option-text{font-size:15px;color:#0f172a;line-height:1.35}.edooly-mc-option-selected{border-color:#60a5fa;box-shadow:0 8px 24px rgb(96 165 250 / .12);transform:translateY(-2px)}.edooly-mc-option-correct{border-color:#10b981!important;background:linear-gradient(180deg,rgb(16 185 129 / .06),rgb(16 185 129 / .02));box-shadow:0 8px 20px rgb(16 185 129 / .06)}.edooly-mc-option-correct .edooly-mc-option-marker{background:#10b981;color:#fff}.edooly-mc-option-incorrect{border-color:#ef4444!important;background:linear-gradient(180deg,rgb(239 68 68 / .04),rgb(239 68 68 / .02));box-shadow:0 8px 20px rgb(239 68 68 / .04)}.edooly-mc-option-incorrect .edooly-mc-option-marker{background:#ef4444;color:#fff}.edooly-mc-options .edooly-mc-option[style*="pointer-events: none"]{opacity:.9;cursor:default}@media (min-width:720px){.edooly-mc-options{grid-template-columns:1fr 1fr}}@media (max-width:420px){.edooly-mc-option{padding:10px}.edooly-mc-option-marker{min-width:32px;height:32px;font-size:13px}.edooly-mc-option-text{font-size:14px}}:root{--edooly-global-visualization-svg-min-width:80px;--edooly-global-visualization-svg-preferred-width:100px;--edooly-global-visualization-svg-max-width:120px;--edooly-global-visualization-svg-min-height:80px;--edooly-global-visualization-svg-preferred-height:100px;--edooly-global-visualization-svg-max-height:120px}.edooly-global-visualization-svg-container{width:100%;max-width:clamp(var(--edooly-global-visualization-svg-min-width),var(--edooly-global-visualization-svg-preferred-width),var(--edooly-global-visualization-svg-max-width));margin:0 auto;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box;padding:0 8px;flex-shrink:0}.edooly-global-visualization-svg-container .edooly-global-visualization-svg-viewport{display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box}.edooly-global-visualization-svg-container .edooly-global-visualization-svg-viewport svg{display:block;width:100%;max-width:clamp(var(--edooly-global-visualization-svg-min-width),var(--edooly-global-visualization-svg-preferred-width),var(--edooly-global-visualization-svg-max-width));height:auto;max-height:clamp(var(--edooly-global-visualization-svg-min-height),var(--edooly-global-visualization-svg-preferred-height),var(--edooly-global-visualization-svg-max-height));margin:0 auto;vertical-align:middle;box-sizing:border-box}.edooly-global-visualization-svg-container svg[width],.edooly-global-visualization-svg-container svg[height]{width:100%;height:auto;max-width:clamp(var(--edooly-global-visualization-svg-min-width),var(--edooly-global-visualization-svg-preferred-width),var(--edooly-global-visualization-svg-max-width))}.edooly-global-visualization-svg-container[data-interactive="false"] .edooly-global-visualization-svg-viewport svg,.edooly-global-visualization-svg-container[data-interactive="false"] .edooly-global-visualization-svg-viewport svg *{pointer-events:none}.edooly-global-visualization-svg-compact{max-width:clamp(60px, 80px, 100px)}.edooly-global-visualization-svg-compact .edooly-global-visualization-svg-viewport svg{max-width:clamp(60px, 80px, 100px);max-height:clamp(60px, 80px, 100px)}.edooly-global-visualization-svg-container .edooly-global-visualization-svg-viewport svg:focus{outline:2px solid rgb(0 0 0 / .08);outline-offset:2px}@media (min-width:900px){:root{--edooly-global-visualization-svg-preferred-width:150px;--edooly-global-visualization-svg-preferred-height:150px;--edooly-global-visualization-svg-max-width:150px;--edooly-global-visualization-svg-max-height:150px}.edooly-global-visualization-svg-container .edooly-global-visualization-svg-viewport svg{max-width:150px;max-height:150px}}