main.c52e0fe2.css.map

{"version":3,"sources":["css/main.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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"main.c52e0fe2.css","sourceRoot":"..\\..","sourcesContent":["body {\n\tfont-family: InfoTextOT, Arial;\n\tmargin: 0;\n\tcolor: #fff;\n\tbackground: #363b4b;\n\toverscroll-behavior: none;\n}\n\na {\n\tcolor: rgb(30, 165, 255);\n}\n\n\n.accordion {\n\tcolor: inherit;\n\ttext-decoration: none;\n\tcursor: pointer;\n\tpadding: 18px;\n\twidth: 100%;\n\tborder: none;\n\ttext-align: left;\n\toutline: none;\n\tfont-size: 15px;\n\ttransition: 0.4s;\n}\n\n.accordion-panel {\n\tpadding: 0 18px;\n\tmax-height: 0;\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\ttransition: max-height 0.2s ease-out;\n}\n\n\n.main-container {\n\tdisplay: flex;\n\tflex-direction: row;\n\tposition: absolute;\n\tz-index: 2;\n\twidth: 100%;\n\theight: 100%;\n\toverflow: hidden;\n}\n\n\n.tab-label {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tposition: absolute;\n\tleft: 0;\n\theight: 25%;\n\twidth: 1.5em;\n\tcolor: white;\n\tfont-weight: normal;\n\tfont-size: 1.3em;\n\tborder: 0;\n\tborder-radius: 0;\n\toutline: 0;\n\tcursor: pointer;\n\tz-index: 98;\n}\n\n.tab-label:hover {\n\tfilter: brightness(120%);\n}\n\n/* Palette: https://coolors.co/f9c80e-f86624-ea3546-662e9b-43bccd */\n#blocks-btn {\n\ttop: 0%;\n\tbackground-color: #F9C80E;\n}\n\n#blocks-btn i {\n\ttransform: rotate(90deg) scaleX(-1);\n}\n\n#viewport-btn {\n\ttop: 25%;\n\tbackground-color: #F86624;\n}\n\n#tutorial-btn {\n\ttop: 50%;\n\tbackground-color: #EA3546;\n}\n\n#about-btn {\n\ttop: 75%;\n\tbackground-color: #662E9B;\n}\n\n#first-time-hint {\n\tposition: absolute;\n\tcolor: #EA3546;  /* deeppink */\n\ttext-shadow: 1px 1px 2px black;\n\tfont-size: 2em;\n\tleft: 1em;\n\tanimation: note-me-bounce 2s ease infinite;\n\ttransform-origin: left;\n}\n\n\n#iframe-notice {\n\tposition: absolute;\n\tleft: 0;\n\tbottom: 0;\n\tz-index: 999;\n\tpadding: 5px 10px 5px 7px;\n\tbackground-color: #777;\n\tborder-radius: 0 5px 0 0;\n}\n\n\n.gutter.gutter-horizontal {\n\tcursor: ew-resize;\n\tbackground-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');\n\tbackground-repeat: repeat-y;\n\twidth: 6px;  /* single dashed line at 4px, double at 6px */\n\theight: 100%;\n\tmargin: 0 2px 0 2px;\n\tflex-shrink: 0;\n}\n\n\n.loading-lightbox {\n\tbackground: rgba(0, 0, 0, 0.5);\n\tposition: absolute;\n\tz-index: 200;\n\twidth: 100%;\n\theight: 100%;\n}\n\n.loading-text {\n\tposition: absolute;\n\ttop: 50%;\n\tright: 50%;\n\ttransform: translate(50%, -50%);\n\ttext-align: center;\n\tz-index: 2;\n}\n\n.loading-text {\n\tfont-size: large;\n\tfont-weight: bold;\n}\n\n\n#overlay {\n\tposition: fixed;\n\tdisplay: none;\n\twidth: 100%;\n\theight: 100%;\n\tbackground-color: rgba(0, 0, 0, 0.5);\n\tz-index: 99;\n}\n\n\n.round-icon {\n\tdisplay: inline;\n\twidth: 40px;\n\theight: 40px;\n\tborder-radius: 100%;\n\tbackground-color: #777777;\n\tmargin: 5px;\n\ttext-align: center;\n}\n\n.round-icon::before {\n\tfont-size: 1.3em;\n\tposition: relative;\n\ttop: 25%;\n}\n\na .round-icon {\n\tcolor: white;\n}\n\na:hover .round-icon {\n\tcolor: rgb(30, 165, 255);\n}\n\n\n.desktop-only {\n\tdisplay: initial;\n}\n\n.mobile-only {\n\tdisplay: none;\n}\n\n@media (hover: none) and (pointer: coarse) {\n\t.desktop-only {\n\t\tdisplay: none;\n\t}\n\n\t.mobile-only {\n\t\tdisplay: initial;\n\t}\n}\n\n\n@keyframes note-me-bounce {\n\t0%   { transform: scale(1,1)      translateX(0); }\n\t10%  { transform: scale(.9,1.1)   translateX(0); }\n\t30%  { transform: scale(1.1,.9)   translateX(.7em); }\n\t50%  { transform: scale(1.05,.95) translateX(0); }\n\t57%  { transform: scale(1,1)      translateX(.1em); }\n\t64%  { transform: scale(1,1)      translateX(0); }\n\t100% { transform: scale(1,1)      translateX(0); }\n}\n"]}