.smartClickpoints .icon-loade-more{fill:var(--zepp-bghighlight-background-color)}.smartClickpoints__mainImage{position:relative}.smartClickpoints__mainImage .clickpoint{position:absolute;top:0;left:0;width:44px;height:44px;z-index:1;transform:translate(-22px, -22px);border-radius:50%;cursor:pointer}@media(max-width: 1620px){.smartClickpoints__mainImage .clickpoint{width:zeppFluidSizeOnly(63, 25, 1700, 414);height:zeppFluidSizeOnly(63, 25, 1700, 414)}}@media(max-width: 1026px){.smartClickpoints__mainImage .clickpoint{width:40px;height:40px}}@media(max-width: 699px){.smartClickpoints__mainImage .clickpoint{width:25px !important;height:25px !important}}@media(max-width: 449px){.smartClickpoints__mainImage .clickpoint{width:25px;height:25px}}.smartClickpoints__mainImage .clickpoint:hover{z-index:10 !important}.smartClickpoints__mainImage .clickpoint:hover .content{display:flex !important}@media(max-width: 699px){.smartClickpoints__mainImage .clickpoint:hover .content{display:none !important}}@media(max-width: 449px){.smartClickpoints__mainImage .clickpoint:hover .content{margin-left:-5px}}.smartClickpoints__mainImage .clickpoint .number-show{width:100%;height:100%;display:none;font-size:15px;align-items:center;justify-content:center}@media(max-width: 699px){.smartClickpoints__mainImage .clickpoint .number-show{display:flex}}.smartClickpoints__mainImage .clickpoint svg{width:43px;height:43px;pointer-events:none;border:1px solid #fff;border-radius:50%;pointer-events:none}@media(max-width: 1026px){.smartClickpoints__mainImage .clickpoint svg{width:40px;height:40px}}@media(max-width: 699px){.smartClickpoints__mainImage .clickpoint svg{display:none}}.smartClickpoints__mainImage .clickpoint .content{position:absolute;top:100%;left:50%;transform:translateX(-50%);display:none;padding:10px;z-index:10;padding-top:30px}.smartClickpoints__mainImage .clickpoint .content .dot{content:"";position:absolute;bottom:unset;top:25px;left:50%;transform:translateX(-50%) rotate(45deg);padding:10px;box-sizing:border-box;background-color:var(--zepp-bgweb2-background-color);z-index:1}.smartClickpoints__mainImage .clickpoint .content.popup-top{padding-bottom:30px;padding-top:0}.smartClickpoints__mainImage .clickpoint .content.popup-top .dot{content:"";position:absolute;top:unset;bottom:25px;left:50%;transform:translateX(-50%) rotate(45deg);padding:10px;box-sizing:border-box;background-color:var(--zepp-bgweb2-background-color)}.smartClickpoints__mainImage .clickpoint .content *{margin:0}.smartClickpoints__mainImage .clickpoint .content .content-inner{padding:12px 30px;box-sizing:border-box;display:flex;z-index:2;border-radius:6px;padding-bottom:9px}@media(max-width: 699px){.smartClickpoints__mainImage .clickpoint .content .content-inner{padding:10px}}.smartClickpoints__mainImage .clickpoint .content .content-inner .text-box{text-align:center;width:max-content}.smartClickpoints__mainImage .clickpoint .content .content-inner .text-box .headline{font-style:unset !important;margin-bottom:3px}.smartClickpoints__mainImage .clickpoint .content .image-box{width:133px;height:133px;min-width:133px}.smartClickpoints__mainImage .clickpoint .content .image-box+.right-box{padding-left:20px;display:flex}.smartClickpoints__mainImage .clickpoint .content .image-box img{width:100%;height:100%;object-fit:cover}.smartClickpoints__mainImage .clickpoint .content .introduction{margin-top:-2px;max-width:277px}.smartClickpoints__mainImage .clickpoint .content .linkbox{margin-top:7px}.smartClickpoints__mainImage .clickpoint .content .linkbox svg{width:22px;height:9px;fill:currentColor;color:currentColor;stroke:currentColor}.smartClickpoints__mainImage .clickpoint .content .linkbox a{transition:opacity .5s ease}@media(hover: hover){.smartClickpoints__mainImage .clickpoint .content .linkbox a:hover{color:currentColor;opacity:.7}}.smartClickpoints .clickpoints-preview{padding:20px}@media(max-width: 699px){.smartClickpoints .clickpoints-preview{padding:18px 22px 17px}}.smartClickpoints .clickpoints-preview .logged-in{max-height:70px}@media(min-width: 700px){.smartClickpoints .clickpoints-preview:not(.logged-in){display:none}}.smartClickpoints .clickpoints-preview .clickpoint-list-element{display:flex;align-items:center;border-bottom:1px solid currentColor;overflow:hidden}@media(max-width: 699px){.smartClickpoints .clickpoints-preview .clickpoint-list-element{margin-bottom:2.9px;border:0}}.smartClickpoints .clickpoints-preview .clickpoint-list-element:last-child{border:0}.smartClickpoints .clickpoints-preview .clickpoint-list-element.active .indicator:before{width:30px;height:30px;background-color:currentColor;border-radius:15px;content:"";top:calc(50% - 15px);left:2px;position:absolute}.smartClickpoints .clickpoints-preview .clickpoint-list-element .number{display:none;font-family:SourceSansPro,sans-serif;align-self:flex-start}@media(max-width: 699px){.smartClickpoints .clickpoints-preview .clickpoint-list-element .number{display:block;margin-right:6px}}.smartClickpoints .clickpoints-preview .clickpoint-list-element .icon-arrow-right-small{display:none;width:22px;height:9px;fill:currentColor;color:currentColor;stroke:currentColor}@media(max-width: 699px){.smartClickpoints .clickpoints-preview .clickpoint-list-element .icon-arrow-right-small{display:inline}}.smartClickpoints .clickpoints-preview .clickpoint-list-element .indicator{width:44px;min-height:54px;position:relative;cursor:pointer}@media(max-width: 1620px){.smartClickpoints .clickpoints-preview .clickpoint-list-element .indicator{width:zeppFluidSizeOnly(44, 36, 1700, 414)}}@media(max-width: 699px){.smartClickpoints .clickpoints-preview .clickpoint-list-element .indicator{display:none}}.smartClickpoints .clickpoints-preview .clickpoint-list-element .indicator:after{content:"";width:34px;height:34px;box-sizing:border-box;border-radius:17px;border:1px solid currentColor;top:calc(50% - 17px);left:0;position:absolute}.smartClickpoints .clickpoints-preview .clickpoint-list-element .delete-icon{width:44px;position:relative;cursor:pointer}@media(max-width: 699px){.smartClickpoints .clickpoints-preview .clickpoint-list-element .delete-icon{display:none}}.smartClickpoints .clickpoints-preview .clickpoint-list-element .delete-icon:after{content:"";width:100%;height:24px;box-sizing:border-box;top:calc(50% - 12px);left:0;position:absolute;background-position:center center;background-size:contain;background-repeat:no-repeat}.smartClickpoints .clickpoints-preview .clickpoint-list-element .content{width:calc(100% - 148px - 88px);flex:1;padding:17px 10px;box-sizing:border-box;line-height:20px}@media(max-width: 699px){.smartClickpoints .clickpoints-preview .clickpoint-list-element .content{font-family:SourceSansPro,sans-serif;width:auto;padding:0;flex:inherit;margin-right:2px;letter-spacing:2.5px;text-transform:uppercase}.smartClickpoints .clickpoints-preview .clickpoint-list-element .content p{display:inline;margin:0}}.smartClickpoints .clickpoints-preview .clickpoint-list-element .position{width:74px;padding:17px 10px;box-sizing:border-box;line-height:20px}@media(max-width: 699px){.smartClickpoints .clickpoints-preview .clickpoint-list-element .position{display:none}}.smartClickpoints .clickpoints-preview .clickpoint-list-element .position:last-child{padding-right:0}.smartClickpoints .submit-data{cursor:pointer;transition:opacity .3s linear}.smartClickpoints .submit-data.loading{pointer-events:none;opacity:.5}