/* line 3, ../../../_scss-default/parts/_reset.scss */
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* line 13, ../../../_scss-default/parts/_reset.scss */
body {
  line-height: 1; }

/* line 16, ../../../_scss-default/parts/_reset.scss */
ol, ul {
  list-style: none; }

/* line 19, ../../../_scss-default/parts/_reset.scss */
blockquote, q {
  quotes: none; }

/* line 23, ../../../_scss-default/parts/_reset.scss */
:focus {
  outline: 0; }

/* line 28, ../../../_scss-default/parts/_reset.scss */
ins {
  text-decoration: none; }

/* line 31, ../../../_scss-default/parts/_reset.scss */
del {
  text-decoration: line-through; }

/* line 36, ../../../_scss-default/parts/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 40, ../../../_scss-default/parts/_reset.scss */
td, th {
  vertical-align: top; }

/* line 19, _scss/_MAIN.scss */
html {
  font-size: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
  background: rgba(222, 222, 11, 0.2);
  background: #eee;
  line-height: 1.0;
  min-height: 100%;
  background: url(../bg.jpg) no-repeat center center;
  background-size: cover; }

/* line 30, _scss/_MAIN.scss */
*, *::before, *::after {
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

/* line 35, _scss/_MAIN.scss */
body {
  font-size: 1.1em;
  min-height: 100%; }

/* line 43, _scss/_MAIN.scss */
.hide {
  display: none; }

/* line 44, _scss/_MAIN.scss */
.clr {
  clear: both; }

/* line 47, _scss/_MAIN.scss */
#head {
  background: #eee;
  padding: 10px 30px; }
  /* line 51, _scss/_MAIN.scss */
  #head .set {
    float: right; }
    /* line 53, _scss/_MAIN.scss */
    #head .set a {
      color: blue;
      text-decoration: none;
      cursor: pointer;
      display: inline-block;
      padding: 4px 7px; }
      /* line 59, _scss/_MAIN.scss */
      #head .set a:hover {
        color: green; }
      /* line 62, _scss/_MAIN.scss */
      #head .set a.hide {
        display: none; }

/* line 70, _scss/_MAIN.scss */
#nav .nav {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
  padding: 4px 7px; }
  /* line 76, _scss/_MAIN.scss */
  #nav .nav:hover {
    text-decoration: none; }
  /* line 80, _scss/_MAIN.scss */
  #nav .nav.cur {
    text-decoration: none;
    color: green; }

/* line 89, _scss/_MAIN.scss */
#content {
  width: 100%;
  height: 100%; }
  /* line 93, _scss/_MAIN.scss */
  #content h2 {
    background: #ddd;
    margin: 10px;
    margin-bottom: 0;
    padding: 10px;
    font-size: 24px;
    font-weight: bold; }
  /* line 101, _scss/_MAIN.scss */
  #content .load-sites {
    margin: 5px; }
  /* line 110, _scss/_MAIN.scss */
  #content .links a:hover {
    text-decoration: none; }
  /* line 113, _scss/_MAIN.scss */
  #content .table {
    background: #ddd;
    margin: 10px;
    padding: 15px 10px; }
  /* line 118, _scss/_MAIN.scss */
  #content table {
    margin-bottom: 15px; }
    /* line 120, _scss/_MAIN.scss */
    #content table:last-of-type {
      margin-bottom: 0; }
  /* line 125, _scss/_MAIN.scss */
  #content tr:hover {
    background: rgba(255, 255, 200, 0.4); }
  /* line 129, _scss/_MAIN.scss */
  #content tr.sep td {
    padding-bottom: 5px; }
  /* line 132, _scss/_MAIN.scss */
  #content tr.sep:hover {
    background: transparent; }
  /* line 137, _scss/_MAIN.scss */
  #content td {
    vertical-align: middle;
    font-size: 0.9em; }
    /* line 141, _scss/_MAIN.scss */
    #content td a {
      display: inline-block;
      padding: 3px 6px; }
      /* line 144, _scss/_MAIN.scss */
      #content td a:hover {
        text-decoration: none; }

