.machine-focus{padding-top:6.4rem;padding-bottom:6.4rem;background:#f7f7f7;overflow:hidden}@media screen and (max-width: 767px){.machine-focus{padding-top:3rem;padding-bottom:3rem}}.machine-focus__grid{position:relative}.machine-focus__container{width:500px;margin:1rem 0 0;position:relative;left:calc((100% - 500px)/2);transition:transform .4s ease-in-out,left .4s ease-in-out;z-index:1}.machine-focus__container.activate{left:0}.machine-focus [data-focus-tooltip]{position:absolute}.machine-focus [data-focus-tooltip="1"]{top:44%;left:60%}.machine-focus [data-focus-tooltip="2"]{top:87%;left:38%}.machine-focus [data-focus-tooltip="3"]{top:24%;left:20%}.machine-focus [data-focus-tooltip="4"]{top:98%;left:46%}.machine-focus [data-focus-tooltip="5"]{top:90%;left:100%}.machine-focus [data-focus-tooltip="6"]{left:35%;top:60%}.machine-focus [data-focus-tooltip] span{display:block;width:20px;height:20px;border-radius:50%;position:relative;background-color:var(--color-blue);font-size:0;cursor:pointer}.machine-focus [data-focus-tooltip] span:after{content:"";position:absolute;top:0;width:100%;height:100%;background-color:inherit;border-radius:50%;z-index:-1;animation:ripple 1.5s ease-out infinite}.machine-focus [data-focus-tooltip] span:before{content:attr(data-number);font-size:1.2rem;line-height:20px;color:#fff;display:flex;width:100%;height:100%;justify-content:center;align-items:center}.machine-focus [data-focus-tooltip] div{opacity:0;white-space:nowrap;text-align:center;transition:opacity .2s ease-in-out;pointer-events:none;position:absolute}.machine-focus [data-focus-tooltip] lines{opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}.machine-focus [data-focus-tooltip] div h4{font-size:18px}.machine-focus [data-focus-tooltip] div p{font-size:14px;font-weight:300}.machine-focus [data-focus-tooltip] lines:after,.machine-focus [data-focus-tooltip] lines:before{content:"";position:absolute;background:var(--color-black)}.machine-focus [data-focus-tooltip="1"] lines:after{width:1px;height:20px;left:130px;top:9px}.machine-focus [data-focus-tooltip="1"] lines:before{width:100px;height:1px;top:9px;left:30px}.machine-focus [data-focus-tooltip="2"] lines:before{width:1px;height:30px;bottom:30px;left:9px}.machine-focus [data-focus-tooltip="2"] lines:after{width:100px;height:1px;bottom:60px;left:9px}.machine-focus [data-focus-tooltip="3"] lines:before{width:100px;height:1px;left:30px;top:9px}.machine-focus [data-focus-tooltip="3"] lines:after{width:1px;height:30px;left:130px;bottom:10px}.machine-focus [data-focus-tooltip="4"] lines:before{width:1px;height:15px;left:9px}.machine-focus [data-focus-tooltip="4"] lines:after{width:100px;height:1px;bottom:-15px;left:9px}.machine-focus [data-focus-tooltip="5"] lines:before{width:1px;height:75px;left:9px;bottom:30px}.machine-focus [data-focus-tooltip="5"] lines:after{width:50px;height:1px;top:-86px;right:10px}.machine-focus [data-focus-tooltip="6"] lines:before{width:100px;height:1px;left:30px;top:9px}.machine-focus [data-focus-tooltip="6"] lines:after{width:1px;height:30px;left:130px;top:9px}.machine-focus [data-focus-tooltip="1"] div{display:block;left:58.8px;top:32px;position:absolute}.machine-focus [data-focus-tooltip="2"] div{left:130px;bottom:18px}.machine-focus [data-focus-tooltip="3"] div{bottom:50px;left:55px}.machine-focus [data-focus-tooltip="4"] div{left:120px;top:0}.machine-focus [data-focus-tooltip="5"] div{bottom:48px;right:70px}.machine-focus [data-focus-tooltip="6"] div{left:44px;top:40px}.machine-focus [data-content]{opacity:0;width:250px;transition:opacity .3s ease-in-out;text-align:center}.machine-focus [data-content] summary{font-size:2rem;font-weight:500;letter-spacing:-.03em;margin-top:1.5rem}.machine-focus [data-content] summary span{display:none}.machine-focus [data-content] img{border-radius:100%}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(3)}}@media screen and (min-width: 768px){.machine-focus__content{position:absolute;right:0;top:0;width:calc(100% - 500px);height:100%;display:flex;align-items:center;justify-content:center}.machine-focus [data-content]{position:absolute;top:50%;transform:translateY(-50%)}}@media screen and (max-width: 767px){.machine-focus__container{max-width:90%;transform:none;left:0;margin:0 auto}.machine-focus [data-focus-tooltip] span{background-color:var(--color-blue)}.machine-focus [data-focus-tooltip] span:before{content:attr(data-number);font-size:12px}.machine-focus [data-content]{display:none;opacity:1;margin:0 auto;margin-top:6rem}}
/*# sourceMappingURL=/cdn/shop/t/425/assets/component-product__machine-focus.css.map */