/* line 3, ../../sass/src/panel.scss */
.x-container {
  -webkit-transform: translate3d(0, 0, 0); }

/* line 7, ../../sass/src/panel.scss */
.x-panel {
  position: relative;
  -webkit-transform: translate3d(0, 0, 0); }

/* line 12, ../../sass/src/panel.scss */
.x-panel-body {
  position: relative; }

/* line 16, ../../sass/src/panel.scss */
.x-panel.x-floating {
  padding: 6px;
  -webkit-border-radius: 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 2px 10px;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #617385), color-stop(2%, #252c32), color-stop(50%, #272e35), color-stop(51%, #21272c), color-stop(100%, #0b0d0f)); }
  /* line 22, ../../sass/src/panel.scss */
  .x-panel.x-floating.x-panel-light {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #d4d9de), color-stop(2%, #8393a0), color-stop(50%, #8695a2), color-stop(51%, #7e8d9b), color-stop(100%, #647482)); }

/* line 27, ../../sass/src/panel.scss */
.x-panel.x-floating > .x-panel-body {
  background-color: #fff;
  -webkit-border-radius: 4px; }

/* line 36, ../../sass/src/panel.scss */
.x-anchor {
  width: 0.7em;
  height: 0.7em;
  position: absolute;
  z-index: 1; }
  /* line 42, ../../sass/src/panel.scss */
  .x-anchor:before, .x-anchor:after {
    content: "\00a0";
    position: absolute;
    width: 1.631em;
    height: 0.7em;
    top: 0;
    left: 0;
    -webkit-mask: 0 0 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAPCAYAAABut3YUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUeNpi/PX7LwOFwAyIG6HseiA+Ra5BjBQ6xg+IVwAxJ5T/HYgjgHgTOYYxUeCQUiBeh+QQBih7HVSOLiHDDMSTgTiTgLrpQJwLxH9p5RhOaLT4EakeFF3RQPyF2o6RhkaBGYkheRmIPYH4KbXSjC4QnyTDIch6danhGCcgPgwNGXKBNNQMb0ocEwXE24GYn4FyADJjI76Ej88x7UC8FIjZGKgHQDlxGtRsZmISMMjy+dBQoSXYBC0gv+NyDD80xzgx0AeAqg4fIH6NHk0qQHyMjg6B1WvHYDkNFjIgwS1ALMowMOAjEAeBHINe2Q0U+AUQYACQ10C2QNhRogAAAABJRU5ErkJggg==') no-repeat;
    -webkit-mask-size: 1.631em 0.7em;
    overflow: hidden;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #b7c0c8), color-stop(2%, #7e8d9b), color-stop(100%, #596774)); }
  /* line 49, ../../sass/src/panel.scss */
  .x-anchor.x-anchor-left {
    left: 1.4em; }
  /* line 52, ../../sass/src/panel.scss */
  .x-anchor.x-anchor-right {
    right: 2.1em; }
  /* line 55, ../../sass/src/panel.scss */
  .x-anchor.x-anchor-top {
    top: -0.7em; }
  /* line 58, ../../sass/src/panel.scss */
  .x-anchor.x-anchor-bottom {
    -webkit-transform: rotate(180deg);
    bottom: -0.7em; }
    /* line 62, ../../sass/src/panel.scss */
    .x-anchor.x-anchor-bottom:before, .x-anchor.x-anchor-bottom:after {
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #637483), color-stop(2%, #374149), color-stop(100%, #161a1d)); }
    /* line 65, ../../sass/src/panel.scss */
    .x-anchor.x-anchor-bottom.x-anchor-left {
      left: 2.1em; }
    /* line 68, ../../sass/src/panel.scss */
    .x-anchor.x-anchor-bottom.x-anchor-right {
      right: 1.4em; }