body{margin:0;padding:0;width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.wrapper{position:fixed;overflow:hidden;bottom:0;width:100%;height:95%;max-height:850px;padding-top:10px;box-sizing:border-box}.config{width:96%;overflow-y:auto;height:100%;max-width:600px;margin:0 auto;background-color:#34c9fa;border-start-end-radius:25px;border-start-start-radius:25px;box-sizing:border-box;padding:10px;background-color:#f8f8f8;box-shadow:0 4px 12px #7d7d7d}.button-config{display:flex;position:absolute;top:10px;right:10px;justify-content:center;align-items:center;width:30px;height:24px;border-radius:50%;padding:16px;cursor:pointer;border:none;background-color:#fff}.div-config{display:flex;justify-content:center;align-items:center;width:26px;height:24px;border-radius:50%;padding:6px;cursor:pointer;box-shadow:0 0 3px #66666673}.button-config:active{box-shadow:0 0 6px #666666d9;transform:translateY(1px)}body{margin:0;padding:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.viewer{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.viewer>svg{box-sizing:border-box}.selected{fill:#1f84ba;color:#1f84ba}.wrapper{position:fixed;overflow:hidden;bottom:0;width:100%;height:auto;max-height:850px;padding-top:10px;box-sizing:border-box}.config{width:96%;overflow-y:auto;height:100%;max-width:600px;margin:0 auto;border-start-end-radius:25px;border-start-start-radius:25px;box-sizing:border-box;padding:10px;background-color:#f8f8f8;box-shadow:0 4px 12px #7d7d7d;font-size:.8rem}.config-title{position:relative;display:flex;flex-direction:column;align-items:flex-end;margin:0 auto;width:98%;box-sizing:border-box}.config-title>button{position:relative;top:0;right:0;background-color:transparent;border:none;padding:0;margin:0;font-size:20px;font-weight:600;color:#0069d8;cursor:pointer}.config-body{box-sizing:border-box;color:#3a3a3a;margin-top:1em}.config-body-item{width:100%;border-radius:15px;box-shadow:0 1px 3px #c8c8c8;box-sizing:border-box;padding:15px;margin-bottom:15px}.config-body-item div{padding-bottom:2px}.config-body-item span{font-weight:500;font-size:1.2em}.config-body-item-line{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:100%;box-sizing:border-box}.config-body-item-line div{font-size:.8em}.config-body-item-line input{width:80%}.config-body-item-button{border:none;padding:3px 7px;border-radius:10px;font-size:1em;font-weight:600;color:#0069d8;cursor:pointer;background-color:#e8e8e9}.config-body-item-select{border:none;padding:3px 7px;border-radius:10px;font-size:1em;color:#0069d8;background-color:#e8e8e9}.react-toggle{touch-action:pan-x;display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;-webkit-transition:opacity .25s;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#4d4d4d;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#000}.react-toggle--checked .react-toggle-track{background-color:#19ab27}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#128d15}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0px;bottom:0px;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0px;bottom:0px;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{transition:all .5s cubic-bezier(.23,1,.32,1) 0ms;position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #4D4D4D;border-radius:50%;background-color:#fafafa;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;transition:all .25s ease}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#19ab27}.react-toggle--focus .react-toggle-thumb{-webkit-box-shadow:0px 0px 3px 2px #0099E0;-moz-box-shadow:0px 0px 3px 2px #0099E0;box-shadow:0 0 2px 3px #0099e0}.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb{-webkit-box-shadow:0px 0px 5px 5px #0099E0;-moz-box-shadow:0px 0px 5px 5px #0099E0;box-shadow:0 0 5px 5px #0099e0}.box{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px}.wrapperTop{display:flex;align-items:center;justify-content:space-evenly}.wrapperMiddle{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:-25%}.wrapperBottom{display:flex;align-items:center;justify-content:space-between;width:165%;margin-top:-20%}.circle{position:relative;display:flex;height:32px;width:32px;border-radius:50%;border:thin solid rgba(29,139,190,.755);background-color:#ffffffe6;justify-content:center;align-items:center;cursor:pointer;box-sizing:border-box;font-size:20px;font-weight:700;line-height:1}.option-palette{position:absolute;bottom:0px;height:100px;width:100%;padding:6px;box-sizing:border-box;border-radius:10px;border-start-end-radius:25px;border-start-start-radius:25px;background-color:#ffffffd9;background-color:#f8f8f8;box-shadow:0 2px 20px #7d7d7d;display:grid;justify-content:center}.option-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:center}.option-item{width:40px;height:40px;cursor:pointer;padding:0 5px;-webkit-flex-wrap:wrap;flex-wrap:wrap}.option-image-container{display:flex;width:100%;height:100%;justify-content:center;align-items:center;pointer-events:none}.option-image-option{height:15px;pointer-events:none}