/* Common */ /* Responsive Breakpoints */ /* Transitions - Based on Angular Material */ /* Elevation - Based on Angular Material */ /* Image aspect ratio calculator */ /* Responsive breakpoints */ .md-stepper { display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; position: relative; width: 100%; } .md-stepper .md-step-header { background: none; border: 0; cursor: pointer; -ms-flex-negative: 0; flex-shrink: 0; font-family: inherit; font-size: 12px; font-weight: 500; margin: 0; max-height: 72px; padding: 24px; position: relative; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } .md-stepper .md-step-header .md-step-icons, .md-stepper .md-step-header .md-step-titles { display: inline-block; vertical-align: middle; } .md-stepper .md-step-header.md-has-sub-message { padding: 15px 24px; } .md-stepper .md-step-header.md-has-sub-message .md-step-title { margin-bottom: -4px; } .md-stepper .md-step-header .md-step-icon { border-radius: 50%; font-size: 12px; height: 24px; line-height: 24px; margin-right: 8px; min-width: 24px; padding: 0px 6px; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 24px; } .md-stepper .md-step-header .md-step-number { border-radius: 50%; display: inline-block; font-size: 12px; margin-right: 8px; width: 24px; } .md-stepper .md-step-header .md-step-number span { display: block; line-height: 24px; text-align: center; } .md-stepper .md-step-header .md-step-title { font-size: inherit; } .md-stepper .md-step-header.md-disabled { cursor: default; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; } .md-stepper .md-steps-navigation { display: -ms-flexbox; display: flex; height: 72px; min-height: 72px; overflow: hidden; position: relative; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 1; } .md-stepper .md-steps-navigation.md-alternate-labels { height: 104px; min-height: 104px; } .md-stepper .md-steps-navigation .md-steps-navigation-container { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .md-stepper .md-steps-navigation .md-steps-navigation-container .md-divider { margin: 36px 0; position: relative; width: 100%; } .md-stepper .md-steps-navigation .md-steps-navigation-container .md-step-header.md-alternate-labels { max-height: 104px; text-align: center; } .md-stepper .md-steps-navigation .md-steps-navigation-container .md-step-header.md-alternate-labels.md-has-sub-message { padding: 24px; } .md-stepper .md-steps-navigation .md-steps-navigation-container .md-step-header.md-alternate-labels .md-step-icons, .md-stepper .md-steps-navigation .md-steps-navigation-container .md-step-header.md-alternate-labels .md-step-titles { display: block; } .md-stepper .md-steps-navigation .md-steps-navigation-container .md-step-header.md-alternate-labels .md-step-titles { margin-top: 10px; } .md-stepper .md-steps-container { height: 0; overflow: hidden; position: relative; width: 100%; } .md-stepper .md-steps-container .md-steps-wrapper { bottom: 0; left: 0; position: absolute; right: 0; top: 0; transform: translate3d(0, 0, 0); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); width: 9999em; } .md-stepper .md-steps-container .md-steps-wrapper .md-step { left: 0; padding: 16px; position: absolute; right: 0; top: 0; } .md-stepper .md-steps-container .md-steps-wrapper .md-step .md-step-content { padding: 16px; font-size: 14px; line-height: 22px; } .md-stepper .md-steps-container .md-steps-wrapper .md-step .md-step-content:last-child { padding-bottom: 24px; } .md-stepper .md-steps-vertical-container .md-step .md-step-header { padding-bottom: 8px; } .md-stepper .md-steps-vertical-container .md-step:not(:first-of-type) .md-step-header { padding-top: 8px; } .md-stepper .md-steps-vertical-container .md-step .md-step-content { margin: 0 24px 0 34px; padding-bottom: 32px; padding-left: 24px; padding-top: 8px; } .md-stepper .md-steps-vertical-container .md-step:not(:last-of-type) .md-step-content { border-left: 1px solid #BDBDBD; } @media (min-width: 660px) { .md-stepper .md-steps-navigation .md-steps-navigation-container { margin-bottom: -15px; } } /*# sourceMappingURL=index.css.map*/