.image-container{position:relative;width:100%;max-width:800px;margin:auto}.clickable-image{width:100%}.relative.rounded-md.overflow-hidden.min-h-full.h-250{overflow:visible}.click-point{position:absolute;width:20px;height:20px;cursor:pointer;transform:translate(-50%,-50%)}.click-point:hover{background:red;opacity:.2}.popup-image-flex h4{font-size:25px;margin-bottom:15px}.popup-image-flex .left-txt a{text-decoration:underline;font-weight:600}.popup{display:none;position:fixed;background:#fff;padding:0 10px 25px;border:1px solid #ccc;top:24%;left:0;z-index:1000;width:900px;right:0;margin:0 auto}.popup-image-flex .left-txt a:hover{opacity:.7}.click-point.first-click{left:122px;top:200px;width:114px;height:84px;border-bottom:0}.close{cursor:pointer;color:red}.click-point.second-click{left:330px;width:81px;height:80px;top:99px;border-radius:50%}.click-point.third-click{left:333px;top:272px;width:126px;height:143px}.click-point.forth-click{left:468px;top:199px;width:90px;height:70px;transform:rotate(62deg)}.click-point.fifth-click{top:318px;left:116px;width:26px;height:46px;transform:rotate(-42deg)}.click-point.six-click{right:151px;bottom:185px;width:20px;height:103px}.click-point.seven-click{right:81px;bottom:245px;width:20px;height:37px}.click-point.eight-click{right:50px;bottom:52px;width:79px;height:90px}.click-point.nine-click{right:159px;bottom:63px;width:117px;height:89px}.click-point.ten-click{left:251px;bottom:151px;width:70px;height:41px}.click-point.eleven-click{left:134px;bottom:73px;width:75px;height:106px}.popup>h4{display:block;width:calc(100% - 30px);border-bottom:2px solid #C5C7C9;padding-bottom:0;font-size:20px;margin-left:15px;padding-top:20px;margin-bottom:15px}.popup-image-flex .left-txt{width:calc(100% - 408px);padding:0;font-size:14px}.popup-image-flex{display:flex;flex-direction:row;flex-wrap:wrap;align-items:start;column-gap:20px;padding-left:15px;padding-right:15px}.popup-image-flex .right-img{width:388px}.popup span.close{font-size:28px;text-align:right;width:100%;display:block;position:absolute;z-index:3;top:6px;right:0;padding-right:24px;color:#333}.image-popup-content.w-full{width:calc(100% - 650px);margin:0!important}.image-popup-img.w-full{width:650px;padding:0}.image-popup-flex.h-full.row{display:flex;margin:0!important;flex-wrap:wrap}.right-img{text-align:right!important;display:flex;justify-content:end;align-items:center}@media only screen and (max-width:1100px){.image-popup-img.w-full{width:510px;padding:0}.image-popup-content.w-full{width:calc(100% - 510px);margin:0!important}.click-point.first-click{left:94px;top:156px;width:90px;height:70px;border-bottom:0}.click-point.second-click{left:259px;width:64px;height:62px;top:77px;border-radius:50%}.click-point.third-click{left:262px;top:214px;width:99px;height:114px}.click-point.forth-click{left:369px;top:155px;width:69px;height:56px;transform:rotate(62deg)}.click-point.fifth-click{top:250px;left:91px;width:23px;height:38px;transform:rotate(-42deg)}.click-point.six-click{right:118px;bottom:143px;width:16px;height:85px}.click-point.seven-click{right:60px;bottom:188px;width:18px;height:30px}.click-point.eight-click{right:40px;bottom:38px;width:62px;height:72px}.click-point.nine-click{right:121px;bottom:48px;width:94px;height:72px}.click-point.ten-click{left:197px;bottom:118px;width:56px;height:33px}.click-point.eleven-click{left:104px;bottom:51px;width:60px;height:87px}.popup{top:10%}}@media only screen and (min-device-width: 480px) and (max-device-width: 980px) and (orientation: landscape){.popup{height:280px;background:#fff;overflow:scroll;top:30px}}@media only screen and (max-width:900px){.left-txt p br{display:none}.image-popup-img.w-full .relative.rounded-md{width:100%;max-width:510px;margin:0 auto}.image-popup-img.w-full{width:100%;padding:0}.right-img{text-align:center!important;justify-content:center}.image-popup-content.w-full{width:100%}img.absolute.top-0{position:relative!important;width:100%;height:auto!important;max-width:510px!important;object-fit:unset!important}.image-popup-content .w-full.max-w-460{margin:0 auto}.relative.rounded-md.overflow-hidden.min-h-full.h-250{padding:0!important;position:relative!important;height:100%}.popup{width:700px}}@media only screen and (max-width:700px){img.absolute.top-0{max-width:340px!important;object-fit:unset!important;margin:0 auto}.left-txt p br{display:none;text-align:justify}.container.h-full.relative:has(.image-popup-flex.h-full.row){padding:0}.image-popup-content.w-full{padding-left:20px;padding-right:20px}.click-point.first-click{left:108px;top:104px;width:63px;height:42px}.click-point.second-click{left:217px;width:43px;height:40px;top:51px}.click-point.third-click{left:219px;top:142px;width:68px;height:72px}.click-point.forth-click{left:291px;top:102px;width:46px;height:39px;transform:rotate(62deg)}.click-point.fifth-click{top:167px;left:106px;width:15px;height:24px}.click-point.six-click{right:120px;bottom:93px;width:13px;height:57px}.click-point.seven-click{right:83px;bottom:126px;width:15px;height:21px}.click-point.eight-click{right:63px;bottom:26px;width:46px;height:48px}.click-point.nine-click{right:127px;bottom:35px;width:62px;height:46px}.click-point.ten-click{left:176px;bottom:76px;width:38px;height:25px}.click-point.eleven-click{left:115px;bottom:37px;width:40px;height:56px}.popup{width:100%;max-height:550px;overflow:scroll}.popup-image-flex .right-img,.popup-image-flex .left-txt{width:100%}.popup-image-flex{row-gap:20px}.popup-image-flex .left-txt{padding:5px 0;text-align:left}}@media only screen and (max-width:450px){.relative.rounded-md.overflow-hidden.min-h-full.h-250{max-width:340px}.click-point.first-click{left:64px;top:104px;width:59px;height:42px}.click-point.second-click{left:173px}.click-point.third-click{left:174px;top:142px;width:67px;height:74px}.click-point.forth-click{left:246px;top:102px;width:46px;height:39px;transform:rotate(62deg)}.click-point.fifth-click{top:167px;left:60px;width:15px;height:24px}.click-point.six-click{right:76px;bottom:96px;width:13px;height:55px}.click-point.seven-click{right:39px;bottom:126px;width:13px;height:21px}.click-point.eight-click{right:20px;bottom:26px;width:46px;height:48px}.click-point.nine-click{right:82px;bottom:35px;width:62px;height:46px}.click-point.ten-click{left:131px;bottom:77px;width:38px;height:23px}.click-point.eleven-click{left:70px;bottom:37px;width:40px;height:56px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/click-popup.css.map */