.z4i-turntable{color:#172013;background:#f3f1e9;border:1px solid #bbc5af;margin:14px 0}.z4i-turntable>button{background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:15px 18px;font-size:12px;font-weight:700;display:flex}.z4i-turntable figure{margin:0;padding:0 12px 12px}.z4i-turntable video{aspect-ratio:1;object-fit:contain;background:#fafafa;width:100%;max-height:560px;display:block}.z4i-turntable figcaption{color:#526347;padding:10px 5px 0;font-size:10px;line-height:1.7}.z4i-turntable-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}.z4i-turntable-stage.is-ready{cursor:ew-resize}.z4i-turntable-stage video{pointer-events:none}.z4i-turntable-hint{text-align:center;font:9px var(--font-mono);color:#394833;pointer-events:none;position:absolute;bottom:12px;left:12px;right:12px}.z4i-turntable-controls{flex-wrap:wrap;align-items:center;gap:12px;padding:15px 4px 5px;display:flex}.z4i-turntable-controls label{flex-direction:column;flex:1;gap:8px;min-width:150px;font-size:11px;display:flex}.z4i-turntable-controls input{accent-color:#f05b28;cursor:ew-resize;width:100%}.z4i-turntable-controls output{font:11px var(--font-mono);min-width:35px}.z4i-turntable-controls button{background:0 0;border:1px solid #bbc5af;padding:9px 12px;font-size:11px}.z4i-turntable-controls button:disabled{opacity:.45}@media (max-width:600px){.z4i-turntable-controls label{flex-basis:calc(100% - 60px)}.z4i-turntable video{max-height:440px}}