.tutorial-steps-root{position:relative;margin-top:8px}.tutorial-steps-root .tutorial-scroll-indicator{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.9);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer;transition:all .3s}.tutorial-steps-root .tutorial-scroll-indicator:hover{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.2)}.tutorial-steps-root .tutorial-scroll-indicator.left{left:6px}.tutorial-steps-root .tutorial-scroll-indicator.right{right:6px}.tutorial-steps-root .tutorial-steps-scroll{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.tutorial-steps-root .tutorial-steps-scroll::-webkit-scrollbar{height:6px}.tutorial-steps-root .tutorial-steps-scroll::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.tutorial-steps-root .tutorial-steps-scroll::-webkit-scrollbar-thumb:hover{background:#bbb}.tutorial-steps-root .tutorial-steps-content{display:flex;gap:20px;padding:4px 12px;box-sizing:border-box}.tutorial-steps-root .tutorial-step{flex-shrink:0;display:flex;flex-direction:column;gap:6px}.tutorial-steps-root .tutorial-step-image-wrapper{position:relative;border-radius:4px;overflow:hidden}.tutorial-steps-root .tutorial-step-image-wrapper .arco-image{width:100%;height:100%}.tutorial-steps-root .tutorial-step-image-wrapper .arco-image-img{width:100%;height:100%;object-fit:cover}.tutorial-steps-root .tutorial-step-overlay{position:absolute;bottom:8px;left:8px;padding:4px 8px;background:var(--brand-primary);border-radius:50px;display:inline-block;width:auto}.tutorial-steps-root .tutorial-step-title{font-size:12px;font-weight:500;color:#fff;line-height:1.4}.tutorial-steps-root .tutorial-step-desc{font-size:12px;color:#4e5969;line-height:1.5;padding:0 4px}.tutorial-steps-root .tutorial-step-link{color:var(--brand-primary);text-decoration:none}.tutorial-steps-root .tutorial-step-link:hover{text-decoration:underline}