#searchBar{width:100%;max-width:300px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;color:var(--text-color);padding:10px;-webkit-transition:.2s ease;transition:.2s ease;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius:2px}#searchBar>.MuiSvgIcon-root{cursor:pointer}#searchBar>input{margin-left:5px;outline:none;border:none;width:100%;color:inherit}#searchBar>.clearSearch{-webkit-transition:inherit;transition:inherit;opacity:0;pointer-events:none}#searchBar>.clearSearch.active{opacity:1;pointer-events:auto}.connector{position:relative;background-color:var(--app-color);cursor:pointer;overflow:hidden}.connector:hover>img{-webkit-transform:scale(1.2);transform:scale(1.2)}.connector>img{width:100%;height:100%;object-fit:contain;display:block;-webkit-transition:.2s ease;transition:.2s ease}.connector>span{position:absolute;bottom:0;left:0;right:0;background:rgba(1,1,1,.5);color:var(--text-color-light);font-size:20px;padding:10px}.cableCard{display:grid;grid-template-columns:1fr 1fr auto auto auto;grid-column-gap:15px;align-items:center;justify-content:space-between;padding:15px;margin:10px auto;color:var(--text-color);background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.cableCard>.connector{width:100%;place-self:center}.cableCard>.MuiSvgIcon-root{background-color:var(--app-color);border-radius:5px;color:var(--text-color-light);cursor:pointer}.cableCard>.MuiSvgIcon-root.delete{background-color:red}mark{color:var(--text-color)}#connectors{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}#createConnectorButton{display:flex;justify-content:center;margin:20px}#createConnectorView{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--background-color);z-index:20}#shutterButton{border-radius:50%;background-color:var(--app-color-medium);border:5px solid var(--app-color);width:40px;height:40px;cursor:pointer}#connectorImageMaker{width:100%;height:100%}#choose{display:flex;justify-content:center;align-items:center;height:100%}#choose>button{margin:20px}#takePicture{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%}#liveView{margin:auto;position:relative;width:90%;max-width:500px;height:90%;max-height:500px;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}#liveView>video{object-fit:cover}#liveView>img,#liveView>video{display:block;position:absolute;width:100%;height:100%}#liveView>img{object-fit:contain;opacity:.25}#takePicture>.actions{display:flex;justify-content:center;margin:20px 0}.keyColor{display:flex;align-items:center;border-radius:50px;width:100%}.keyColor>svg{padding:7px;border-radius:100px;background-color:var(--background-color);margin:7px;cursor:pointer;color:var(--text-color)}.keyColor>input{margin-right:20px;cursor:pointer;width:100%}#connectorImageEditor{display:flex;flex-direction:column;height:100%}#imageEditor{margin:auto;position:relative;width:90%;max-width:500px;height:90%;max-height:500px;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}#imageEditor>canvas{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#7fff00}#keyColors{flex-shrink:0;overflow:auto;width:calc(100% - 26px);max-width:500px;height:110px;margin:20px auto auto;border:3px solid var(--app-color);display:grid;grid-gap:10px;padding:10px;justify-items:center;align-items:start;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-template-rows:repeat(auto-fill,50px)}#finish{display:flex;justify-content:center;margin:10px}#nameInput{width:100%;max-width:250px;display:flex;align-items:stretch;color:var(--text-color);border-radius:2px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius:50px;overflow:hidden;margin:20px auto;background-color:#fff}#nameInput>div{display:flex;justify-content:center;align-items:center;margin-left:15px;cursor:pointer}#nameInput>input{outline:none;border:none;width:100%;color:inherit;margin:13px 10px}#nameInput>button{-webkit-transition:.2s ease;transition:.2s ease;box-shadow:none;-webkit-transform:translateX(100%);transform:translateX(100%)}#nameInput>button.active{-webkit-transform:none;transform:none}#connectorCreator{display:grid;grid-template-rows:auto 1fr auto;width:95%;height:100%;margin:auto;place-items:stretch}.addCableProgress{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;width:100%;max-width:400px;padding-top:5px}.addCableProgress>svg{min-width:150px}.addCableProgress>h2{margin:0 10px}@media screen and (max-height:500px),screen and (max-width:500px){.addCableProgress{flex-direction:row;position:-webkit-sticky;position:sticky;top:0;right:0;left:0;z-index:10;background-color:var(--background-color);max-width:none}}body,html{width:100%;height:100%;margin:0;padding:0}body{font-family:Roboto,Arial;background-color:var(--background-color);--background-color:#eee;--text-color:#575757;--text-color-light:#fff;--app-color:#2196f3;--app-color-dark:#0d47a1;--app-color-medium:#1565c0}h1,h2,h3,h4,h5,h6{color:var(--text-color);text-align:center}button{border:none;background-color:var(--app-color);padding:10px;color:var(--text-color-light);font-size:17px;font-family:inherit;font-weight:700;border-radius:2px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);cursor:pointer;-webkit-transition:.2s ease-out;transition:.2s ease-out}button:hover:not(:disabled){-webkit-transform:translateY(-3px);transform:translateY(-3px)}button:disabled{background-color:grey;opacity:.7;cursor:auto}
/*# sourceMappingURL=main.cea621b2.chunk.css.map */