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

.product-section .product.is-loading .media::after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid #dbdbdb;
  border-radius: 290486px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em; }

@media screen and (max-width: 1087px) {
  .step-products .column-container.items {
    padding-bottom: 2rem; } }

@media screen and (max-width: 1087px) {
  .product-section .title.header {
    position: relative;
    margin-bottom: 5.2rem; }
    .product-section .title.header .columns,
    .product-section .title.header .column {
      margin: 0;
      padding: 0; } }

.product-section .title.header .column:first-child {
  font-weight: 400; }
  .product-section .title.header .column:first-child .group + span {
    font-weight: 600; }

.product-section .title.header .product-input {
  display: flex;
  align-items: baseline; }
  @media screen and (min-width: 1088px) {
    .product-section .title.header .product-input {
      padding-right: 1rem; }
      .product-section .title.header .product-input label {
        color: white;
        margin-right: .75rem; }
      .product-section .title.header .product-input label,
      .product-section .title.header .product-input input,
      .product-section .title.header .product-input .icon {
        font-size: 1.15rem; }
      .product-section .title.header .product-input .input ~ .icon {
        line-height: 1.75; } }
  @media screen and (max-width: 1087px) {
    .product-section .title.header .product-input {
      position: absolute;
      left: 0;
      right: 0;
      top: 100%;
      background: #dbdbdb;
      padding: 0 2rem;
      height: 4rem;
      line-height: 4rem; } }
  .product-section .title.header .product-input .control.is-loading * {
    opacity: .6; }

.product-section .items {
  padding-bottom: 2rem; }

@media screen and (min-width: 1088px) {
  .product-section .item {
    padding-right: 1rem; } }

.product-section .item .title {
  margin-bottom: .5em; }

.product-section .item + .item {
  margin-top: 2em; }

