.affiliate-wrap{width:100%;display:flex;justify-content:center;align-items:center}@media (max-width:786px){.affiliate-wrap{flex-direction:column}}.form-affiliate{max-width:500px;width:100%;display:flex;flex-direction:column;gap:12px;padding:16px}.affiliate-step{flex:1 1;padding:16px}.affiliate-step .step-component{display:flex}.affiliate-step .step-component .left{align-items:center;display:flex;flex-direction:column;margin-right:24px}.affiliate-step .step-component .left .icon{align-items:center;border:1px solid rgb(var(--color-main));border-radius:50%;cursor:pointer;display:flex;font-size:24px;font-style:normal;font-weight:700;height:36px;width:36px;justify-content:center;line-height:136%;color:var(--color-white)}.affiliate-step .step-component .left .icon.active{background-color:rgb(var(--color-main));color:#fff}.affiliate-step .step-component .left .line{border:1px solid rgb(var(--color-main));flex:1 1}.affiliate-step .step-component .right .title{-webkit-line-clamp:1;-webkit-box-orient:vertical;cursor:pointer;display:-webkit-box;font-style:normal;font-weight:700;line-height:132%;overflow:hidden;text-overflow:ellipsis;margin-top:4px;color:var(--color-white)}.affiliate-step .step-component .right .desc{font-style:normal;font-weight:400;line-height:158%;color:#ccc;margin-bottom:24px}.affiliate-link-box{box-sizing:border-box;display:flex;flex-direction:column;padding:16px;border-radius:8px;justify-content:space-between;width:auto;margin-top:16px;margin-right:20px;background-color:rgb(38,40,41);gap:8px}.light-theme .affiliate-link-box{background-color:#F1F1F2}.affiliate-link-box .title{font-size:16px;font-weight:600;line-height:20px}.affiliate-link-box .desc{font-size:14px;line-height:16px}.affiliate-link-box .link{margin-top:16px}