@charset "utf-8";

.darkroom-container { position: fixed; top: 0px; width: 100%; height: 100%; left: 0px; z-index: 2147483647; background-image: url("../images/editor_background.png"); background-color: rgba(0, 0, 0, 0.85); }

.darkroom-image-container { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 999999999; padding-top: 100px; }

.darkroom-toolbar { position: absolute; top: 0px; left: 0px; background: rgb(0, 0, 0); height: 100px; width: 100%; z-index: 2147483647; white-space: nowrap; text-align: center; display: flex; }

.darkroom-button-group { display: inline-block; margin: 0px; padding: 0px; flex-grow: 1; }

.darkroom-button-group:last-child { border-right: none; }

.darkroom-button { box-sizing: border-box; background: transparent; border: none; outline: none; margin: 25px 0px 0px; padding: 5px; width: auto; }

.darkroom-button:hover { cursor: pointer; background: rgb(51, 51, 51); }

.darkroom-button:active { cursor: pointer; background: rgb(51, 51, 51); }

.darkroom-button:disabled .darkroom-icon { fill: rgb(102, 102, 102); }

.darkroom-button:disabled:hover { cursor: default; background: transparent; }

.darkroom-button.darkroom-button-active .darkroom-icon { fill: rgb(51, 181, 229); }

.darkroom-button.darkroom-button-hidden { display: none; }

.darkroom-button.darkroom-button-success .darkroom-icon { fill: rgb(153, 204, 0); }

.darkroom-button.darkroom-button-warning .darkroom-icon { fill: rgb(255, 187, 51); }

.darkroom-button.darkroom-button-danger .darkroom-icon { fill: rgb(255, 68, 68); }

.darkroom-button-group:first-child { display: none; }

@media screen and (max-device-width: 320px) {
  .darkroom-button-group:first-child { display: none; }
}

.darkroom-icon { width: 34px; height: 34px; fill: rgb(255, 255, 255); }