@charset "UTF-8";
@keyframes spinAround {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.decision {
  padding-top: 3em;
  padding-bottom: 3em; }
  .decision + .decision {
    border-top: 1px solid #dbdbdb; }
  .decision.is-loading {
    opacity: .6;
    cursor: progress; }
    .decision.is-loading * {
      pointer-events: none; }
  .decision .title {
    font-weight: 600; }
    .decision .title .icon {
      margin-left: .5em;
      font-size: 1.5rem;
      color: #e30613;
      cursor: help;
      transition: 250ms ease-in-out opacity; }
      .decision .title .icon:hover {
        opacity: .7;
        transition: 100ms ease-in-out opacity; }
    @media screen and (max-width: 1087px) {
      .decision .title .dropdown {
        float: right;
        margin-right: .5em; }
        .decision .title .dropdown .dropdown-item {
          width: 75vw; } }
    @media screen and (min-width: 1088px) {
      .decision .title .dropdown-item {
        width: auto;
        min-width: 20rem; } }
  .decision .control .option {
    display: block;
    font-size: 1.25rem;
    cursor: pointer;
    transition: color 250ms ease-in-out; }
    @media screen and (min-width: 1088px) {
      .decision .control .option {
        padding-right: 1em;
        line-height: 2; } }
    .decision .control .option:hover {
      color: #363636;
      transition: color 100ms ease-in-out; }
    .decision .control .option.is-selected {
      color: #e30613; }
    .decision .control .option input {
      margin-right: .5em;
      position: relative; }
      @media screen and (max-width: 1087px) {
        .decision .control .option input {
          float: left;
          top: .5em; } }
      @media screen and (min-width: 1088px) {
        .decision .control .option input {
          top: -.1em; } }
      .decision .control .option input[type=radio], .decision .control .option input[type=checkbox] {
        -webkit-appearance: none;
        -moz-appearance: none;
        outline: none; }
        .decision .control .option input[type=radio]::after, .decision .control .option input[type=checkbox]::after {
          font-family: "baumit";
          display: inline;
          font-size: 1.15rem;
          color: #666666; }
          @media screen and (min-width: 1088px) {
            .decision .control .option input[type=radio]::after, .decision .control .option input[type=checkbox]::after {
              position: relative;
              top: .15rem; } }
        .decision .control .option input[type=radio]:checked::after, .decision .control .option input[type=checkbox]:checked::after {
          color: #e30613; }
      .decision .control .option input[type=radio]::after {
        content: ""; }
      .decision .control .option input[type=radio]:checked::after {
        content: ""; }
      .decision .control .option input[type=checkbox]::after {
        content: ""; }
      .decision .control .option input[type=checkbox]:checked::after {
        content: ""; }
    @media screen and (max-width: 1087px) {
      .decision .control .option .name {
        display: block;
        margin: .4em 0 .4em 1.3em;
        line-height: 1.5; } }
    .decision .control .option .name {
      font-weight: 500; }
    .decision .control .option .help {
      font-size: .95rem;
      margin-top: -.25em;
      margin-left: 1.65rem;
      max-width: calc(75% - 1.65rem);
      color: #666666; }
      @media screen and (min-width: 1088px) {
        .decision .control .option .help {
          margin-left: 1.85rem;
          max-width: calc(75% - 1.85rem); } }
  @media screen and (max-width: 1087px) {
    .decision .decision-select .column-container {
      padding: 0; }
    .decision .decision-select .title {
      padding: 0 2rem; }
    .decision .decision-select .selected {
      margin: 0 2rem; } }
  @media screen and (min-width: 1088px) {
    .decision .control-single-image,
    .decision .control-multi-image {
      max-width: 75%; } }
  .decision .control-single-image .options,
  .decision .control-multi-image .options {
    display: flex;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    cursor: pointer;
    transition: opacity 250ms ease-in-out; }
    .decision .control-single-image .options:hover,
    .decision .control-multi-image .options:hover {
      opacity: .8;
      transition: opacity 100ms ease-in-out; }
    .decision .control-single-image .options .object-list,
    .decision .control-multi-image .options .object-list {
      flex-grow: 1; }
  .decision .control-single-image .image,
  .decision .control-multi-image .image {
    overflow: hidden; }
    @media screen and (max-width: 1087px) {
      .decision .control-single-image .image,
      .decision .control-multi-image .image {
        height: 10rem;
        min-width: 10rem;
        overflow: hidden;
        display: flex;
        align-items: center; } }
    @media screen and (min-width: 1088px) {
      .decision .control-single-image .image,
      .decision .control-multi-image .image {
        height: 8rem;
        min-width: 8rem;
        width: 8rem;
        margin-right: 2em; }
        .decision .control-single-image .image img,
        .decision .control-multi-image .image img {
          height: 100%;
          width: auto;
          max-width: none; } }
  .decision .control-single-image .selected,
  .decision .control-multi-image .selected {
    position: relative; }
    @media screen and (min-width: 1088px) {
      .decision .control-single-image .selected,
      .decision .control-multi-image .selected {
        display: flex;
        align-items: center;
        padding: .5rem; }
        .decision .control-single-image .selected + .selected,
        .decision .control-multi-image .selected + .selected {
          padding-top: 0; } }
    .decision .control-single-image .selected p,
    .decision .control-multi-image .selected p {
      color: #666666;
      line-height: 1.25; }
      @media screen and (max-width: 1087px) {
        .decision .control-single-image .selected p,
        .decision .control-multi-image .selected p {
          padding: 1.5rem; } }
      .decision .control-single-image .selected p strong,
      .decision .control-multi-image .selected p strong {
        display: block;
        margin-bottom: .4em;
        font-weight: 600; }
      .decision .control-single-image .selected p > span,
      .decision .control-multi-image .selected p > span {
        font-size: .95rem; }
    .decision .control-single-image .selected.is-mock,
    .decision .control-multi-image .selected.is-mock {
      user-select: none; }
      .decision .control-single-image .selected.is-mock .image,
      .decision .control-multi-image .selected.is-mock .image {
        flex-shrink: 0;
        background-image: repeating-linear-gradient(-35deg, white, white 10px, rgba(102, 102, 102, 0.015) 10px, rgba(102, 102, 102, 0.015) 20px); }
        @media screen and (min-width: 1088px) {
          .decision .control-single-image .selected.is-mock .image,
          .decision .control-multi-image .selected.is-mock .image {
            border: 1px dotted #dbdbdb;
            border-radius: 2px; } }
      .decision .control-single-image .selected.is-mock p span, .decision .control-single-image .selected.is-mock p span::selection,
      .decision .control-multi-image .selected.is-mock p span,
      .decision .control-multi-image .selected.is-mock p span::selection {
        background-color: #dbdbdb;
        color: #dbdbdb; }
      .decision .control-single-image .selected.is-mock p strong span, .decision .control-single-image .selected.is-mock p strong span::selection,
      .decision .control-multi-image .selected.is-mock p strong span,
      .decision .control-multi-image .selected.is-mock p strong span::selection {
        background-color: #b5b5b5;
        color: #b5b5b5; }
  @media screen and (max-width: 1087px) {
    .decision .control-single-image .action,
    .decision .control-multi-image .action {
      position: absolute;
      right: 1rem;
      top: 8.5rem; } }
  @media screen and (min-width: 1088px) {
    .decision .control-single-image .action,
    .decision .control-multi-image .action {
      align-self: center; } }
  .decision .control-single-image .action .icon,
  .decision .control-multi-image .action .icon {
    display: flex;
    margin: 0 1.5rem;
    font-size: 3rem;
    height: 3rem; }
    @media screen and (max-width: 1087px) {
      .decision .control-single-image .action .icon,
      .decision .control-multi-image .action .icon {
        background: white;
        border-radius: 100%; } }
  @media screen and (min-width: 1088px) {
    .decision .control-single-image .modal .option,
    .decision .control-multi-image .modal .option {
      display: flex; }
      .decision .control-single-image .modal .option:first-child,
      .decision .control-multi-image .modal .option:first-child {
        margin-top: 0; }
      .decision .control-single-image .modal .option:last-child,
      .decision .control-multi-image .modal .option:last-child {
        margin-bottom: 0; } }
  @media screen and (min-width: 1088px) {
    .decision .control-number {
      max-width: 75%; }
      .decision .control-number .field {
        width: 9rem; }
        .decision .control-number .field .control.has-icons-right .input {
          padding-right: 2.65rem; }
        .decision .control-number .field .control.has-icons-right .icon {
          padding-top: .15rem;
          width: 3rem; } }

@media screen and (max-width: 1087px) {
  .control-single-image.is-opened .options,
  .control-multi-image.is-opened .options {
    display: none; }
  html.is-clipped .decision:not(.opened) {
    display: none; }
  html.is-clipped .decision.opened {
    border-top: none; } }

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