.product-section .product .media {
  align-items: center;
  border: 1px solid #dbdbdb;
  border-radius: 2px; }
  @media screen and (max-width: 1087px) {
    .product-section .product .media {
      padding-top: .5rem;
      padding-bottom: .5rem; } }
  .product-section .product .media.is-openable {
    cursor: pointer;
    transition: opacity 250ms ease-in-out; }
    .product-section .product .media.is-openable:hover {
      opacity: .8;
      transition: opacity 100ms ease-in-out; }
  .product-section .product .media.is-empty .media-content, .product-section .product .media.is-warning .media-content {
    padding-right: 1rem; }
  .product-section .product .media.is-warning .image .icon,
  .product-section .product .media.is-warning .media-content {
    color: #ff3860; }
  .product-section .product .media .image {
    display: flex;
    align-items: center;
    margin: .25em;
    overflow: hidden; }
    @media screen and (min-width: 1088px) {
      .product-section .product .media .image {
        margin: .5rem; } }
    .product-section .product .media .image .icon {
      height: 100%;
      width: 100%;
      font-size: 6rem;
      opacity: .1; }
  .product-section .product .media .media-content {
    color: #666666; }
    .product-section .product .media .media-content strong {
      display: block;
      font-size: 1.25rem;
      font-weight: 500;
      color: #1d1d1b; }
    @media screen and (max-width: 1087px) {
      .product-section .product .media .media-content {
        padding-right: 1em; } }
  .product-section .product .media .action .icon {
    display: flex;
    margin: 0 1rem;
    font-size: 2.5rem;
    height: 2.5rem; }
    @media screen and (max-width: 1087px) {
      .product-section .product .media .action .icon {
        background: white;
        border-radius: 100%; } }
    @media screen and (min-width: 1088px) {
      .product-section .product .media .action .icon {
        margin: 0 1.5rem;
        font-size: 3rem;
        height: 3rem; } }

.product-section .product .column.inputs {
  display: flex;
  flex-direction: column; }

@media screen and (max-width: 1087px) {
  .product-section .product .columns.is-area-only .column.inputs {
    display: none; }
  .product-section .product .columns:not(.is-area-only) .column:first-child {
    padding-bottom: 0; }
  .product-section .product .columns .column.inputs {
    margin: 0 .75em .75em;
    padding: .5em;
    background: whitesmoke; }
    .product-section .product .columns .column.inputs .input,
    .product-section .product .columns .column.inputs .icon,
    .product-section .product .columns .column.inputs .select,
    .product-section .product .columns .column.inputs select,
    .product-section .product .columns .column.inputs .dropdown-select,
    .product-section .product .columns .column.inputs .dropdown-select .input {
      height: 2.5rem; }
    .product-section .product .columns .column.inputs .product-input.attr-area {
      display: none; }
  .product-section .product .column.is-two-thirds {
    width: 100%; } }

.product-section .product.is-loading {
  cursor: progress;
  position: relative; }
  .product-section .product.is-loading * {
    pointer-events: none; }
  .product-section .product.is-loading::before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: rgba(255, 255, 255, 0.8);
    z-index: 5; }
  .product-section .product.is-loading .media {
    position: relative; }
    .product-section .product.is-loading .media::after {
      position: absolute;
      top: calc(50% - 1em);
      left: calc(50% - 1em);
      height: 2em;
      width: 2em;
      border-radius: 2em;
      border-left-color: #666666;
      border-bottom-color: #666666;
      z-index: 10; }
    .product-section .product.is-loading .media > * {
      filter: blur(1px); }

.product-section .product-input,
.product-section .product-select {
  display: flex;
  align-self: flex-end;
  align-items: center; }
  .product-section .product-input .label,
  .product-section .product-select .label {
    display: inline-block;
    margin: 0 .5rem 0 0;
    text-align: right; }
  .product-section .product-input .control,
  .product-section .product-select .control {
    display: inline-flex;
    vertical-align: middle; }
    .product-section .product-input .control.is-loading,
    .product-section .product-select .control.is-loading {
      cursor: progress; }
      .product-section .product-input .control.is-loading::after,
      .product-section .product-select .control.is-loading::after {
        top: calc(50% - 0.5em);
        left: calc(50% - 0.5em);
        height: 1em;
        width: 1em;
        border-radius: 1em;
        border-left-color: #666666;
        border-bottom-color: #666666; }
      .product-section .product-input .control.is-loading > *,
      .product-section .product-select .control.is-loading > * {
        opacity: .25;
        pointer-events: none; }
  .product-section .product-input:not(.has-addons) .control,
  .product-section .product-input:not(.has-addons) select,
  .product-section .product-input:not(.has-addons) .dropdown-select .input,
  .product-section .product-select:not(.has-addons) .control,
  .product-section .product-select:not(.has-addons) select,
  .product-section .product-select:not(.has-addons) .dropdown-select .input {
    width: 9em; }
  .product-section .product-input .input,
  .product-section .product-input .icon,
  .product-section .product-input .select,
  .product-section .product-input select,
  .product-section .product-select .input,
  .product-section .product-select .icon,
  .product-section .product-select .select,
  .product-section .product-select select {
    height: 3rem;
    font-weight: 500; }
  .product-section .product-input .input,
  .product-section .product-input select,
  .product-section .product-select .input,
  .product-section .product-select select {
    padding-right: 2.6em; }
    .product-section .product-input .input[readonly],
    .product-section .product-input select[readonly],
    .product-section .product-select .input[readonly],
    .product-section .product-select select[readonly] {
      pointer-events: none; }
  .product-section .product-input .select::after,
  .product-section .product-select .select::after {
    right: 1.15em;
    margin-top: -0.3375em;
    height: .5em;
    width: .5em; }
  .product-section .product-input .select select,
  .product-section .product-select .select select {
    text-align-last: right; }
  .product-section .product-input .dropdown-select .dropdown-trigger .input,
  .product-section .product-select .dropdown-select .dropdown-trigger .input {
    text-align: right;
    justify-content: flex-end;
    white-space: nowrap; }
  .product-section .product-input.field .input ~ .icon,
  .product-section .product-select.field .input ~ .icon {
    color: #1d1d1b;
    line-height: 1.55;
    justify-content: flex-start;
    width: 2.5em; }
  .product-section .product-input.has-addons .label + .control:not(:first-child) input,
  .product-section .product-select.has-addons .label + .control:not(:first-child) input {
    width: 6.45em;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding-right: .15em; }
  .product-section .product-input.has-addons .control + .control .select select,
  .product-section .product-select.has-addons .control + .control .select select {
    padding: 0 0 0 .15rem;
    width: 2.5rem;
    line-height: 1.55;
    text-align-last: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }

@-moz-document url-prefix() {
  .product-section .product-input.has-addons .control + .control .select select,
  .product-section .product-select.has-addons .control + .control .select select {
    padding: 0;
    width: 2.65rem; } }
    @supports (-ms-ime-align: auto) {
      .product-section .product-input.has-addons .control + .control .select select,
      .product-section .product-select.has-addons .control + .control .select select {
        padding: 0;
        width: 2.65rem; } }
  .product-section .product-input.has-addons .control + .control .select::after,
  .product-section .product-select.has-addons .control + .control .select::after {
    right: .4em;
    height: .4em;
    width: .4em;
    margin-top: -0.2em;
    border-width: 2px; }

.product-section .product-select:not(.has-addons) .control,
.product-section .product-select:not(.has-addons) .dropdown-select .dropdown-trigger .input,
.product-section .product-select:not(.has-addons) .dropdown-select .dropdown-trigger select {
  width: auto;
  min-width: 9em; }

.product-section .product-select:not(.has-addons) .dropdown-select .dropdown-trigger .input {
  width: 100%; }

.product-section .modal .option .is-image .image {
  display: flex;
  align-items: center;
  overflow: hidden; }

@media screen and (min-width: 1088px) {
  .product-section .modal .option:first-child {
    margin-top: 0; }
  .product-section .modal .option:last-child {
    margin-bottom: 0; } }

@media screen and (max-width: 1087px) {
  .product-section .modal .option {
    padding: 1rem 2rem; }
    .product-section .modal .option .action {
      position: absolute;
      right: 1rem; }
    .product-section .modal .option .is-image {
      overflow: hidden; } }

.product-section.collapsible {
  cursor: pointer; }
  @media screen and (max-width: 1087px) {
    .product-section.collapsible .title.header {
      padding-right: 5rem; } }
  .product-section.collapsible .title.header .icon.toggle {
    position: relative;
    color: white;
    margin-right: 1rem;
    height: 3rem;
    width: 3rem; }
    @media screen and (max-width: 1087px) {
      .product-section.collapsible .title.header .icon.toggle {
        position: absolute;
        right: .5rem;
        top: 1rem; } }
    .product-section.collapsible .title.header .icon.toggle .badge {
      position: absolute;
      top: -.4rem;
      right: -.4rem;
      padding: .2rem .3rem;
      min-width: 1.85rem;
      height: 1.85rem;
      line-height: 1rem;
      font-size: .85rem;
      border-radius: 2rem;
      background: #e30613;
      border: 3px solid white;
      color: white;
      font-weight: 700;
      text-align: center; }
  .product-section.collapsible.collapsed .title.header {
    background: white;
    transition: background 250ms ease-in-out;
    color: #4a4a4a; }
    .product-section.collapsible.collapsed .title.header:hover {
      background: rgba(245, 245, 245, 0.3);
      transition: background 50ms ease-in-out; }
    @media screen and (max-width: 1087px) {
      .product-section.collapsible.collapsed .title.header {
        margin-bottom: 0; } }
    .product-section.collapsible.collapsed .title.header span {
      font-size: 1.5rem; }
    .product-section.collapsible.collapsed .title.header .icon.toggle {
      color: #e30613; }
  .product-section.collapsible:not(.collapsed) .title.header .column.is-narrow {
    display: flex;
    flex-direction: row-reverse; }
    .product-section.collapsible:not(.collapsed) .title.header .column.is-narrow .product-input {
      align-self: flex-start;
      cursor: auto; }
  .product-section.collapsible:not(.collapsed) .title.header .icon.toggle {
    font-size: 1.5rem;
    transform: rotate(180deg); }
    .product-section.collapsible:not(.collapsed) .title.header .icon.toggle .badge {
      display: none; }

.title.group {
  margin-top: 5rem;
  color: #666666; }
  .title.group span {
    font-weight: normal; }

@media screen and (max-width: 1087px) {
  html.is-clipped .product-section:not(.opened),
  html.is-clipped .product-section .item:not(.opened) {
    display: none; }
  html.is-clipped .product-section.opened,
  html.is-clipped .product-section .item.opened {
    position: relative; }
    html.is-clipped .product-section.opened .product,
    html.is-clipped .product-section .item.opened .product {
      display: none; }
    html.is-clipped .product-section.opened .close,
    html.is-clipped .product-section .item.opened .close {
      top: 0; }
  html.is-clipped .product-section .column-container.items {
    padding: 0; }
  html.is-clipped .product-section .item .title {
    padding: 0 2rem; }
  html.is-clipped .title.group {
    display: none; } }

.floating-summary {
  margin-bottom: 2em; }
  @media screen and (min-width: 1088px) {
    .floating-summary {
      padding-bottom: 2em;
      border-bottom: 1px solid #dbdbdb; } }
  .floating-summary .button {
    position: absolute;
    right: 2rem; }
    .floating-summary .button .icon i {
      font-size: 2em; }
  .floating-summary .title {
    margin: 0;
    padding: 0 2rem;
    line-height: 3;
    font-weight: 500;
    background: #236093;
    color: white;
    position: relative; }
    .floating-summary .title .icon {
      position: absolute;
      right: 1rem;
      top: calc(50% - 1.5rem); }
  .floating-summary .summary-section {
    background: white;
    box-shadow: -1px 0 3px rgba(10, 10, 10, 0.1); }
    .floating-summary .summary-section th:first-child,
    .floating-summary .summary-section td:first-child {
      padding-left: 2rem; }
    .floating-summary .summary-section th:last-child,
    .floating-summary .summary-section td:last-child {
      padding-right: 2rem; }
    .floating-summary .summary-section thead th div,
    .floating-summary .summary-section thead td div,
    .floating-summary .summary-section tbody th div,
    .floating-summary .summary-section tbody td div,
    .floating-summary .summary-section tfoot th div,
    .floating-summary .summary-section tfoot td div {
      display: flex;
      height: 100%;
      align-items: center; }
      .floating-summary .summary-section thead th div.has-text-right,
      .floating-summary .summary-section thead td div.has-text-right,
      .floating-summary .summary-section tbody th div.has-text-right,
      .floating-summary .summary-section tbody td div.has-text-right,
      .floating-summary .summary-section tfoot th div.has-text-right,
      .floating-summary .summary-section tfoot td div.has-text-right {
        justify-content: flex-end; }
    .floating-summary .summary-section tbody td div {
      margin: .85rem 0; }
      .floating-summary .summary-section tbody td div figure {
        margin-right: .2rem;
        position: relative;
        top: -1px; }
    .floating-summary .summary-section tbody tr.with-surcharges td {
      border-bottom-width: 0; }
    .floating-summary .summary-section thead,
    .floating-summary .summary-section thead th {
      background: #666666; }
    .floating-summary .summary-section thead th {
      border: none;
      color: white;
      font-size: 1.15rem;
      height: 5rem; }
      .floating-summary .summary-section thead th:not(:first-child) div {
        justify-content: flex-end;
        text-align: center; }
    .floating-summary .summary-section tbody td {
      font-weight: 500; }
    .floating-summary .summary-section tfoot,
    .floating-summary .summary-section tfoot th {
      background: #dbdbdb; }
    .floating-summary .summary-section tfoot th {
      line-height: 3; }
  @media screen and (min-width: 769px), print {
    .floating-summary .button,
    .floating-summary .title {
      display: none; } }
  @media screen and (max-width: 768px) {
    .floating-summary:not(.is-opened) .summary-section {
      display: none; } }

@supports (-webkit-overflow-scrolling: touch) {
  .product-section .product-input .label,
  .product-section .product-input .input,
  .product-section .product-input .icon {
    font-size: 16px;
    zoom: .8125; } }

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