.steps{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:1rem;min-height:2rem}.steps:not(:last-child){margin-bottom:1.5rem}.steps .step-item{margin-top:0;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0}.steps .step-item:not(:first-child){-ms-flex-preferred-size:1em;flex-basis:1em;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.steps .step-item:not(:first-child):before{content:" ";display:block;position:absolute}.steps .step-item:before{background:-webkit-gradient(linear,right top, left top,color-stop(50%, #dbdbdb),color-stop(0, #2ab3aa));background:linear-gradient(270deg,#dbdbdb 50%,#2ab3aa 0);background-size:200% 100%;background-position:100% 100%}.steps .step-item:before .step-marker{color:#fff}.steps .step-item.is-active:before{background-position:0 100%}.steps .step-item.is-active .step-marker{background-color:#fff;border-color:#2ab3aa;color:#2ab3aa}.steps .step-item.is-completed:before{background-position:0 100%}.steps .step-item.is-completed .step-marker{color:#fff;background-color:#2ab3aa}.steps .step-item .step-marker{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:50%;font-weight:700;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#b5b5b5;color:#fff;border:.2em solid #fff;z-index:1}.steps .step-item.is-white:before{background:-webkit-gradient(linear,right top, left top,color-stop(50%, #dbdbdb),color-stop(0, #fff));background:linear-gradient(270deg,#dbdbdb 50%,#fff 0);background-size:200% 100%;background-position:100% 100%}.steps .step-item.is-white.is-active:before{background-position:0 100%}.steps .step-item.is-white.is-active .step-marker{background-color:#fff;border-color:#fff;color:#fff}.steps .step-item.is-white.is-completed:before{background-position:0 100%}.steps .step-item.is-white.is-completed .step-marker{color:#0a0a0a;background-color:#fff}.steps .step-item.is-black:before{background:-webkit-gradient(linear,right top, left top,color-stop(50%, #dbdbdb),color-stop(0, #0a0a0a));background:linear-gradient(270deg,#dbdbdb 50%,#0a0a0a 0);background-size:200% 100%;background-position:100% 100%}.steps .step-item.is-black.is-active:before{background-position:0 100%}.steps .step-item.is-black.is-active .step-marker{background-color:#fff;border-color:#0a0a0a;color:#0a0a0a}.steps .step-item.is-black.is-completed:before{background-position:0 100%}.steps .step-item.is-black.is-completed .step-marker{color:#fff;background-color:#0a0a0a}.steps .step-item.is-light:before{background:-webkit-gradient(linear,right top, left top,color-stop(50%, #dbdbdb),color-stop(0, #f5f5f5));background:linear-gradient(270deg,#dbdbdb 50%,#f5f5f5 0);background-size:200% 100%;background-position:100% 100%}.steps .step-item.is-light.is-active:before{background-position:0 100%}.steps .step-item.is-light.is-active .step-marker{background-color:#fff;border-color:#f5f5f5;color:#f5f5f5}.steps .step-item.is-light.is-completed:before{background-position:0 100%}.steps .step-item.is-light.is-completed .step-marker{color:#363636;background-color:#f5f5f5}.steps .step-item.is-dark:before{background:-webkit-gradient(linear,right top, left top,color-stop(50%, #dbdbdb),color-stop(0, #363636));background:linear-gradient(270deg,#dbdbdb 50%,#363636 0);background-size:200% 100%;background-position:100% 100%}.steps .step-item.is-dark.is-active:before{background-position:0 100%}.steps .step-item.is-dark.is-active .step-marker{background-color:#fff;border-color:#363636;color:#363636}.steps .step-item.is-dark.is-completed:before{background-position:0 100%}.steps .step-item.is-dark.is-completed .step-marker{color:#f5f5f5;background-color:#363636}.steps .step-item.is-primary:before{background:-webkit-gradient(linear,right top, left top,color-stop(50%, #dbdbdb),color-stop(0, #2ab3aa));background:linear-gradient(270deg,#dbdbdb 50%,#2ab3aa 0);background-size:200% 100%;background-position:100% 100%}.steps .step-item.is-primary.is-active:before{background-position:0 100%}.steps .step-item.is-primary.is-active .step-marker{background-color:#fff;border-color:#2ab3aa;color:#2ab3aa}.steps .step-item.is-primary.is-completed:before{background-position:0 100%}.steps .step-item.is-primary.is-completed .step-marker{color:#fff;background-color:#2ab3aa}.steps .step-item.is-info:before{background:-webkit-gradient(linear,right top, left top,color-stop(50%, #dbdbdb),color-stop(0, #209cee));background:linear-gradient(270deg,#dbdbdb 50%,#209cee 0);background-size:200% 100%;background-position:100% 100%}.steps .step-item.is-info.is-active:before{background-position:0 100%}.steps .step-item.is-info.is-active .step-marker{background-color:#fff;border-color:#209cee;color:#209cee}.steps .step-item.is-info.is-completed:before{background-position:0 100%}.steps .step-item.is-info.is-completed .step-marker{color:#fff;background-color:#209cee}.steps .step-item.is-success:before{background:-webkit-gradient(linear,right top, left top,color-stop(50%, #dbdbdb),color-stop(0, #23d160));background:linear-gradient(270deg,#dbdbdb 50%,#23d160 0);background-size:200% 100%;background-position:100% 100%}.steps .step-item.is-success.is-active:before{background-position:0 100%}.steps .step-item.is-success.is-active .step-marker{background-color:#fff;border-color:#23d160;color:#23d160}.steps .step-item.is-success.is-completed:before{background-position:0 100%}.steps .step-item.is-success.is-completed .step-marker{color:#fff;background-color:#23d160}.steps .step-item.is-warning:before{background:-webkit-gradient(linear,right top, left top,color-stop(50%, #dbdbdb),color-stop(0, #ffdd57));background:linear-gradient(270deg,#dbdbdb 50%,#ffdd57 0);background-size:200% 100%;background-position:100% 100%}.steps .step-item.is-warning.is-active:before{background-position:0 100%}.steps .step-item.is-warning.is-active .step-marker{background-color:#fff;border-color:#ffdd57;color:#ffdd57}.steps .step-item.is-warning.is-completed:before{background-position:0 100%}.steps .step-item.is-warning.is-completed .step-marker{color:rgba(0,0,0,.7);background-color:#ffdd57}.steps .step-item.is-danger:before{background:-webkit-gradient(linear,right top, left top,color-stop(50%, #dbdbdb),color-stop(0, #ff3860));background:linear-gradient(270deg,#dbdbdb 50%,#ff3860 0);background-size:200% 100%;background-position:100% 100%}.steps .step-item.is-danger.is-active:before{background-position:0 100%}.steps .step-item.is-danger.is-active .step-marker{background-color:#fff;border-color:#ff3860;color:#ff3860}.steps .step-item.is-danger.is-completed:before{background-position:0 100%}.steps .step-item.is-danger.is-completed .step-marker{color:#fff;background-color:#ff3860}.steps .step-item:not(:first-child):before{height:.2em;width:100%;bottom:0;left:-50%;top:1rem}.steps .step-item .step-marker{height:2rem;width:2rem;position:absolute;left:calc(50% - 1rem)}.steps .step-item .step-marker .icon *{font-size:1rem}.steps.is-small{font-size:.75rem;min-height:1.5rem}.steps.is-small .step-item:not(:first-child):before{height:.2em;width:100%;bottom:0;left:-50%;top:.75rem}.steps.is-small .step-item .step-marker{height:1.5rem;width:1.5rem;position:absolute;left:calc(50% - .75rem)}.steps.is-small .step-item .step-marker .icon *{font-size:.75rem}.steps.is-medium{font-size:1.25rem;min-height:2.5rem}.steps.is-medium .step-item:not(:first-child):before{height:.2em;width:100%;bottom:0;left:-50%;top:1.25rem}.steps.is-medium .step-item .step-marker{height:2.5rem;width:2.5rem;position:absolute;left:calc(50% - 1.25rem)}.steps.is-medium .step-item .step-marker .icon *{font-size:1.25rem}.steps.is-large{font-size:1.5rem;min-height:3rem}.steps.is-large .step-item:not(:first-child):before{height:.2em;width:100%;bottom:0;left:-50%;top:1.5rem}.steps.is-large .step-item .step-marker{height:3rem;width:3rem;position:absolute;left:calc(50% - 1.5rem)}.steps.is-large .step-item .step-marker .icon *{font-size:1.5rem}.badge{white-space:nowrap;position:relative}.badge[data-badge]:after{position:absolute;left:100%;margin:0;background:#2ab3aa;background-clip:padding-box;border-radius:1rem;-webkit-box-shadow:0 0 0 .1rem #fff;box-shadow:0 0 0 .1rem #fff;color:#fff;content:attr(data-badge);display:inline-block}.badge:not([data-badge=""]):after{padding:.3rem .5rem;text-align:center;white-space:nowrap}.badge.is-badge-info:not([data-badge]):after,.badge.is-badge-info[data-badge]:after{background:#209cee;color:#fff}.badge.is-badge-danger:not([data-badge]):after,.badge.is-badge-danger[data-badge]:after{background:#ff3860;color:#fff}.badge[data-badge]:after{top:-.5rem;left:calc(100% - .5rem);min-height:1rem;min-width:1rem}.badge:not([data-badge=""]):after{font-size:.75rem;line-height:.5rem}
