native-wizard{display:flex;flex-direction:column}native-wizard .swiper-slide-active{z-index:2}@media screen and (min-width: 1025px){native-wizard .swiper-slide-active{z-index:1}}native-wizard [data-step]{display:none}native-wizard [data-step].is-active{display:block}native-wizard [data-step]{display:none;opacity:0}native-wizard [data-step].is-active{display:block;animation:fadeInStep .4s ease forwards}@keyframes fadeInStep{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}native-wizard .swiper-slide{border:none}native-wizard .swiper-slide:hover{z-index:1}native-wizard [data-error]{max-height:0;overflow:hidden;opacity:0;transition:all .3s ease-out;color:#d9534f;display:none}native-wizard.has-error [data-error]{max-height:50px;opacity:1;margin:10px 0}native-wizard [data-action=prev]:disabled,native-wizard [data-action=next]:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(1)}native-wizard [data-action=submit]{display:none}native-wizard.is-last-step [data-action=next]{display:none}native-wizard.is-last-step [data-action=submit],native-wizard:not(.is-last-step) [data-action=next]{display:flex}.wizard-header{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;border-top:1px solid var(--primary-secondary-lines, #acacac);padding:24px 0;order:2}@media screen and (min-width: 1025px){.wizard-header{order:1}}.dyo-variant-selector{order:1;margin-bottom:4px}@media screen and (min-width: 1025px){.dyo-variant-selector{order:2;margin-bottom:0}}.wizard-nav-button{display:flex;align-items:center;gap:16px;transition:opacity .3s ease}.wizard-nav-button:hover{opacity:1}.wizard-prev-button{grid-column-start:1;grid-column-end:4;justify-content:flex-end}@media screen and (min-width: 1025px){.wizard-prev-button{grid-column-start:4;grid-column-end:5}}.wizard-next-button,.wizard-save-button{grid-column-start:10;grid-column-end:-1}@media screen and (min-width: 1025px){.wizard-next-button,.wizard-save-button{grid-column-start:9;grid-column-end:10}}:is(.wizard-next-button,.wizard-save-button) span{transform:rotate(180deg);display:inline-flex}.wizard-save-button{cursor:pointer}.wizard-step-indicators{display:flex;flex-direction:column;align-items:center;gap:8px;grid-column:5 / 9;text-align:center}.wizard-step-indicators .wizard-indicator{font-size:1rem;text-align:center;text-wrap:balance}.wizard-step-description{font-weight:400;font-size:12px}@media screen and (min-width: 1025px){.wizard-step-description{font-size:.875rem}}.wizard-nav-button{transition:background-color .2s,opacity .2s,transform .1s}.wizard-nav-button:active:not(:disabled){transform:scale(.98)}.summary-box{display:flex;padding:0 16px;margin-bottom:4px;font-size:.625rem;text-align:center;justify-content:center}.summary-box span,.summary-box p{font-weight:400;font-size:.625rem}@media screen and (min-width: 1025px){.summary-box span,.summary-box p{font-size:.75rem}}@media screen and (min-width: 1025px){.summary-box{padding:24px;margin-bottom:0;text-align:left;justify-content:flex-start;font-size:.75rem}}.summary-item+.summary-item:before{content:" - ";display:inline-block;margin:0 0 0 3px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/native-wizard.css.map */