.process-bar-container{padding:20px 0 16px}.process-bar-section .process-bar-wrap{overflow:auto}.process-bar-section .process-bar-wrap::-webkit-scrollbar{display:none;width:0;height:0}.process-bar-section .process-bar-items{position:relative;display:flex;justify-content:space-between;align-items:flex-end;width:fit-content;min-width:100%;text-align:center;white-space:nowrap;text-overflow:ellipsis}.process-bar-section .process-bar-item{position:relative;overflow:hidden;flex-shrink:0;padding:0 24px}.process-bar-section .process-bar-item:nth-child(1) .process-line{width:50%;right:0;left:unset}.process-bar-section .process-bar-item:nth-child(2){flex:1}.process-bar-section .process-bar-item:nth-child(3) .process-line{width:50%;left:0}.process-bar-section .process-bar-item.in-active :is(.process-bar-title-wrap,.process-bar-item-desc,.process-point-item){opacity:.6}.process-bar-section .process-bar-item.in-active .process-bar-item-desc{display:none}.process-bar-section .process-bar-title-wrap{display:flex;justify-content:center;align-items:center;gap:4px}.process-bar-section .process-bar-item-title{font-size:20px;font-weight:600;line-height:1.5;text-overflow:ellipsis;overflow:hidden}.process-bar-section .title_icon{max-height:30px}.process-bar-section .process-bar-item-desc{font-size:12px;font-weight:600;line-height:1.5;margin-top:8px;text-overflow:ellipsis;overflow:hidden}.process-bar-section .process-bar-item:not(.is-active):not(.in-active) .process-bar-item-desc{height:0;margin-top:0;transition:all .3s ease-in-out}.process-bar-section .process-bar-item:not(.is-active):not(.in-active):hover .process-bar-item-desc{height:18px;margin-top:8px}.process-bar-section .process-line{position:absolute;left:0;bottom:12px;width:100%;height:2px;margin:0 auto}.process-bar-section .process-point-item{position:relative;width:28px;height:28px;border-radius:999px;margin:16px auto 0}.process-bar-section .process-point-big{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:99px;animation:process-bar-ani 2s infinite alternate-reverse}.process-bar-section .process-point-small{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:99px}.process-bar-section .process-bar-item:not(.is-active) .process-point-big{display:none}.process-bar-section .process-bar-item:not(.is-active):not(.in-active):hover .process-point-big{display:block}@keyframes process-bar-ani{0%{opacity:.2}to{opacity:.6}}@media (max-width: 768px){.process-bar-container{padding:16px 0}.process-bar-section .container{padding:0}.process-bar-section .title_icon{max-height:16px}.process-bar-section .process-bar-item-title{font-size:14px}.process-bar-section .process-bar-item-desc{font-size:12px;margin-top:4px}.process-bar-section .process-bar-items{width:100%;gap:0;overflow:auto hidden;scroll-snap-type:x mandatory}.process-bar-section .process-bar-items::-webkit-scrollbar{display:none}.process-bar-section .process-bar-item{width:100%;max-width:100%;scroll-snap-align:start}.process-bar-section .process-bar-item:not(.is-active):not(.in-active):hover .process-bar-item-desc{margin-top:4px}.process-bar-section .process-point-item{margin:8px auto 0}.process-bar-section .process-bar-item:nth-child(2){flex:unset;flex-shrink:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/process-bar.css.map */