tutorial.25e8b96e.css.map

{"version":3,"sources":["css/tutorial.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","file":"tutorial.25e8b96e.css","sourceRoot":"..\\..","sourcesContent":["#tutorial-container {\n\tdisplay: none;\n\tposition: absolute;\n\twidth: 100%;\n\theight: 100%;\n\tbackground-color: rgba(0, 0, 0, 0.9);\n\tz-index: 99;\n\tpadding: 10px 20px 10px 20px;\n    box-sizing: border-box;\n\t/* user-select: none; */\n}\n\n#tutorial-close-btn {\n\tcursor: pointer;\n\tposition: absolute;\n\ttop: -0.5em;\n\tright: 10px;\n\tfont-size: 2em;\n}\n\n.slide-container {\n    /* Applying transforms here instead of the slide-class prevents creating new \n       stacking contexts which mess up our prev/next controls */\n    position: absolute;\n    width: 70%;\n\theight: calc(100% - 3em);\n    top: 5%;\n\tleft: 15%;\n}\n\n.tutorial-radio {\n\tdisplay: inline-block;\n\tposition: relative;\n    font-size: 0.75em;\n\twidth: 1em;\n\theight: 1em;\n    background: transparent;\n    border: 1px solid white;\n\tborder-radius: 1em;\n    appearance: none;\n    cursor: pointer;\n\ttransition: 0.2s ease-out background, 0.2s ease-out transform;\n}\n\n.tutorial-radio:checked {\n\tbackground: white;\n\toutline: none;\n\ttransform: scale(1.3);\n}\n\n.tutorial-slide {\n    position: absolute;\n    width: 70%;\n    height: 100%;\n\tmargin-left: 15%;\n\tmargin-right: 15%;\n    text-align: center;\n    line-height: 1.5;\n}\n\n.tutorial-slide .slide-content {\n\toverflow-y: auto;\n\tmax-height: 100%;\n}\n\n.tutorial-slide .tutorial-media {\n\tdisplay: block;\n\tmax-height: 60%;\n\tmax-width: 90%;\n\tmargin-left: auto;\n\tmargin-right: auto;\n    background-color: black;\n}\n\n.tutorial-slide label {\n\tdisplay: none;\n\twidth: 10%;\n\theight: 70%;\n\tposition: absolute;\n\ttop: 15%;\n    bottom: 0;\n    z-index: 99;  /* Must all be on the same z level! */\n\tcursor: pointer;\n\tcolor: transparent;\n}\n/*\n.tutorial-slide label:not[opacity=0] {\n    background-color: rgba(255, 255, 255, 0.3);\n}\n*/\n.tutorial-slide label::after {\n\tfont-size: 2em;\n\tcolor: #fff;\n\tdisplay: block;\n\tposition: absolute;\n\ttop: 50%;\n\tmargin-top: -0.5em;\n}\n\n.tutorial-slide label:hover {\n    background-color: rgba(255, 255, 255, 0.1);\n}\n\n.tutorial-slide label.prev {\n    left: -15%;\n    display: block;\n}\n.tutorial-slide label.prev::after {\n    content: \"\\276E\";\n    left: 10px;\n}\n\n.tutorial-slide label.next {\n    right: -15%;\n    display: block;\n}\n\n.tutorial-slide label.next::after {\n    content: \"\\276F\";\n    right: 10px;\n}\n\n.tutorial-radio:checked + .tutorial-slide {\n\topacity: 1;\n}\n\n.tutorial-radio:not(:checked) + .tutorial-slide {\n\tdisplay: none;\n}\n"]}