/*!
 * Toastify js 1.6.1
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */

.toastify {
    padding: 12px 20px;
    color: #ffffff;
    display: inline-block;
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);
    background: -webkit-linear-gradient(315deg, #73a5ff, #5477f5);
    background: linear-gradient(135deg, #73a5ff, #5477f5);
    position: fixed;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    border-radius: 2px;
    cursor: pointer;
    text-decoration: none;
    max-width: calc(50% - 20px);
    z-index: 2147483647;
}

.toastify.on {
    opacity: 1;
}

.toast-close {
    opacity: 0.4;
    padding: 0 5px;
}

.toastify-right {
    right: 15px;
}

.toastify-left {
    left: 15px;
}

.toastify-top {
    top: -150px;
}

.toastify-bottom {
    bottom: -150px;
}

.toastify-rounded {
    border-radius: 25px;
}

.toastify-avatar {
    width: 1.5em;
    height: 1.5em;
    margin: 0 5px;
    border-radius: 2px;
}

.toastify-center {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: fit-content;
}

@media only screen and (max-width: 360px) {
    .toastify-right, .toastify-left {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        max-width: fit-content;
    }
}

/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */
/**
 *  Default styles for xterm.js
 */
.xterm {
  font-feature-settings: "liga" 0;
  position: relative;
  user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none; }

.xterm.focus,
.xterm:focus {
  outline: none; }

.xterm .xterm-helpers {
  position: absolute;
  top: 0;
  /**
     * The z-index of the helpers must be higher than the canvases in order for
     * IMEs to appear on top.
     */
  z-index: 10; }

.xterm .xterm-helper-textarea {
  /*
     * HACK: to fix IE's blinking cursor
     * Move textarea out of the screen to the far left, so that the cursor is not visible.
     */
  position: absolute;
  opacity: 0;
  left: -9999em;
  top: 0;
  width: 0;
  height: 0;
  z-index: -10;
  /** Prevent wrapping so the IME appears against the textarea at the correct position */
  white-space: nowrap;
  overflow: hidden;
  resize: none; }

.xterm .composition-view {
  /* TODO: Composition position got messed up somewhere */
  background: #000;
  color: #FFF;
  display: none;
  position: absolute;
  white-space: nowrap;
  z-index: 1; }

.xterm .composition-view.active {
  display: block; }

.xterm .xterm-viewport {
  /* On OS X this is required in order for the scroll bar to appear fully opaque */
  background-color: #000;
  overflow-y: scroll;
  cursor: default;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0; }

.xterm .xterm-screen {
  position: relative; }

.xterm .xterm-screen canvas {
  position: absolute;
  left: 0;
  top: 0; }

.xterm .xterm-scroll-area {
  visibility: hidden; }

.xterm-char-measure-element {
  display: inline-block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: -9999em;
  line-height: normal; }

.xterm {
  cursor: text; }

.xterm.enable-mouse-events {
  /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
  cursor: default; }

.xterm.xterm-cursor-pointer {
  cursor: pointer; }

.xterm.column-select.focus {
  /* Column selection mode */
  cursor: crosshair; }

.xterm .xterm-accessibility,
.xterm .xterm-message {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  color: transparent; }

.xterm .live-region {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.xterm-dim {
  opacity: 0.5; }

.xterm-underline {
  text-decoration: underline; }

html,
body {
  background-color: #000;
  height: 100%;
  margin: 0;
  overflow: hidden; }
  html #overlay,
  body #overlay {
    background-color: rgba(0, 0, 0, 0.75);
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 100; }
    html #overlay .error,
    body #overlay .error {
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: center;
      width: 100%; }
      html #overlay .error #msg,
      body #overlay .error #msg {
        align-self: center;
        color: #fff; }
      html #overlay .error input,
      body #overlay .error input {
        align-self: center;
        margin: 16px; }
  html #terminal,
  body #terminal {
    display: flex;
    height: 100%;
    position: relative;
    width: 100%; }
  html #options,
  body #options {
    position: absolute;
    top: 1em;
    right: 1em;
    z-index: 20;
    height: 16px;
    width: 16px; }
    html #options a.toggler,
    body #options a.toggler {
      display: inline-block;
      position: absolute;
      right: 1em;
      top: 0em;
      font-size: 16px;
      color: #ccc;
      z-index: 20; }
      html #options a.toggler :hover,
      body #options a.toggler :hover {
        color: #fff; }
    html #options .editor,
    body #options .editor {
      background-color: rgba(0, 0, 0, 0.85);
      padding: 0.5em;
      border-radius: 0.3em;
      border-color: rgba(255, 255, 255, 0.25);
      display: none;
      position: relative;
      height: 100%;
      width: 100%;
      top: 1em;
      right: 2em;
      color: #eee;
      font-size: 24px; }
    html #options .editor.error,
    body #options .editor.error {
      color: red; }
  html #options.opened,
  body #options.opened {
    height: 50%;
    width: 50%; }
    html #options.opened .editor,
    body #options.opened .editor {
      display: flex; }
  html .toastify,
  body .toastify {
    border-radius: 0;
    color: #000; }


/*# sourceMappingURL=index.css.map*/