:root{--contrastColor:#ddd;--bgcolor:#222831;--midColor:#30475e;--redColor:#f05454}body{background-color:var(--bgcolor)!important;font-size:.9rem;margin:0}#share-link{height:10rem;width:100%}.margin-top-4{margin:3rem}.margin-top-2{margin:2rem}.button-row{margin:4rem}#about,.text{color:var(--contrastColor)}#about{margin:4rem}#about h1{font-size:1.8rem;padding:2rem}.custom-modal{color:var(--contrastColor)}.custom-modal,.modal-text-area{background-color:var(--bgcolor)!important}.modal-text-area{border:none;color:var(--contrastColor)!important;min-height:30vh!important}.my-modal-footer{border-top:none!important}.my-button{outline:none;transition:.1s ease}.filter-type-selector,.my-button{background-color:var(--midColor);border:none;border-radius:5px;color:var(--contrastColor);cursor:pointer;display:inline-block;margin:.1rem;padding:.4rem 1rem;text-align:center;text-decoration:none}.filter-type-selector{-webkit-appearance:none}.my-other-button{background-color:var(--bgcolor);border:none;border-radius:5px;color:var(--contrastColor);cursor:pointer;display:inline-block;margin:4px 2px;outline:none;text-align:center;text-decoration:none;transition:.1s ease}.my-button:active{opacity:.4}.control-icon-container{height:4rem;width:4rem}.control-icon{cursor:pointer;height:2.3rem;transition:.3s ease-out}.control-icon:active{opacity:.4;transition:0s ease-out}.my-other-button:active{opacity:.4}.my-button:focus,.my-other-button:focus{outline:none}.svgContainer{align-items:center;display:flex;height:100%;justify-content:center;width:100%}path{fill:none;stroke:var(--contrastColor);stroke-width:.8}canvas{border:1px solid #fff}#preset-controls{margin-top:1rem}#advanced-button-controls,.advanced-control-button,.button-controls{align-items:center;display:flex;height:100%;justify-content:center;margin-top:1rem}#core-controls,#easy-controls{align-items:center;display:flex;height:100%;justify-content:center}#easy-controls{margin-top:1rem}.filter-controls{align-items:center;display:flex;height:100%;justify-content:center}.filter-button{display:flex;height:80%;margin:1rem}.selector{background-color:var(--midColor);border:none;border-radius:5px;color:var(--contrastColor);cursor:pointer;margin:4px 2px;padding:5px 20px;text-decoration:none}.dial-container,.selector{display:inline-block;text-align:center}.dial-container{height:60px;margin:20px;position:relative;width:60px}.dial{border-radius:50%;cursor:pointer;height:100%;position:relative;width:100%}.dial,.dial-indicator{background:var(--midColor)}.dial-indicator{height:50%;left:50%;position:absolute;top:50%;transform-origin:bottom center;width:2px}.dial-indicator-tip{background-color:var(--redColor);border-radius:17%;height:16px;left:-4px;position:relative;width:8px}.dial-function-text{color:var(--contrastColor);left:-50%;margin-bottom:30px;position:absolute;text-align:center;top:-60%;width:200%}.dial-input,.dial-value-text{color:var(--contrastColor);margin-top:10px;position:absolute;text-align:center;top:100%;width:100%}.dial-input{-moz-appearance:textfield;background-color:var(--bgcolor);box-shadow:none;outline:none}.dial-input:focus{border:1px solid var(--contrastColor);box-shadow:none}.dial-input::-webkit-inner-spin-button,.dial-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.faded{opacity:.2}.custom-selector{display:inline-block;position:relative}.selector-button{cursor:pointer;width:10rem}.custom-dropdown{background-color:var(--midColor);border-radius:5px;color:var(--contrastColor);display:none;min-width:16rem;padding:1px;position:absolute;top:3rem;width:100%;z-index:10}.custom-dropdown.show{display:block}.custom-dropdown ul{list-style-type:none;margin:0;padding:0}.custom-dropdown li{cursor:pointer;padding:8px 16px}.custom-dropdown li:hover{opacity:.8}.dropdown-action-button{cursor:pointer;margin-left:10px;position:absolute;right:2px}.dropdown-input{background-color:var(--midColor);border:none var(--midColor);color:var(--contrastColor);padding:10px}.dropdown-input:focus{outline:none}.mobile-margin-button{margin-bottom:0!important;margin-top:3rem!important}