/* line 150, _scss/_MAIN.scss */
.site-wrap {
  margin: 5px;
  background: #ddd;
  text-align: center;
  display: inline-block;
  width: 100%;
  max-width: 300px;
  height: 250px;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 1px 5px 2px #aaa; }
  /* line 168, _scss/_MAIN.scss */
  .frame-smaller .site-wrap {
    max-width: 200px;
    height: 166.66px; }
    /* line 171, _scss/_MAIN.scss */
    .frame-smaller .site-wrap .links {
      font-size: 13px; }
  /* line 175, _scss/_MAIN.scss */
  .frame-small .site-wrap {
    max-width: 250px;
    height: 208.33px; }
    /* line 178, _scss/_MAIN.scss */
    .frame-small .site-wrap .links {
      font-size: 15px; }
  /* line 182, _scss/_MAIN.scss */
  .frame-large .site-wrap {
    max-width: 350px;
    height: 291.66px; }
    /* line 185, _scss/_MAIN.scss */
    .frame-large .site-wrap .links {
      font-size: 18px; }
  /* line 189, _scss/_MAIN.scss */
  .frame-larger .site-wrap {
    max-width: 400px;
    height: 333.33px; }
    /* line 192, _scss/_MAIN.scss */
    .frame-larger .site-wrap .links {
      font-size: 20px; }

/* line 197, _scss/_MAIN.scss */
.site-inner {
  display: inline-block;
  width: 100%;
  height: calc(100% - 25px);
  overflow: hidden; }
  /* line 203, _scss/_MAIN.scss */
  .frame-smaller .site-inner {
    height: calc(100% - 20px); }
  /* line 206, _scss/_MAIN.scss */
  .frame-small .site-inner {
    height: calc(100% - 23px); }
  /* line 209, _scss/_MAIN.scss */
  .frame-large .site-inner {
    height: calc(100% - 27px); }
  /* line 212, _scss/_MAIN.scss */
  .frame-larger .site-inner {
    height: calc(100% - 32px); }

/* line 221, _scss/_MAIN.scss */
.site-frame {
  width: 1200px;
  height: 1000px;
  border: 0;
  overflow: hidden;
  -webkit-transform: scale(0.25);
  -moz-transform: scale(0.25);
  -ms-transform: scale(0.25);
  -o-transform: scale(0.25);
  transform: scale(0.25);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0; }
  /* line 239, _scss/_MAIN.scss */
  .frame-smaller .site-frame {
    -webkit-transform: scale(0.16666666);
    -moz-transform: scale(0.16666666);
    -ms-transform: scale(0.16666666);
    -o-transform: scale(0.16666666);
    transform: scale(0.16666666); }
  /* line 246, _scss/_MAIN.scss */
  .frame-small .site-frame {
    -webkit-transform: scale(0.20833333);
    -moz-transform: scale(0.20833333);
    -ms-transform: scale(0.20833333);
    -o-transform: scale(0.20833333);
    transform: scale(0.20833333); }
  /* line 253, _scss/_MAIN.scss */
  .frame-large .site-frame {
    -webkit-transform: scale(0.29166666);
    -moz-transform: scale(0.29166666);
    -ms-transform: scale(0.29166666);
    -o-transform: scale(0.29166666);
    transform: scale(0.29166666); }
  /* line 260, _scss/_MAIN.scss */
  .frame-larger .site-frame {
    -webkit-transform: scale(0.33333333);
    -moz-transform: scale(0.33333333);
    -ms-transform: scale(0.33333333);
    -o-transform: scale(0.33333333);
    transform: scale(0.33333333); }

/* line 271, _scss/_MAIN.scss */
#message, #message-settings {
  margin-bottom: 10px; }

/* line 275, _scss/_MAIN.scss */
#message {
  margin: 15px; }

/* line 278, _scss/_MAIN.scss */
.info, .saved {
  padding: 12px 20px 12px 20px;
  border-radius: 10px;
  font-size: 120%; }

