.breadcrumb{text-align:center;display:inline-block;box-shadow:0 2px 5px #00000040;overflow:hidden;border-radius:5px}.paddingStep{padding:0 10px 0 40px}.breadcrumb__step{text-decoration:none;outline:none;display:block;float:left;font-size:12px;line-height:30px;position:relative;background:var(--45098dcb);color:var(--46ec09f0);transition:background .5s}.breadcrumb__step:first-child:before{left:14px}.breadcrumb__step:last-child{border-radius:0 5px 5px 0;padding-right:20px}.breadcrumb__step:after{content:"";position:absolute;top:0;right:-15px;width:30px;height:24px;transform:scale(1) rotate(45deg);z-index:1;border-radius:0 0 0 87px;background:var(--45098dcb);transition:background .5s;box-shadow:2px -2px 0 0 var(--609e5bd1)}.breadcrumb__step--active:after{background:var(--45098dcb)}.breadcrumb__step--active{color:var(--46ec09f0);background:var(--45098dcb)}.breadcrumb__step--active:before{color:#9e9e9e}.breadcrumb__step:hover{color:#fff;background:#9e9e9e}.breadcrumb__step:hover:before{color:#9e9e9e}.breadcrumb__step:hover:after{color:#9e9e9e;background:#9e9e9e}@media (max-width: 638px){.breadcrumb{text-align:center;display:flex;flex-direction:column;box-shadow:0 2px 5px #00000040;overflow:hidden;border-radius:5px}}
