#controls{-moz-column-gap:1rem;column-gap:1rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem;row-gap:0}@media (min-width:640px){#controls{margin-bottom:2rem}}@media (min-width:768px){#controls{flex-direction:row}}#controls>fieldset{border-radius:calc(var(--radius) - 2px);border-width:1px;display:flex;flex-direction:column;--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1));padding:1rem}@media (prefers-color-scheme:dark){#controls>fieldset{--tw-border-opacity:1;border-color:rgb(82 82 82/var(--tw-border-opacity,1))}}#controls>fieldset:first-child,#controls>fieldset:nth-child(2){flex:1 1 0%}#controls>fieldset label{display:block;font-size:1.125rem;font-weight:500;line-height:1.75rem;margin-bottom:1rem;text-transform:capitalize;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}@media (prefers-color-scheme:dark){#controls>fieldset label{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}}#controls>fieldset label input,#controls>fieldset label select{font-size:1rem;line-height:1.5rem;margin-top:.5rem}@media (prefers-color-scheme:dark){#controls>fieldset label input,#controls>fieldset label select{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}}#controls>fieldset:nth-child(2)>label input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius);cursor:pointer;height:.5rem;width:100%;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){#controls>fieldset:nth-child(2)>label input[type=range]{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}}#controls>fieldset input[type=number],#controls>fieldset select{border-radius:var(--radius);border-width:1px;display:block;width:100%;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));padding:.625rem;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}#controls>fieldset input[type=number]:focus,#controls>fieldset select:focus{--tw-border-opacity:1;border-color:rgb(63 131 248/var(--tw-border-opacity,1));--tw-ring-opacity:1;--tw-ring-color:rgb(63 131 248/var(--tw-ring-opacity,1))}@media (prefers-color-scheme:dark){#controls>fieldset input[type=number],#controls>fieldset select{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}}#controls>fieldset input[type=checkbox]{border-radius:.25rem;float:right;height:1.5rem;width:1.5rem;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(28 100 242/var(--tw-text-opacity,1))}#controls>fieldset input[type=checkbox]:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(63 131 248/var(--tw-ring-opacity,1))}#controls>fieldset label input[type=range],#controls>fieldset label>input[type=number],#controls>fieldset label>select{display:block}#controls>fieldset button{margin:1px 0;width:100%}#controls>fieldset output{font-weight:700;padding-left:.5rem;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}@media (prefers-color-scheme:dark){#controls>fieldset output{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}}#controls>fieldset:last-child{display:flex;flex-direction:column;justify-content:space-between;padding:1rem;width:100%}@media (min-width:640px){#controls>fieldset:last-child{flex-direction:row}}#controls>fieldset:last-child label{font-size:1.25rem;line-height:1.75rem;text-transform:capitalize;--tw-text-opacity:1;color:rgb(26 86 219/var(--tw-text-opacity,1))}@media (prefers-color-scheme:dark){#controls>fieldset:last-child label{--tw-text-opacity:1;color:rgb(118 169 250/var(--tw-text-opacity,1))}}#controls>fieldset>legend{font-size:1.5rem;font-weight:700;line-height:2rem;margin-left:1rem;padding:.5rem}#controls>fieldset:nth-last-child(2),#result{display:flex;justify-content:center}#controls>fieldset:nth-last-child(2){border-width:1px;flex:1 1 0%;flex-direction:column;gap:1rem}#controls>fieldset:nth-last-child(2) button{border-radius:var(--radius);margin-bottom:.5rem;margin-right:.5rem;--tw-bg-opacity:1;background-color:rgb(26 86 219/var(--tw-bg-opacity,1));font-size:.875rem;font-weight:500;line-height:1.25rem;padding:.625rem 1.25rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}#controls>fieldset:nth-last-child(2) button:hover{--tw-bg-opacity:1;background-color:rgb(30 66 159/var(--tw-bg-opacity,1))}#controls>fieldset:nth-last-child(2) button:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(164 202 254/var(--tw-ring-opacity,1))}#controls>fieldset:nth-last-child(2)>legend{font-size:1.5rem;font-weight:700;line-height:2rem;margin-left:1rem;padding:.5rem;text-align:center}.tool-container{margin-bottom:0}@media (min-width:768px){.tool-container{margin-bottom:5rem}}