@keyframes spinAround {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

@media screen and (max-width: 1087px) {
  html.is-clipped {
    overflow: initial !important; } }

[class^=step-] section {
  background: white;
  box-shadow: 1px 0 3px rgba(10, 10, 10, 0.1); }
  [class^=step-] section .title.header {
    background: #666666;
    color: white;
    line-height: 3rem;
    padding-top: 1rem;
    padding-bottom: 1rem; }
  [class^=step-] section.optional {
    margin-top: 5rem; }
    [class^=step-] section.optional .title.header {
      font-size: 1.65rem; }
      [class^=step-] section.optional .title.header span {
        font-weight: 400; }
      [class^=step-] section.optional .title.header .icon {
        margin-right: 2rem; }
    [class^=step-] section.optional.collapsed .title.header {
      opacity: .8;
      cursor: pointer;
      transition: opacity 250ms ease-in-out; }
      [class^=step-] section.optional.collapsed .title.header:hover {
        opacity: 1;
        transition: opacity 100ms ease-in-out; }
    [class^=step-] section.optional:not(.collapsed) .title.header .icon {
      transform: rotate(180deg); }

[class^=step-] .column-container {
  padding: 0 2rem;
  margin-left: auto; }
  @media screen and (min-width: 1088px) {
    [class^=step-] .column-container {
      padding: 0;
      max-width: calc(480px + 16.6vw); } }
  @media screen and (min-width: 1280px) {
    [class^=step-] .column-container {
      max-width: calc(576px + 16.6vw); } }
  @media screen and (min-width: 1472px) {
    [class^=step-] .column-container {
      max-width: calc(672px + 16.6vw); } }

.control-modal .modal-background {
  background: rgba(10, 10, 10, 0.65); }

.control-modal .modal-card {
  width: auto; }
  @media screen and (min-width: 1088px) {
    .control-modal .modal-card {
      max-width: 801px; } }
  @media screen and (min-width: 1280px) {
    .control-modal .modal-card {
      max-width: 1140px; } }
  @media screen and (min-width: 1472px) {
    .control-modal .modal-card {
      max-width: 1352px; } }
  .control-modal .modal-card .modal-card-body {
    padding: 0;
    border-radius: 6px;
    overflow-y: auto;
    overflow-x: hidden; }
  .control-modal .modal-card .modal-card-foot {
    padding: .5rem;
    justify-content: center;
    background: #fafafa;
    box-shadow: 0 0 3px rgba(10, 10, 10, 0.15); }
    .control-modal .modal-card .modal-card-foot .button {
      height: 2.5rem;
      padding: .5rem 1.5rem; }

.control-modal.has-confirm .modal-card-body {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.control-modal .option {
  margin-left: 0;
  margin-right: 0;
  padding: .5rem 1.5rem;
  transition: 250ms box-shadow ease-in-out;
  line-height: 2;
  font-size: 1.25rem; }
  .control-modal .option:not(:last-child) {
    border-bottom: 1px solid #dbdbdb; }
  .control-modal .option:hover {
    box-shadow: 0 0 3px rgba(10, 10, 10, 0.2);
    transition: 100ms box-shadow ease-in-out; }
  .control-modal .option.is-selected strong {
    color: #e30613; }
  .control-modal .option .column {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .control-modal .option .column input {
      margin-right: 0; }
    .control-modal .option .column p {
      font-size: 1rem;
      line-height: 1.5;
      color: #666666; }
    .control-modal .option .column.is-title {
      min-width: 6rem; }
    .control-modal .option .column.is-input input {
      margin: 0; }
    .control-modal .option .column.is-image .image .icon {
      height: 100%;
      width: 100%;
      font-size: 6rem;
      opacity: .1; }

@media screen and (min-width: 1088px) {
  .control-modal .action,
  .control-modal .close {
    display: none; } }

@media screen and (max-width: 1087px) {
  .control-modal {
    position: static; }
    .control-modal.is-active {
      display: block; }
    .control-modal .modal-background,
    .control-modal .modal-close {
      display: none; }
    .control-modal .modal-card {
      margin: 0;
      max-height: none;
      overflow: initial;
      border-radius: none;
      box-shadow: none; }
      .control-modal .modal-card .option {
        display: block;
        padding: 2rem 0;
        line-height: 1.5;
        position: relative; }
        .control-modal .modal-card .option .name {
          display: block;
          margin: .4em 0 .4em 1.3em;
          line-height: 1.5; }
        .control-modal .modal-card .option .action {
          right: 0;
          top: calc(50% - 1.5rem); }
          .control-modal .modal-card .option .action .icon {
            margin: 0;
            font-size: 2rem; }
      .control-modal .modal-card .columns {
        margin: 0; }
      .control-modal .modal-card .column {
        padding: 0; }
        .control-modal .modal-card .column.is-input {
          display: none; }
        .control-modal .modal-card .column.is-image {
          float: left; }
          .control-modal .modal-card .column.is-image .image {
            margin-right: 1em; } }
          @media screen and (max-width: 1087px) and (max-width: 1087px) {
            .control-modal .modal-card .column.is-image .image {
              height: 6rem;
              min-width: 6rem; } }

@media screen and (max-width: 1087px) {
        .control-modal .modal-card .column.is-title {
          height: 6rem; }
        .control-modal .modal-card .column.is-half {
          clear: left;
          margin-top: 1rem; }
        .control-modal .modal-card .column.is-title, .control-modal .modal-card .column.is-half {
          padding-right: 2rem; }
      .control-modal .modal-card .action .icon {
        font-size: 1rem; }
    .control-modal .close {
      position: absolute;
      top: -3.4rem;
      right: .5rem;
      font-size: 2rem; }
    .control-modal.has-confirm .modal-card .column.is-input {
      display: block;
      position: absolute;
      right: 0;
      top: calc(50% - 1rem); }
      .control-modal.has-confirm .modal-card .column.is-input .input::after {
        font-size: 1.3rem; }
    .control-modal.has-confirm .modal-card .action {
      display: none; } }

#app > .columns:first-child {
  margin-top: 3rem; }

.step-discount > section,
.step-done > section,
.step-eshop > section {
  background: #fff url("../img/lady-purple.jpg") no-repeat right 5rem; }
  @media screen and (max-width: 1087px) {
    .step-discount > section,
    .step-done > section,
    .step-eshop > section {
      position: relative; }
      .step-discount > section::before,
      .step-done > section::before,
      .step-eshop > section::before {
        content: "";
        display: block;
        position: absolute;
        top: 5rem;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(255, 255, 255, 0.8); }
      .step-discount > section .field .label,
      .step-done > section .field .label,
      .step-eshop > section .field .label {
        text-shadow: 0 0 3px white; }
      .step-discount > section .column-container,
      .step-done > section .column-container,
      .step-eshop > section .column-container {
        position: relative; } }

.step-done section > .column-container,
.step-eshop section > .column-container {
  height: 35rem;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .step-done section > .column-container .title,
  .step-eshop section > .column-container .title {
    margin-top: 3rem;
    text-shadow: 0 0 3px white; }
  .step-done section > .column-container p,
  .step-eshop section > .column-container p {
    font-size: 1.1em;
    color: #666666; }
  .step-done section > .column-container .button,
  .step-eshop section > .column-container .button {
    margin-top: 3rem; }

/*# sourceMappingURL=../../../../../../../../static/wizard/sass/components-steps.css.map */