/* line 283, _scss/_MAIN.scss */
.info {
  background: #ffb; }

/* line 287, _scss/_MAIN.scss */
.saved {
  background: #7f7; }

/* line 294, _scss/_MAIN.scss */
#settings {
  position: absolute;
  top: 14px;
  left: 20px;
  width: 96%;
  max-width: 900px;
  z-index: 99999;
  background: #eee;
  padding: 15px;
  border-radius: 15px;
  border: 1px solid #333;
  display: none; }
  /* line 307, _scss/_MAIN.scss */
  #settings h2 {
    margin-bottom: 15px;
    font-size: 140%; }
  /* line 311, _scss/_MAIN.scss */
  #settings .controls {
    margin-top: 15px; }
    /* line 315, _scss/_MAIN.scss */
    #settings .controls div {
      text-align: center; }
  /* line 319, _scss/_MAIN.scss */
  #settings .cancel,
  #settings .save,
  #settings #do-options,
  #settings #do-import,
  #settings #do-save-file,
  #settings #do-copy,
  #settings #do-reset,
  #settings button {
    background: #3a3;
    font-size: 150%;
    display: inline-block;
    color: white;
    margin: 7px;
    padding: 7px 20px;
    border-radius: 10px;
    text-decoration: none;
    cursor: pointer; }
    /* line 341, _scss/_MAIN.scss */
    #settings .cancel.hide,
    #settings .save.hide,
    #settings #do-options.hide,
    #settings #do-import.hide,
    #settings #do-save-file.hide,
    #settings #do-copy.hide,
    #settings #do-reset.hide,
    #settings button.hide {
      display: none; }
  /* line 350, _scss/_MAIN.scss */
  #settings #lnk-settings-close {
    padding: 1px;
    float: right;
    cursor: pointer; }
  /* line 357, _scss/_MAIN.scss */
  #settings .section {
    padding: 0 0 0 22px;
    background: #eee url(images/cross.png) no-repeat left top;
    margin-bottom: 15px; }
    /* line 364, _scss/_MAIN.scss */
    #settings .section input {
      background: #fff;
      margin-right: 4px;
      padding: 2px 4px;
      font-size: 0.8em; }
  /* line 371, _scss/_MAIN.scss */
  #settings .section-title {
    margin-bottom: 3px; }
  /* line 374, _scss/_MAIN.scss */
  #settings .delete, #settings .add, #settings .cross, #settings .trash, #settings .toggle {
    display: inline-block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin-right: 4px;
    border: none; }
  /* line 382, _scss/_MAIN.scss */
  #settings .trash {
    background: url(images/trash.png) no-repeat center center;
    height: 20px;
    margin-left: 50px;
    vertical-align: sub; }
    /* line 389, _scss/_MAIN.scss */
    #settings .trash:hover {
      background: url(images/trash-hover.png) no-repeat center center; }
  /* line 393, _scss/_MAIN.scss */
  #settings .toggle {
    height: 20px;
    margin-left: 10px;
    vertical-align: sub;
    background: url(images/collapse.png);
    background-size: cover; }
    /* line 400, _scss/_MAIN.scss */
    #settings .toggle.open {
      background: url(images/collapse-open.png);
      background-size: cover; }
  /* line 405, _scss/_MAIN.scss */
  #settings .random-before {
    display: inline-block;
    width: 225px; }
  /* line 410, _scss/_MAIN.scss */
  #settings .cross {
    background: url(images/cross.png) no-repeat top left;
    width: 20px;
    height: 19px;
    cursor: move; }
  /* line 416, _scss/_MAIN.scss */
  #settings .delete {
    background: url(images/delete.png) no-repeat top left;
    background-size: cover; }
    /* line 419, _scss/_MAIN.scss */
    #settings .delete:hover {
      background: url(images/delete-hover.png) no-repeat top left;
      background-size: cover; }
  /* line 424, _scss/_MAIN.scss */
  #settings .add {
    background: url(images/add.png) no-repeat top left;
    background-size: cover; }
    /* line 427, _scss/_MAIN.scss */
    #settings .add:hover {
      background: url(images/add-hover.png) no-repeat top left;
      background-size: cover; }
  /* line 434, _scss/_MAIN.scss */
  #settings .items .add {
    display: none; }
  /* line 437, _scss/_MAIN.scss */
  #settings .items li:first-child .delete {
    display: none; }
  /* line 440, _scss/_MAIN.scss */
  #settings .items li:last-child .add {
    display: inline-block; }
  /* line 444, _scss/_MAIN.scss */
  #settings .item {
    margin: 3px 0; }
    /* line 446, _scss/_MAIN.scss */
    #settings .item span {
      vertical-align: sub; }
    /* line 449, _scss/_MAIN.scss */
    #settings .item .random-add {
      display: none; }
    /* line 455, _scss/_MAIN.scss */
    #settings .item .random-item:last-child .random-add {
      display: inline-block; }
  /* line 459, _scss/_MAIN.scss */
  #settings .random-item {
    margin: 3px 0; }
  /* line 462, _scss/_MAIN.scss */
  #settings .random-del, #settings .random-add {
    display: inline-block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin-right: 4px;
    border: none;
    vertical-align: sub; }
  /* line 471, _scss/_MAIN.scss */
  #settings .random-del {
    background: red; }
  /* line 474, _scss/_MAIN.scss */
  #settings .random-add {
    background: green; }
  /* line 480, _scss/_MAIN.scss */
  #settings .site-url {
    width: 300px; }
  /* line 486, _scss/_MAIN.scss */
  #settings .page-url {
    width: 300px; }
  /* line 489, _scss/_MAIN.scss */
  #settings #new-section {
    color: blue;
    cursor: pointer; }
    /* line 492, _scss/_MAIN.scss */
    #settings #new-section:hover {
      text-decoration: underline; }
  /* line 496, _scss/_MAIN.scss */
  #settings #new-section {
    font-size: 120%; }

