.volatility-container,.volatility-interactive{align-items:center;display:flex;gap:1em}.volatility-interactive{flex-direction:column;margin:1em}.low>#Pointer{animation:dialDown,dialWiggle;animation-delay:0s,2s;animation-duration:2s,1.6s;animation-iteration-count:1,infinite;transform-origin:147px 151px}.high>#Pointer{animation:dialUp,dialWiggle;animation-delay:0s,2s;animation-duration:2s,1.6s;animation-iteration-count:1,infinite;transform-origin:147px 151px}.low{--t1:120deg;--t2:110deg;--t3:100deg;--t4:80deg;--t5:60deg;--t6:40deg;--t7:20deg;--pos1:12deg;--pos2:18deg;--pos3:25deg;--pos4:20deg;--pos5:15deg;--pos6:22deg;--pos7:12deg}.high{--t1:12deg;--t2:30deg;--t3:60deg;--t4:80deg;--t5:100deg;--t6:100deg;--t7:120deg;--pos1:120deg;--pos2:125deg;--pos3:115deg;--pos4:125deg;--pos5:135deg;--pos6:130deg;--pos7:120deg}@keyframes dialDown{0%{transform:rotate(var(--t1))}20%{transform:rotate(var(--t2))}40%{transform:rotate(var(--t3))}60%{transform:rotate(var(--t4))}80%{transform:rotate(var(--t5))}90%{transform:rotate(var(--t6))}to{transform:rotate(var(--t7))}}@keyframes dialUp{0%{transform:rotate(var(--t1))}20%{transform:rotate(var(--t2))}40%{transform:rotate(var(--t3))}60%{transform:rotate(var(--t4))}80%{transform:rotate(var(--t5))}90%{transform:rotate(var(--t6))}to{transform:rotate(var(--t7))}}@keyframes dialWiggle{0%{transform:rotate(var(--pos1))}20%{transform:rotate(var(--pos2))}40%{transform:rotate(var(--pos3))}60%{transform:rotate(var(--pos4))}80%{transform:rotate(var(--pos5))}90%{transform:rotate(var(--pos6))}to{transform:rotate(var(--pos7))}}.switch{align-items:center;background:var(--purple-100);border-radius:1em;display:flex;height:2em;margin-top:1em;outline:4px solid var(--purple-800);overflow:hidden;position:relative;transition:background,outline .3s;width:fit-content}input[type=radio]{margin:0 .33em 0 0}input{background:var(--purple-800);border:1px solid var(--white);border-radius:6px;color:var(--white);display:none;font-family:inherit;font-size:18px;margin-bottom:.33em;padding:.33em}.switch input:checked+label{color:#fff;transition:.15s ease-out;transition-property:color,background-color,outline}.switch label{color:#393a3b;cursor:pointer;display:inline-block;font-size:18px;font-weight:700;margin:0 auto;padding:1em 2em;position:relative;text-align:center;width:max-content;z-index:2}.switch input:checked+label~.switch-selector{background-color:var(--purple-800)}.switch input:checked+label:first-of-type~.switch-selector{--translate:0%}.switch input:checked+label:nth-of-type(2)~.switch-selector{--translate:100%}.switch .switch-selector{border-radius:1em;display:block;height:2em;left:0;position:absolute;top:0;transform:translateX(var(--translate));transition:all .5s cubic-bezier(.18,.89,.32,1.28);width:50%;z-index:1}.volatility-gauge{height:auto;width:300px}.volatility-info div{animation:contentAppear .5s ease;background:var(--gray-100);padding:1em}@keyframes contentAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.volatility-info div h4{border-radius:6px;color:#003c71;padding:.25em}@media only screen and (max-width:969px){.volatility-container{flex-wrap:wrap}}