{"version":3,"sources":["webpack:///../demo1/src/sass/pages/wizard/wizard-4.scss"],"names":[],"mappings":"AAAA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA,oBAAoB;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sCAAsC;AACtC;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC;AAChC;AACA;AACA,iCAAiC;AACjC;AACA;AACA,6BAA6B;AAC7B;AACA,kCAAkC;AAClC;AACA;AACA,oCAAoC;AACpC;AACA,yBAAyB;AACzB;AACA;AACA,iCAAiC;AACjC;AACA;AACA,uCAAuC;AACvC;AACA;AACA,iCAAiC;;AAEjC;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B;AAC1B;AACA;AACA,+BAA+B;AAC/B;AACA;AACA,gBAAgB,EAAE;;AAElB;AACA;AACA;AACA,4BAA4B;AAC5B;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA,6BAA6B,EAAE","file":"css/pages/wizard/wizard-4.css","sourcesContent":[".wizard.wizard-4 {\n  flex-direction: column; }\n  .wizard.wizard-4 .wizard-nav .wizard-steps {\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    flex-wrap: wrap; }\n    .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-wrap: wrap;\n      flex: 0 0 calc(25% - 0.25rem);\n      width: calc(25% - 0.25rem);\n      background-color: #F3F6F9;\n      border-top-left-radius: 0.5rem;\n      border-top-right-radius: 0.5rem; }\n      .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {\n        flex: 1;\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n        color: #3F4254;\n        padding: 2rem 2.5rem; }\n        .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-number {\n          font-size: 1.3rem;\n          font-weight: 600;\n          flex: 0 0 2.75rem;\n          height: 2.75rem;\n          width: 2.75rem;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          background-color: rgba(54, 153, 255, 0.08);\n          color: #3699FF;\n          margin-right: 1rem;\n          border-radius: 0.5rem; }\n        .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-label {\n          display: flex;\n          flex-direction: column; }\n          .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-label .wizard-title {\n            font-size: 1.1rem;\n            font-weight: 600; }\n      .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=\"current\"] {\n        background-color: #ffffff; }\n        .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=\"current\"] .wizard-wrapper .wizard-number {\n          color: #ffffff;\n          background-color: #3699FF; }\n        .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=\"current\"] .wizard-wrapper .wizard-label .wizard-title {\n          color: #3699FF; }\n    .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps=\"2\"] .wizard-step {\n      flex: 0 0 calc(50% - 0.25rem);\n      width: calc(50% - 0.25rem); }\n    .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps=\"3\"] .wizard-step {\n      flex: 0 0 calc(33.33333% - 0.25rem);\n      width: calc(33.33333% - 0.25rem); }\n    .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps=\"4\"] .wizard-step {\n      flex: 0 0 calc(25% - 0.25rem);\n      width: calc(25% - 0.25rem); }\n\n@media (max-width: 1399.98px) {\n  .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step {\n    flex: 0 0 calc(50% - 0.25rem);\n    width: calc(50% - 0.25rem);\n    border-bottom-left-radius: 0.5rem;\n    border-bottom-right-radius: 0.5rem;\n    margin-bottom: 0.5rem; }\n  .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps=\"2\"] .wizard-step, .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps=\"4\"] .wizard-step {\n    flex: 0 0 calc(50% - 0.25rem);\n    width: calc(50% - 0.25rem); }\n  .wizard.wizard-4 .wizard-nav .wizard-steps[data-total-steps=\"3\"] .wizard-step {\n    flex: 0 0 100%;\n    width: 100%; } }\n\n@media (max-width: 767.98px) {\n  .wizard.wizard-4 .wizard-nav .wizard-steps {\n    flex-direction: column;\n    align-items: flex-start; }\n    .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step {\n      flex: 0 0 100% !important;\n      position: relative;\n      width: 100% !important; }\n      .wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {\n        justify-content: flex-start;\n        flex: 0 0 100%;\n        padding: 0.5rem 2rem; } }\n"],"sourceRoot":""}