/* line 502, _scss/_MAIN.scss */
#panels textarea {
  width: 600px;
  height: 120px;
  background: #fff;
  padding: 5px;
  font-size: 10px;
  margin-bottom: 20px;
  resize: none; }
/* line 513, _scss/_MAIN.scss */
#panels .panel > div {
  margin: 17px 0; }
/* line 516, _scss/_MAIN.scss */
#panels .panel #select-size {
  border: 1px solid #ccc;
  background: #fff; }
  /* line 520, _scss/_MAIN.scss */
  #panels .panel #select-size option {
    padding: 2px 5px; }
/* line 524, _scss/_MAIN.scss */
#panels .panel .controls {
  margin: 0; }
/* line 527, _scss/_MAIN.scss */
#panels .panel .plain-text {
  margin-bottom: 5px; }
/* line 531, _scss/_MAIN.scss */
#panels .method {
  padding: 3px 15px; }
  /* line 533, _scss/_MAIN.scss */
  #panels .method input, #panels .method label {
    cursor: pointer; }

/* line 539, _scss/_MAIN.scss */
#options-wrap {
  float: right; }
  /* line 541, _scss/_MAIN.scss */
  #options-wrap #options-menu {
    text-align: right; }
    /* line 543, _scss/_MAIN.scss */
    #options-wrap #options-menu div {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-right: 5px;
      cursor: pointer; }
    /* line 550, _scss/_MAIN.scss */
    #options-wrap #options-menu #collapse {
      background: url(images/collapse.png);
      background-size: cover; }
      /* line 553, _scss/_MAIN.scss */
      #options-wrap #options-menu #collapse.open {
        background: url(images/collapse-open.png);
        background-size: cover; }
    /* line 558, _scss/_MAIN.scss */
    #options-wrap #options-menu #more {
      background: url(images/cog.png);
      background-size: cover; }
  /* line 563, _scss/_MAIN.scss */
  #options-wrap #options-list {
    display: none;
    margin-top: 10px;
    text-align: right; }
    /* line 568, _scss/_MAIN.scss */
    #options-wrap #options-list div {
      padding: 2px 3px 2px 3px;
      cursor: pointer; }
      /* line 571, _scss/_MAIN.scss */
      #options-wrap #options-list div:hover {
        color: green; }

/* line 588, _scss/_MAIN.scss */
.success, .no-changes, .updated, .failed {
  padding: 17px 20px;
  border-radius: 15px;
  color: #fff; }

/* line 593, _scss/_MAIN.scss */
.no-changes {
  background: orange;
  color: #000; }

/* line 597, _scss/_MAIN.scss */
.success, .updated {
  background: #3a3; }

/* line 600, _scss/_MAIN.scss */
.failed {
  background: red;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }