viewport.5bdbceb2.css.map

{"version":3,"sources":["css/viewport.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"viewport.5bdbceb2.css","sourceRoot":"..\\..","sourcesContent":["\n.sim-container {\n\twidth: calc(50% - 25px);\n\theight: calc(100% - 20px);\n}\n\n#sim-canvas {\n\tposition: relative;\n\tmargin-top: 10px;\n\tz-index: 2;\n\theight: 100%;\n\twidth: 100%;\n}\n\n#sim-stats {\n\tposition: absolute;\n\tbottom: 0;\n\tright: 0;\n}\n\n.run-button {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tposition: absolute;\n\tz-index: 10;\n\tleft: 15px;\n\tbottom: -5px;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\tmargin-bottom: 0;\n\tpadding: 0;\n\tbox-sizing: border-box;\n\twidth: 60px;\n\theight: 60px;\n\tborder: 6px solid #fff;\n\tborder-radius: 50%;\n\tcolor: #f5f5f5;\n\ttext-align: center;\n\ttext-decoration: none;\n\tbackground-color: rgba(0, 0, 0, 0.5);\n\ttransition-property: background-color, box-shadow, text-shadow;\n\ttransition-duration: 0.3s;\n\ttransition-timing-function: ease;\n}\n\n.run-button::before {\n\tfont-family: 'Font Awesome 5 Free';\n\tfont-size: 2em;\n\tfont-weight: bold;\n}\n\n.run-button:not(.running)::before {\n\tcontent: '\\f04b';  /* play icon */\n\tpadding-left: 4px;\n}\n\n.run-button.running::before {\n\tcontent: '\\f04d';  /* stop icon */\n\tpadding-left: 0px;\n}\n\n.run-button:disabled::before {\n\tcontent: '\\f252';  /* hourglass icon */\n\tpadding-left: 0px;\n}\n\n.run-button:enabled:hover {\n\tbackground-color: rgba(0, 0, 0, 0.8);\n\tbox-shadow: 0px 0px 10px rgba(255, 255, 100, 1);\n\ttext-shadow: 0px 0px 10px rgba(255, 255, 100, 1);\n}\n\n.run-button:disabled {\n\tcolor: grey;\n\tborder-color: grey;\n}\n\n.robot-info {\n\tposition: absolute;\n\tright: 10px;\n\tbottom: 10px;\n\tz-index: 20;\n\tdisplay: none; /* flex; */\n\tjustify-content: center;\n\talign-items: center;\n\twidth: 1.5em;\n\theight: 1.5em;\n\tcolor: white;\n\topacity: 0.1;\n\tcursor: pointer;\n\ttransition: opacity 0.1s ease;\n\tborder: 1px solid white;\n\tborder-radius: 50%;\n}\n\n.robot-info:hover {\n\topacity: 0.7;\n}\n"]}