/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Editor Styles
 *
 * CSS for just Backend enqueued after style.scss
 * which makes it higher in priority.
 */
/**
 * Colors
 * UNMODIFIED COPY FROM
 * https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss
 */
.edit-post-sidebar .sidebar__panel-tabs {
  display: -ms-flexbox;
  display: flex;
  margin: 0; }
  .edit-post-sidebar .sidebar__panel-tabs li {
    background-color: #f3f4f5;
    -ms-flex-positive: 1;
        flex-grow: 1;
    margin: 0; }

.edit-post-sidebar .dsgn__stylist {
  padding: 15px;
  display: block; }

.edit-post-sidebar .dsgn__empty-state {
  display: block;
  text-align: center;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-top: 20px;
  margin-bottom: 40px; }
  .edit-post-sidebar .dsgn__empty-state img {
    max-width: 130px; }

.edit-post-sidebar .dsgn-settings__license .settings__activate-license,
.edit-post-sidebar .dsgn-settings__license .settings__deactivate-license {
  margin-bottom: 10px; }
  .edit-post-sidebar .dsgn-settings__license .settings__activate-license svg,
  .edit-post-sidebar .dsgn-settings__license .settings__deactivate-license svg {
    margin-right: 3px; }

.edit-post-sidebar .dsgn-settings__license .settings__license-status {
  margin-top: 10px; }
  .edit-post-sidebar .dsgn-settings__license .settings__license-status svg {
    margin-bottom: -6px;
    opacity: .5; }

.edit-post-sidebar .dsgn-settings__license .license-panel__lost-license {
  margin-top: 9px;
  display: inline-block; }

.edit-post-sidebar .dsgn__delete-action.components-button {
  color: #c92c2c; }
  .edit-post-sidebar .dsgn__delete-action.components-button:hover, .edit-post-sidebar .dsgn__delete-action.components-button:focus {
    color: #b52727; }
  .edit-post-sidebar .dsgn__delete-action.components-button:disabled {
    opacity: 0.3; }

.edit-post-sidebar .dsgn__library-reset-versions {
  display: none; }

.edit-post-sidebar .dsgn-settings__data {
  margin-bottom: 20px; }
  .edit-post-sidebar .dsgn-settings__data li {
    margin-bottom: 10px; }
  .edit-post-sidebar .dsgn-settings__data svg {
    margin-right: 6px;
    margin-bottom: -6px;
    opacity: .5; }
  .edit-post-sidebar .dsgn-settings__data-action-link {
    margin-left: 6px;
    top: -1px;
    position: relative;
    font-size: 12px;
    float: right; }
    .edit-post-sidebar .dsgn-settings__data-action-link svg {
      margin-right: 0;
      margin-bottom: -1px;
      opacity: .3; }
  .edit-post-sidebar .dsgn-settings__data .license-panel__license-limit {
    color: #c92c2c; }

.edit-post-sidebar .dsgn-outdated {
  color: #c92c2c; }

.edit-post-sidebar .dsgn-uptodate {
  color: #3a9551; }

.edit-post-sidebar .design-upsell {
  margin: 0px;
  padding: 20px; }
  .edit-post-sidebar .design-upsell.centered {
    text-align: center; }
  .edit-post-sidebar .design-upsell__header {
    margin-top: 0;
    margin-bottom: 1em;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4; }
  .edit-post-sidebar .design-upsell__item {
    font-size: 14px;
    margin-bottom: 12px; }
    .edit-post-sidebar .design-upsell__item a {
      text-decoration: none; }
    .edit-post-sidebar .design-upsell__item .dashicon {
      color: inherit;
      opacity: .7;
      margin-right: 4px;
      margin-bottom: -6px; }
  .edit-post-sidebar .design-upsell__cta .dashicon {
    color: rgba(24, 26, 27, 0.36);
    margin-top: 5px;
    margin-left: -5px;
    margin-right: 6px;
    width: 18px; }
  .edit-post-sidebar .design-upsell__errors {
    background: #fff;
    border: 1px solid #ec8158;
    border-left: 4px solid #dc3232;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    margin: 5px 0 2px;
    padding: 1px 12px; }
    .edit-post-sidebar .design-upsell__errors p {
      margin: 0.5em 0;
      padding: 2px; }

.edit-post-sidebar .design-category {
  background-color: #F7F7F7; }

.edit-post-sidebar .design-item {
  display: block;
  min-height: 160px;
  background: #fff;
  border-color: #E2E4E7;
  padding: 3px;
  border-radius: 3px;
  overflow: hidden;
  line-height: 0;
  margin-bottom: 20px;
  text-decoration: none; }
  .edit-post-sidebar .design-item:hover {
    border-color: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(33, 32, 31, 0.3), inset 0 0 0 2px #00a0d2;
            box-shadow: 0 2px 5px 0 rgba(33, 32, 31, 0.3), inset 0 0 0 2px #00a0d2; }
  .edit-post-sidebar .design-item__thumbnail {
    display: block;
    padding: 0; }
    .edit-post-sidebar .design-item__thumbnail:focus {
      -webkit-box-shadow: none;
              box-shadow: none; }
  .edit-post-sidebar .design-item__bar {
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding-top: 3px;
    background: #fff; }
    .edit-post-sidebar .design-item__bar button {
      font-size: 12px;
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      background: #fff; }
      .edit-post-sidebar .design-item__bar button:hover {
        -webkit-box-shadow: none;
                box-shadow: none;
        background-color: #1F87B6;
        color: #fff; }
        .edit-post-sidebar .design-item__bar button:hover .dashicon {
          color: #fff; }
      .edit-post-sidebar .design-item__bar button .dashicon {
        width: 15px;
        margin-top: 3px;
        margin-bottom: 2px;
        color: #82878C; }
  .edit-post-sidebar .design-item__pro {
    color: #82878C;
    display: inline-block;
    padding: 4px;
    font-size: 10px;
    font-weight: 600;
    text-decoration: none; }
    .edit-post-sidebar .design-item__pro .dashicon {
      margin-bottom: -6px;
      width: 16px; }

.edit-post-sidebar .dsgn__import-progress-bar {
  background: #e8eaeb;
  height: 6px;
  position: relative;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 0 1px inset rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 0 1px inset rgba(0, 0, 0, 0.05);
  overflow: hidden;
  margin-top: 20px; }
  .edit-post-sidebar .dsgn__import-progress-bar div {
    position: absolute;
    left: 0;
    top: 0;
    background: #00a0d2;
    -webkit-box-shadow: 0 0 0 1px inset rgba(255, 255, 255, 0.15);
            box-shadow: 0 0 0 1px inset rgba(255, 255, 255, 0.15);
    width: 0;
    height: 10px;
    -webkit-transition: 1s 1s width cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 1s 1s width cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 1s 1s width cubic-bezier(0.165, 0.84, 0.44, 1); }

.dsng-loading {
  color: red; }

/* Fix bug with single column layout taking only 50% of space */
@media (min-width: 600px) {
  .wp-block-columns.has-1-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; } }

/*# sourceMappingURL=dsgn.editor.build.css.map*/