body{-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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.frame{margin:0}.container,.frame{align-items:center;display:flex;justify-content:center}.container{height:220px;margin:5em 0}.card{background-color:#818181;border-radius:2em;padding:0 1em}.controller{background:#555;background:#0000;border:1px solid;border-radius:100%;cursor:pointer;height:3em;margin:0 1em;width:3em}.contrl-buttons,.controller{align-items:center;display:flex;justify-content:center}.contrl-buttons{background-color:#eee;height:4em;width:15em}.control-pannel{align-items:center;display:flex;justify-content:center}.heading{text-decoration:underline}.bar{height:200px;margin:0 1em;transform:rotateX(-20deg) rotateY(-30deg);transform-style:preserve-3d;width:2em}.side{background:#fefefe40;height:100%;position:absolute;width:100%}.back{transform:translateZ(-4px)}.left{transform:rotateY(90deg);transform-origin:left}.right{transform:rotateY(-90deg);transform-origin:right}.top{background:#fefefe26;height:34px;transform:rotateX(-90deg);transform-origin:top}.bottom{height:34px;transform-origin:top}.bottom,.color-bar{background:#e1007880;box-shadow:0 0 10px #e1007833;transition:.3s}.input{height:25px;outline:none;text-align:center;transform:rotate(-90deg)}.quantity-button{-webkit-touch-callout:none;background:#0aff0133;cursor:pointer;margin:1px;text-align:center;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.quantity-button:hover{opacity:.5}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}
/*# sourceMappingURL=main.b82106d9.css.map*/