#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--text:#070524;--background:#e0dffb;--primary:#0f0f80;--secondary:#ee77af;--accent:#d7191c;--primary-text:#e9e1f9;--box-shadow-color:#909090;--box-shadow:-1px 2px 6px;--svg-dark-filter:none}[data-theme=dark]{--text:#dcd9fa;--background:#050420;--primary:#7f7ff0;--secondary:#8a114a;--accent:#e52729;--primary-text:#050420;--box-shadow-color:#1d1d1d;--box-shadow:-1px 2px 6px;--svg-dark-filter:invert(1)}*{color:#070524;color:var(--text)}.spacer{border-left:.5px solid #070524;border-left:.5px solid var(--text);height:30px}.button{border:none;border-radius:5px;cursor:pointer;padding:5px}.button-primary{background-color:#0f0f80;background-color:var(--primary)}.button-primary,.button-secondary{color:#e9e1f9;color:var(--primary-text)}.button-secondary{background-color:#ee77af;background-color:var(--secondary)}.button-accent{background-color:#d7191c;background-color:var(--accent);color:#e9e1f9;color:var(--primary-text)}.App{height:100%;overflow-x:hidden;text-align:center}.App,.App-header{background-color:#e0dffb;background-color:var(--background);width:100%}.App-header{box-shadow:-1px 2px 6px #909090;box-shadow:var(--box-shadow) var(--box-shadow-color);box-sizing:border-box;color:#070524;color:var(--text);height:50px;justify-content:space-between;padding:10px}.App-header,.header-right-btns{align-items:center;display:flex}.header-right-btns{justify-content:space-around;width:120px}.header-right-btns>span{cursor:pointer}.container{align-items:stretch;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start}.container-box{border-radius:5px;box-shadow:-1px 2px 6px #909090;box-shadow:var(--box-shadow) var(--box-shadow-color);padding:10px}.line{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;padding:0 15px 15px;width:100%}.line:first-child{padding-top:15px}.menu{flex:1 1}.export,.menu{display:flex;flex-direction:column}.export{align-items:flex-start}.flex-container{display:flex;flex:1 1;min-height:160px;min-width:160px;overflow:auto}.icon-wrapper{align-items:center;border-radius:5px;cursor:pointer;display:flex;padding:3px;position:relative}.icon-wrapper:after{background:#0f0f80;background:var(--primary);border-radius:100px;border-radius:5px;content:"";height:100%;left:0;opacity:0;position:absolute;transition:.3s;width:100%}.icon-wrapper:active:after{opacity:.8;transition:0s}.icon-wrapper:hover{box-shadow:-1px 2px 6px #909090;box-shadow:var(--box-shadow) var(--box-shadow-color)}.icon-wrapper.selected{background-color:#0f0f80;background-color:var(--primary)}.img-filter{filter:none;filter:var(--svg-dark-filter)}.img-shadow{filter:drop-shadow(1px 1px 1px black)}.icon-wrapper.selected>img{filter:invert(1)}.icon-wrapper>img{height:25px;width:25px}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.flex-element{border-radius:5px;height:50px;width:50px}.flex-element-primary{background-color:#0f0f80;background-color:var(--primary)}.flex-element-secondary{background-color:#ee77af;background-color:var(--secondary)}.flex-element-accent{background-color:#d7191c;background-color:var(--accent)}.option-block:not(:last-child){border-bottom:1px solid var(--box-shadow-color);margin-bottom:5px;padding-bottom:5px}.option-block>:first-child{margin-bottom:5px;text-align:left;text-transform:capitalize}.flex-option{border-radius:5px;font-size:small;order:1px solid #0000;padding:5px}.flex-option-number{background-color:initial;border:1px solid #0000;border-radius:5px;font-size:small;padding:3px;width:40px}.flex-option-number,.flex-option:hover{box-shadow:1px 1px 5px -1px var(--box-shadow-color)}.flex-option:hover{cursor:pointer}.flex-option.selected{background-color:var(--primary);color:var(--primary-text)}.flex-option-container{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:5px;justify-content:flex-start}.buttons{display:flex;gap:15px}.buttons>div{align-content:center;display:flex;flex-wrap:wrap}.add-remove{font-size:large;height:30px;width:30px}
/*# sourceMappingURL=main.33b6239e.css.map*/