.components-i-guide{position:relative;width:-moz-max-content;width:max-content;height:40px;background:linear-gradient(52deg,#0068ff,#00c2ff);box-shadow:0 5px 9px 0 rgba(0,104,255,.16);border-radius:9px;padding:1px}.components-i-guide>.box{display:flex;justify-content:space-between;align-items:center;padding:0 10px 0 12px;width:100%;height:100%;background:#fff;border-radius:8px 8px 8px 8px}.components-i-guide>.box>p{height:18px;font-weight:400;font-size:14px;color:#0e1b2e;line-height:18px}.components-i-guide>.box>div{margin-left:5px;width:20px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAk5JREFUSEu9ljFv00AUx9/Vl+Ri7CpCCbIt2hjRSnbLjBhAYgEkdoZ+gIoBGBgZ+QIwoA6ID9CBHQkJJiSGDgxItF0QSaicgKIqSt3YTc42Ote2jGM3piHx6Hv3fu+9e/d/h2DipxJBwiJFBd6jUCxgDrMtI+pQRNEJLg0ts0OPABr2Wa5Q5qKi8AQqVewtXJgYCwBQj1p2p/8bwBik2aeBEF/VpYUCV8kDSNq4I6c36O51AMCLryVBHKloS7iMy+eBhHsoOAO7vXcAAE74Lw5CpKLVp4UkYK0wswjEV3X5vOXKyj4oY5utByCFF+SL9WnKlbXXRIdNMIyBDyKSpmI0fi5bL56v37554+6DjYdbu98bwzRna1fV4tvt148+73z5uPn42dekDUXusW3sthCASgRZuJLm5NvO+6fLl5XN/pH56c79jSdJGIN8eLf9ShSFW60D48369Xsv0/yYbfMHEoSVGoikmhVt6CgJi0OyAol8enYXEWVt+axLmeaQOcgKIC1g1u6oVNNXQ1nJOtAkjB0sK9fETAKHoxF1kCBf0/N0WxzG7PNCogs7N9BiTV91A0WeWemY0hNZr2Pg+LwQ1ub/3AzIPUaCtFIDNNv2Nll7z+3C+hKUcZf+iwT5A3G/cSqqisIL3oxEtX3YZFN33mPCzwsRSaunqXieCz2m2ha17N5+c2zwBYYckbSlaWH0FPIza5RHajGPx0msAgpPpMVLebPzBxz0umyappU6+10XWasEJCySk2LZw17prwckhqHtDi345fQnPSD/AP/tkcICY1dcAAAAAElFTkSuQmCC) no-repeat 50%/100% 100%;cursor:pointer}.components-i-guide>.box>div:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAjBJREFUSEu9ls9LG1EQx7+TX2gJeKkHpUpwd6V46h8gbWmKiATpLT2GHjx4Ljn37B/gwVOOza1gQSgEavEPyKnoZgPBH7lYECEoJN2d8l6yyZp9uy7dmL2+efPZmTcz3yE88vHS0iJmZtbAvAyi5yB6Jq8wdwD8geOco9s9pYuLdpgrCjrkXC6HdPotiHKP/cwA3Eav94NarZbK3gdiIAVNKyCZfBUJ4DeqwzS/E/DXe/QAxPPzWczNfUQi8eI/Ie61S9zcfKXra5Fe+Q1BMhJdL00AMoKZZsWNbATStA8x0hWUgDqZ5rdhRPLhM5lSzHSpr3e7FVEgMiI2jB0QLfosNzcXsL29hnL5GJ3Og8cd2mazKeztvcHR0SkOD698Pphb1GhUSPbJ7OyO8nf29/PI59dhWRaKxaoPJiDVahG6rqNWO8Hubk3p5/7+gFjT3iGZfK008Doah4WdjTtjPiE2jFJoU6ocCkduJEHRemGOcy5An0GUDS2EcZgwFumKApFFwHfEq6tfIlWbFyYuRIW4DTs9kGGUhxM5KLT4qesQ6/onJBLLgembRDGIXuKVlfdIpdaftLxt+9f0GnYwgtS9tLW1gEIh7ghqU6Nx0J910xqqEvYUMmHbdWo2RzIhQZMWPse5hGX5hU/CJiXlAnJ7q5Zyt7xjLye2XUezGb6ceHtpsG5tKAVR1XTMLfR6PyOvWz4pEcKYybwcTA+xQPYnPfMdmPsLZDr9m87OQhfIf8PpUkgZxo0BAAAAAElFTkSuQmCC)}.components-i-guide:after{content:"";position:absolute;bottom:-20px;left:50%;width:0;height:14px;border:1px dashed #0068ff;transform:scaleY(2)}.components-i-guide:before{content:"";position:absolute;z-index:1;bottom:-30px;left:calc(50% - 6px);width:14px;height:14px;background:#fff;border-radius:50%;border:2px solid #0068ff}@media screen and (min-width:2160px){.components-i-guide{height:80px;box-shadow:0 10px 18px 0 rgba(0,104,255,.16);border-radius:18px;padding:2px}.components-i-guide>.box{padding:0 20px 0 24px;border-radius:16px 16px 16px 16px}.components-i-guide>.box>p{height:36px;font-size:28px;line-height:36px}.components-i-guide>.box>div{margin-left:10px;width:40px;height:40px}.components-i-guide:after{bottom:-40px;height:28px;border:2px dashed #0068ff}.components-i-guide:before{bottom:-60px;left:calc(50% - 12px);width:28px;height:28px;border:4px solid #0068ff}}