diabloweb/static/css/main.e1dd4272.chunk.css.map

{"version":3,"sources":["reset.css","D:\\Projects\\diabloweb\\diabloweb/src\\App.scss"],"names":[],"mappings":"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","file":"main.e1dd4272.chunk.css","sourcesContent":["/* http://meyerweb.com/eric/tools/css/reset/ \r\n   v2.0 | 20110126\r\n   License: none (public domain)\r\n*/\r\n\r\nhtml, body, div, span, applet, object, iframe,\r\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\r\na, abbr, acronym, address, big, cite, code,\r\ndel, dfn, em, img, ins, kbd, q, s, samp,\r\nsmall, strike, strong, sub, sup, tt, var,\r\nb, u, i, center,\r\ndl, dt, dd, ol, ul, li,\r\nfieldset, form, label, legend,\r\ntable, caption, tbody, tfoot, thead, tr, th, td,\r\narticle, aside, canvas, details, embed, \r\nfigure, figcaption, footer, header, hgroup, \r\nmenu, nav, output, ruby, section, summary,\r\ntime, mark, audio, video, input, button {\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\tborder: 0;\r\n\tfont-size: 100%;\r\n  font: inherit;\r\n\tvertical-align: baseline;\r\n}\r\n/* HTML5 display-role reset for older browsers */\r\narticle, aside, details, figcaption, figure, \r\nfooter, header, hgroup, menu, nav, section {\r\n\tdisplay: block;\r\n}\r\n/*body {\r\n\tline-height: 1;\r\n}*/\r\nol, ul {\r\n\tlist-style: none;\r\n}\r\nblockquote, q {\r\n\tquotes: none;\r\n}\r\nblockquote:before, blockquote:after,\r\nq:before, q:after {\r\n\tcontent: '';\r\n\tcontent: none;\r\n}\r\ntable {\r\n\tborder-collapse: collapse;\r\n\tborder-spacing: 0;\r\n}\r\n","body, #root, .App {\r\n  overflow: hidden;\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n}\r\n.App {\r\n  background-color: #000;\r\n  &.dropping {\r\n    background-color: #111;\r\n  }\r\n}\r\n.Body, .BodyV {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  height: auto;\r\n  left: calc(50% - 200vh / 3);\r\n  width: calc(400vh / 3);\r\n}\r\n.Body .inner {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n}\r\n@media (max-aspect-ratio: 640/480) {\r\n  .Body {\r\n    left: 0;\r\n    right: 0;\r\n    width: auto;\r\n    top: calc(50% - 37.5vw);\r\n    height: 75vw;\r\n  }\r\n  .BodyV {\r\n    left: 0;\r\n    right: 0;\r\n    width: auto;\r\n  }\r\n}\r\n.BodyV {\r\n  pointer-events: none;\r\n}\r\n\r\n@media (min-aspect-ratio: 3/1) {\r\n  .App.keyboard .Body .inner {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    width: 75vw;\r\n    height: 56.25vw;\r\n    transform: translate(-50%, -70%);\r\n  }\r\n}\r\n\r\n.App {\r\n  canvas {\r\n    width: 100%;\r\n    height: 100%;\r\n    cursor: none;\r\n    visibility: hidden;\r\n  }\r\n  &.started canvas {\r\n    visibility: visible;\r\n  }\r\n  .keyboard {\r\n    position: absolute;\r\n    pointer-events: auto;\r\n    background: rgba(0, 0, 0, 0);\r\n    color: rgba(0, 0, 0, 0);\r\n    border: none;\r\n    outline: none;\r\n    z-index: 100;\r\n    display: none;\r\n    cursor: none;\r\n    &::selection {\r\n      background: rgba(0, 0, 0, 0);\r\n      color: rgba(0, 0, 0, 0);\r\n      }\r\n  }\r\n  &.keyboard .keyboard {\r\n    display: block;\r\n  }\r\n\r\n  .start, .error, .loading {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n  }\r\n\r\n  .start, .error {\r\n    max-width: 90%;\r\n    max-height: 90%;\r\n    overflow-y: auto;\r\n    pointer-events: auto;\r\n  }\r\n\r\n  .start {\r\n    border: 1px solid #888;\r\n    padding: 12px;\r\n    color: #fff;\r\n    font-size: 18px;\r\n    text-align: center;\r\n    background: #000;\r\n    p {\r\n      margin: 10px 0;\r\n    }\r\n    .startButton {\r\n      display: block;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n      border: 1px solid #fff;\r\n      background: #000;\r\n      font-size: 2em;\r\n      padding: 4px 18px;\r\n      cursor: pointer;\r\n      margin-top: 6px;\r\n      width: 8em;\r\n      &:hover {\r\n        background-color: #111;\r\n      }\r\n    }\r\n    .saveList {\r\n      border: 1px solid #fff;\r\n      text-align: left;\r\n      li {\r\n        padding: 0 6px;\r\n        .info {\r\n          color: #888;\r\n          margin-left: 6px;\r\n        }\r\n        .btnRemove {\r\n          color: #800;\r\n          &:hover {\r\n            color: #f00;\r\n          }\r\n          float: right;\r\n          cursor: pointer;\r\n          margin: 0 4px;\r\n        }\r\n        .btnDownload {\r\n          color: #888;\r\n          &:hover {\r\n            color: #fff;\r\n          }\r\n          float: right;\r\n          cursor: pointer;\r\n          margin: 0 4px;\r\n        }\r\n        &:hover {\r\n          background-color: #444;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.App {\r\n  .error {\r\n    display: block;\r\n    border: 1px solid #800;\r\n    background: #300;\r\n    padding: 12px;\r\n    color: #f33;\r\n    font-size: 18px;\r\n    text-align: center;\r\n    &:hover {\r\n      text-decoration: none;\r\n    }\r\n    .header {\r\n      font-weight: bold;\r\n      font-size: 1.2em;\r\n      margin-bottom: 0.3em;\r\n    }\r\n    .body {\r\n      font-family: monospace;\r\n    }\r\n    .footer {\r\n      margin-top: 0.5em;\r\n      font-size: 0.8em;\r\n    }\r\n  }\r\n\r\n  .loading {\r\n    color: #888;\r\n    font-size: 32px;\r\n    text-align: center;\r\n    width: 75%;\r\n    .progressBar {\r\n      display: block;\r\n      position: absolute;\r\n      margin-top: 16px;\r\n      width: 100%;\r\n      height: 40px;\r\n      border: 2px solid #888;\r\n      span {\r\n        position: absolute;\r\n        left: 3px;\r\n        top: 3px;\r\n        bottom: 3px;\r\n        right: 3px;\r\n      }\r\n      span span {\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        bottom: 0;\r\n        background-color: #888;\r\n      }\r\n    }\r\n  }\r\n  a, .link {\r\n    display: inline-block;\r\n    color: rgb(112, 112, 255);\r\n    text-decoration: none;\r\n    &:hover {\r\n      text-decoration: underline;\r\n    }\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.App {\r\n  .touch-ui {\r\n    display: none;\r\n    pointer-events: none;\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 25vh;\r\n    .touch-button {\r\n      position: absolute;\r\n      left: 50%;\r\n      background-color: #444;\r\n      transform: translate(-50%, -50%);\r\n      pointer-events: auto;\r\n      &.active {\r\n        background-color: #fff;\r\n      }\r\n      mask-size: 100% 100%;\r\n    }\r\n    .touch-button-0 {\r\n      top: 16.7vh;\r\n    }\r\n    .touch-button-1 {\r\n      top: 50vh;\r\n    }\r\n    .touch-button-2 {\r\n      top: 83.3vh;\r\n    }\r\n  }\r\n  .touch-ui.touch-mods {\r\n    left: 0;\r\n    .touch-button {\r\n      width: 20vh;\r\n      height: 20vh;\r\n      border-radius: 10vh;\r\n    }\r\n    .touch-button-0 {\r\n      mask-image: url(./icons/move.svg);\r\n    }\r\n    .touch-button-1 {\r\n      mask-image: url(./icons/rmb.svg);\r\n    }\r\n    .touch-button-2 {\r\n      mask-image: url(./icons/shift.svg);\r\n    }\r\n  }\r\n  .touch-ui.touch-belt {\r\n    right: 0;\r\n    .touch-button {\r\n      width: 14vh;\r\n      height: 14vh;\r\n      font-size: 1vh;\r\n      border-radius: 20%;\r\n      overflow: hidden;\r\n      background-color: #000;\r\n      border: 2px solid #444;\r\n      canvas {\r\n        position: absolute;\r\n        left: 5%;\r\n        top: 5%;\r\n        width: 90%;\r\n        height: 90%;\r\n      }\r\n      &::after {\r\n        content: '';\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        border-radius: 20%;\r\n        box-shadow: inset 0 0 1em 1.5em #000;\r\n      }\r\n    }\r\n  }\r\n  &.touch .touch-ui {\r\n    display: block;\r\n  }\r\n  &.touch.keyboard .touch-ui {\r\n    display: none;\r\n  }\r\n}\r\n@media (max-aspect-ratio: 880/480) {\r\n  .App .touch-ui {\r\n    width: calc(50vw - 200vh / 3);\r\n  }\r\n}\r\n@media (max-aspect-ratio: 832/480) {\r\n  .App .touch-ui {\r\n    width: 20vh;\r\n  }\r\n}\r\n@media (max-aspect-ratio: 640/480) {\r\n  .App .touch-ui {\r\n    width: auto;\r\n    height: 20vw;\r\n    .touch-button {\r\n      top: 50%;\r\n    }\r\n    .touch-button-0 {\r\n      left: 16.7vw;\r\n    }\r\n    .touch-button-1 {\r\n      left: 50vw;\r\n    }\r\n    .touch-button-2 {\r\n      left: 83.3vw;\r\n    }\r\n  }\r\n  .App .touch-ui.touch-mods {\r\n    top: auto;\r\n    right: 0;\r\n    .touch-button {\r\n      width: 20vw;\r\n      height: 20vw;\r\n      border-radius: 10vw;\r\n    }\r\n  }\r\n  .App .touch-ui.touch-belt {\r\n    bottom: auto;\r\n    left: 0;\r\n    .touch-button {\r\n      width: 14vw;\r\n      height: 14vw;\r\n      font-size: 1vw;\r\n    }\r\n  }\r\n}\r\n@media (max-aspect-ratio: 640/736) {\r\n  .App .touch-ui {\r\n    height: calc(50vh - 75vw / 2);\r\n  }\r\n}\r\n@media (max-aspect-ratio: 640/800) {\r\n  .App .touch-ui {\r\n    height: 25vw;\r\n  }\r\n}\r\n"]}