{"version":3,"sources":["webpack://D:/projects/kronos/src/components/ui/tooltip.css","webpack://D:/projects/kronos/src/components/skills/skills.css","webpack://D:/projects/kronos/src/components/sidepanel/editor.css","webpack://D:/projects/kronos/src/components/sidepanel/sidepanel.css","webpack://D:/projects/kronos/src/index.css"],"names":[],"mappings":"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","file":"main.a3da64f4.chunk.css","sourcesContent":[".tooltip {\r\n\tposition: absolute;\r\n    background: black;\r\n    padding: 0;\r\n    transform: translate(-50%, calc(-100% - 12px));\r\n    font-size: large;\r\n    border-radius: 8px;\r\n    opacity: 0;\r\n    transition: opacity 0.25s, padding .25s cubic-bezier(0.68, -0.55, 0.27, 2.5);\r\n    pointer-events: none;\r\n    min-width: 40px;\r\n}\r\n\r\n.tooltip.active {\r\n    opacity: 1;\r\n    padding: 8px;\r\n}\r\n\r\n.tooltip::before {\r\n    content: '';\r\n    display: block;\r\n    width: 0;\r\n    height: 0;\r\n    position: absolute;\r\n    border-left: 12px solid transparent;\r\n    border-right: 12px solid transparent;\r\n    border-top: 12px solid black;\r\n    left: calc(50% - 12px);\r\n    top: 100%;\r\n}\r\n",".points-display {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    font-size: xx-large;\r\n    background: #242a33;\r\n    padding: 10px;\r\n    border-radius: 2px;\r\n    box-shadow: 3px 4px 5px black;\r\n}\r\n",".editor .texture-preview {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    width: 150px;\r\n    margin-top: 8px;\r\n}\r\n\r\n.editor .texture-preview span {\r\n    flex-grow: 1;\r\n    user-select: all;\r\n}\r\n\r\n.editor .texture-preview img {\r\n    background-color: initial;\r\n    width: 60px;\r\n    height: 60px;\r\n}\r\n\r\n.editor textarea {\r\n    background: #242a33;\r\n    border-radius: 4px;\r\n    flex-grow: 1000000;\r\n    min-height: 50%;\r\n    font-family: \"Roboto Mono\";\r\n}\r\n\r\n.editor button {\r\n    padding: 8px;\r\n    text-align: center;\r\n    margin: 10px 0;\r\n}\r\n",".sidepanel {\r\n    height: calc(100% - 16px);\r\n    position: relative;\r\n    background: #333c4a;\r\n    padding: 8px;\r\n    transition: flex-basis .2s, margin .2s;\r\n    flex: 0 0 0;\r\n    margin-right: -20px;\r\n    overflow-x: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.sidepanel.open {\r\n    flex-basis: 33vw;\r\n    margin: 0;\r\n}\r\n\r\n.sidepanel > * {\r\n    width: calc(33vw - 16px);\r\n}\r\n\r\n.sidepanel-toggles {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 10px;\r\n    width: unset;\r\n    transition: right .2s;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.sidepanel-toggles button {\r\n    background: #242a33;\r\n    padding: 10px;\r\n    border-radius: 2px;\r\n    box-shadow: 3px 4px 5px black;\r\n    color: #ffab40;\r\n    cursor: pointer;\r\n    white-space: nowrap;\r\n}\r\n\r\n.sidepanel.open ~ .sidepanel-toggles {\r\n    right: calc(33vw + 16px + 10px);\r\n}\r\n\r\n.sidepanel .spacer {\r\n    flex-grow: 1;\r\n}\r\n\r\n.sidepanel ul {\r\n    padding: 0;\r\n    display: inline;\r\n    font-weight: bold;\r\n    list-style: none;\r\n    text-align: center;\r\n}\r\n\r\n.sidepanel ul:not(.browser-default) {\r\n    padding-left: 0;\r\n    list-style-type: none;\r\n}\r\n\r\n.sidepanel ul:not(.browser-default) li {\r\n    list-style-type: none;\r\n}\r\n\r\n.sidepanel ul li {\r\n    vertical-align: middle;\r\n    white-space: nowrap;\r\n    padding-right: 8px;\r\n    padding-left: 8px;\r\n    display: inline;\r\n}\r\n",":root {\n    --foreground: #b4bdcb;\n    --background: #242a33;\n    --far-background: #111924;\n    --raised: #2a323d;\n    --highlight: #333c4a;\n    --focus: #a3c9ef;\n    --inactive: #697a96;\n    --disabled: #808080;\n    --warning: #71262f;\n}\n\nhtml {\n    background-color: var(--far-background);\n    color: var(--foreground);\n\tfont-family: 'Roboto', sans-serif;\n    height: 100%;\n    user-select: none;\n}\n\nbody {\n    background: transparent;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n}\n\na {\n    color: #ffab40;\n    cursor: pointer;\n    text-decoration: none;\n}\n\na:focus {\n    outline: none;\n}\n\ninput, .checkbox-label {\n    margin-bottom: 8px;\n    margin-top: 8px;\n    font-size: 16px;\n}\n\ninput[type=\"text\"], input[type=\"password\"], input[type=\"number\"], input[type=\"search\"], select {\n    background: none;\n    border: none;\n    border-bottom: solid 2px var(--inactive);\n    color: var(--foreground);\n    transition: border 0.3s;\n    width: 100%;\n}\n\ninput[type=\"text\"]:focus, input[type=\"password\"]:focus, input[type=\"number\"]:focus, input[type=\"search\"]:focus, select:focus {\n    border-bottom: solid 2px var(--foreground);\n    outline: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    height: 10px;\n    width: 10px;\n    margin-bottom: 3px;\n    padding: 1px;\n    background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 45%, var(--foreground) 45%,  var(--foreground) 56%,transparent 55%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 45%, var(--foreground) 45%,  var(--foreground) 56%,transparent 56%, transparent 100%);\n    cursor: pointer;\n}\n\ninput[type=\"range\"] {\n    appearance: none;\n    height: 4px;\n    background: var(--far-background);\n    outline: none;\n    border-radius: 4px;\n    min-width: 40px;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n    appearance: none;\n    width: 12px;\n    height: 12px;\n    cursor: pointer;\n    background: var(--background);\n    border: solid 2px var(--far-background);\n    border-radius: 50%;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb:hover {\n    background: var(--highlight);\n}\n\ninput[type=\"color\"] {\n    -webkit-appearance: none;\n    border: solid 2px var(--inactive);\n    outline: none;\n    padding: 0;\n}\n\ninput[type=\"color\"]:focus {\n    border-color: var(--foreground);\n}\n\ninput[type=\"color\"]:disabled {\n    border-color: var(--disabled);\n}\n\ninput[type=\"color\"]::-webkit-color-swatch-wrapper {\n    padding: 0;\n}\n\ninput[type=\"color\"]::-webkit-color-swatch {\n    border: none;\n}\n\nbutton {\n    background: var(--highlight);\n    border: none;\n    color: #ffab40;\n    cursor: pointer;\n    font-size: 16px;\n    margin: 10px;\n    text-align: left;\n    transition: background-color .1s ease-in;\n    border-radius: 10px;\n}\n\nbutton:focus {\n    color: var(--focus);\n    outline: none;\n}\n\nbutton:hover {\n    background-color: var(--raised);\n}\n\nselect option {\n    color: #000;\n}\n\nbutton:disabled, select:disabled, input:disabled {\n    color: var(--disabled);\n}\n\nh4 {\n    border-bottom: solid var(--foreground);\n    text-align: center;\n    width: 50%;\n    margin: .25em auto .5em auto;\n}\n\ntextarea {    \n    font-family: sans-serif;\n    font-size: 16px;\n    resize: none;\n    background: none;\n    border: none;\n    border-bottom: solid 2px #969696;\n    color: var(--foreground);\n    transition: border 0.3s;\n}\n\ntextarea:focus {\n    border-bottom: solid 2px #c9c9c9;\n    outline: none;\n}\n\nimg {\n    position: relative;\n    overflow: hidden;\n    background-color: var(--background);\n}\n\nimg:after {\n    background-color: inherit;\n    display: block;\n    position: absolute;\n    z-index: 2;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    content: \"\";\n}\n\n::-webkit-scrollbar {\n    height: 28px;\n    width: 14px;\n}\n\n::-webkit-scrollbar-thumb {\n    border: 8px solid rgba(0, 0, 0, 0);\n    background-clip: padding-box;\n    -webkit-border-radius: 20px;\n    background-color: rgba(0, 0, 0, 0.6);\n}\n\n#root, .App {\n\twidth: 100%;\n\theight: 100%;\n}\n\n.App {\n    display: flex;\n}\n"]}