.control-container[data-v-527ec30f]{text-align:center}.control-title[data-v-527ec30f]{padding:20px;font-size:24px;font-weight:500}li[data-v-3038d81e]{display:inline-block;padding:4px}span[data-v-3038d81e]{margin-left:4px}.control-container[data-v-3038d81e]{width:33.3%;padding:20px;margin:auto;margin-top:20px;border:1px;border-style:solid;border-color:grey}.control-options[data-v-3038d81e]{margin-top:10px;text-align:center}.control-container[data-v-343148bc]{height:300px;display:flex;justify-content:center;align-items:center}.control-title[data-v-343148bc]{width:120px}#slider-container[data-v-343148bc]{background:#f0f0f0;margin-left:20px;padding:10px 20px;border:1px solid #000;display:flex;cursor:-webkit-grab;cursor:grab}#slider-container.transition[data-v-343148bc]{transition-timing-function:ease-out;transition:transform .3s}#slider[data-v-343148bc]{width:200px}input[type=range][data-v-343148bc]:disabled::-webkit-slider-thumb{box-shadow:2px 2px 2px #000,0 0 2px #0d0d0d;border-radius:50%}input[type=range][data-v-343148bc]:disabled::-moz-range-thumb{box-shadow:2px 2px 2px #000,0 0 2px #0d0d0d;border-radius:50%}input[type=range][data-v-343148bc]:disabled::-ms-thumb{box-shadow:2px 2px 2px #000,0 0 2px #0d0d0d;border-radius:50%}.control-container[data-v-b311ee3c]{padding:80px 0;display:flex;justify-content:center;align-items:center}#icon[data-v-b311ee3c]{width:60px;height:60px;background-color:#d3d3d3;transform-origin:10% center;mask-image:url(/WorstVolumeControl/img/volume.5de30e73.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-size:100%;-webkit-mask-image:url(/WorstVolumeControl/img/volume.5de30e73.svg);-webkit-mask-image-repeat:no-repeat;-webkit-mask-size:100%}#icon[data-v-b311ee3c]:hover{background-color:rgba(102,51,153,.3)}#icon.transition[data-v-b311ee3c]{transition-timing-function:ease-out;transition:transform .2s}#track[data-v-b311ee3c]{width:200px;height:4px;border-radius:2px;background:#d3d3d3}#indicator[data-v-b311ee3c]{width:12px;height:12px;border-radius:50%;background:#639;visibility:hidden;transform:translateX(-6px) translateY(-4px)}.control-container[data-v-0f4e2c9a]{display:flex;flex-direction:column;justify-content:center;align-items:center}.title[data-v-0f4e2c9a]{padding:10px;text-transform:uppercase;font-family:verdana;font-size:2em;font-weight:700;color:gold;cursor:default;text-shadow:1px 1px 1px #a8a81c,1px 2px 1px #a8a81c,1px 3px 1px #a8a81c,1px 4px 1px #a8a81c,1px 5px 1px #a8a81c,1px 6px 1px #a8a81c,1px 7px 1px #a8a81c,1px 8px 1px #a8a81c,1px 9px 1px #a8a81c,1px 10px 1px #a8a81c,1px 18px 6px rgba(126,126,5,.4),1px 22px 10px rgba(126,126,5,.2),1px 25px 35px rgba(126,126,5,.2),1px 30px 60px rgba(126,126,5,.4)}.wheel-container[data-v-0f4e2c9a]{margin:20px}.indicator[data-v-0f4e2c9a]{margin:auto;width:20px;height:20px;background:#000;-webkit-clip-path:polygon(100% 0,50% 100%,0 0);clip-path:polygon(100% 0,50% 100%,0 0)}#wheel[data-v-0f4e2c9a]{width:300px;height:300px;border-radius:50%;overflow:hidden;position:relative}#wheel div[data-v-0f4e2c9a]{height:50%;margin:auto;position:absolute;top:0;left:0;right:0;text-align:center;vertical-align:middle;-webkit-clip-path:polygon(100% 0,50% 100%,0 0);clip-path:polygon(100% 0,50% 100%,0 0);transform-origin:50% 100%}h2[data-v-0f4e2c9a]{font-family:verdana}#wheel-button[data-v-0f4e2c9a]{font-family:verdana;font-weight:700;border-radius:8px;padding:10px 20px;cursor:default;background:linear-gradient(180deg,#ebcc34,#e3e765,#ebcc34)}.control-container[data-v-7f70f0f6]{text-align:center}#pattern-container[data-v-7f70f0f6]{border:1px solid #000;margin:auto;width:500px;height:500px;position:relative}.dot[data-v-7f70f0f6]{position:absolute;background:#000;width:20px;height:20px;border-radius:50%;cursor:pointer}#pattern-selector[data-v-7f70f0f6]{position:absolute;top:0;left:0;border:1px solid #000;pointer-events:none}.hint[data-v-5b590734]{margin-top:20px;color:#2c3e50}.player[data-v-5b590734]{width:60%;margin:auto;padding:20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.audio-container[data-v-5b590734]{display:flex;align-content:center}.next[data-v-5b590734],.previous[data-v-5b590734]{width:50px;height:50px;cursor:pointer}.next[data-v-5b590734]{transform:rotate(180deg)}.hint[data-v-5b590734]{color:#b5b5b5;text-align:center;white-space:pre-wrap}