.custom-image-points .image-points-with-text-grid{display:grid;grid-template-columns:1fr 1fr}.image-points-with-text-grid .image-container{position:relative}.image-container.image-points__item .custom-media{height:100%;position:relative;background:#f9f9f9}.image-container.image-points__item .custom-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply}.image-points__item .point__positions{position:absolute;top:0;right:0;bottom:0;left:0;padding:2.5rem}.point__positions .custom-image-dot{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-primary-button-text);color:var(--color-primary-button-background);position:absolute;transform:scale(1);transition:transform ease-in-out .5s;font-size:.75rem;z-index:2;font-weight:600}.point__positions .custom-image-dot:before{content:"";width:100%;height:100%;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:var(--color-primary-button-text);border:2px solid var(--color-primary-button-background);border-radius:50%;z-index:-1}.point__positions .custom-image-dot:after{content:"";width:1rem;height:1rem;position:absolute;top:calc(100% - 10px);left:10px;transform:rotate(45deg);background:var(--color-primary-button-background);z-index:-2}.point__positions .custom-image-dot.active{opacity:1;transform:scale(1.1);animation:pulse-animation 2s infinite}.image-points-with-text-grid .content-container{display:flex;align-items:center;padding:2.5rem}.image-points__item .inner-content{max-width:700px}.image-points__item .inner-content>*{margin:0 0 .625rem}.image-points__item .inner-content>*:last-child,.image-points__item .inner-content>*:only-child{margin:0}.image-points__item .inner-content>.points-list{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;margin:1.5rem 0 0}.image-points__item .inner-content>.points-list+*{margin:1.75rem 0 0}.points-list .point__item{display:flex;align-items:center;gap:1rem;cursor:pointer}.point__item .point_number{display:flex;align-items:center;justify-content:center;font-size:1.25rem;width:2.5rem;height:2.5rem;padding:.625rem;border-radius:50%;background:var(--color-primary-button-background);color:var(--color-primary-button-text);border:2px solid var(--color-primary-button-background);flex:0 0 2.5rem;cursor:pointer;font-weight:600}.point__item .point_details{display:flex;justify-content:center;flex-direction:column}.point__item .point_details>*{margin:0 0 .25rem}.point__item .point_details>*:last-child,.point__item .point_details>*:only-child{margin:0}@media (max-width: 1100px){.custom-image-points .image-points-with-text-grid{grid-template-columns:1fr}}@media (max-width: 989px){.content-container.image-points__item>.inner-content>.points-list{grid-template-columns:1fr;gap:1.25rem}.image-points-with-text-grid .content-container{padding:2rem}}@media (max-width: 749px){.image-points__item .point__positions{padding:1.25rem}.point__positions .custom-image-dot{width:2rem;height:2rem}.point__positions .custom-image-dot:after{width:.75rem;height:.75rem;top:calc(100% - 6px)}.point__positions .custom-image-dot,.point__positions .custom-image-dot.active{opacity:1;transform:scale(1.1);animation:pulse-animation 2s infinite}.image-points-with-text-grid .content-container{padding:1.25rem}.content-container.image-points__item>.inner-content>.points-list{grid-template-columns:1fr 1fr;gap:.75rem}.points-list .point__item{background:rgba(var(--color-background),.5);border-radius:2px;box-shadow:2px 9px 20px #0000001f;box-shadow:1px 1px 10px 3px #0000001f;padding:.5rem}.custom-image-points .image-with-text .global-media-settings,.custom-image-points .image-with-text .global-media-settings *{border-radius:0}.custom-image-points .points-list .grid__item{width:65%!important;max-width:65%!important}}@media (max-width: 560px){.content-container.image-points__item>.inner-content>.points-list{grid-template-columns:1fr}}@keyframes pulse-animation{0%{box-shadow:0 0 #01fe0099}to{box-shadow:0 0 0 10px #01fe0000}}.custom-image-points .point__1{top:40%;left:12%}.custom-image-points .point__2{bottom:30%;left:12%}.custom-image-points .point__3{top:43%;left:49%}.custom-image-points .point__4{top:54%;right:25%;left:auto}.custom-image-points .point__5{top:73%;left:33%}.custom-image-points .point__6{top:auto;bottom:25%;left:50%}.custom-image-points .point__1:after{bottom:10px;top:auto;right:-6px;left:auto;transform:rotate(45deg)}.custom-image-points .point__2:after{bottom:1.5rem;top:auto;left:50%;transform:translate(-50%) rotate(45deg)}.custom-image-points .point__3:after,.custom-image-points .point__4:after{left:50%;transform:translate(-50%) rotate(45deg)}.custom-image-points .point__5:after,.custom-image-points .point__6:after{left:50%;transform:translate(-50%) rotate(45deg);top:auto;bottom:calc(100% - 8px)}@media (min-width: 750px){.custom-image-points .point__1{top:63%;left:18%}.custom-image-points .point__2{bottom:calc(20% - .5rem);left:20%}.custom-image-points .point__3{top:49%;left:50%}.custom-image-points .point__4{top:60%;right:27%}.custom-image-points .point__6{bottom:16%}.custom-image-points .point__1:after{top:50%;right:-6px;left:auto;transform:translateY(-50%) rotate(45deg)}.custom-image-points .point__2:after{bottom:1.75rem}.custom-image-points .point__5:after{left:50%;transform:translate(-50%) rotate(45deg);top:auto;bottom:calc(100% - 10px)}.custom-image-points .point__6:after{left:50%;transform:translate(-50%) rotate(45deg);top:auto;bottom:calc(100% - 10px)}}@media (max-width: 1200px) and (min-width: 1101px){.custom-image-points .point__1{left:12%}.custom-image-points .point__2{bottom:17%;left:12%}.custom-image-points .point__3{top:47%;left:49%}.custom-image-points .point__4{top:57%}.custom-image-points .point__6{bottom:15%}}@media (max-width: 440px){.custom-image-points .point__1{top:60%;left:12%}.custom-image-points .point__2{bottom:13%;left:14%}.custom-image-points .point__6{bottom:10%}}@media (min-width: 440px) and (max-width: 750px){.custom-image-points .point__1{left:18%;top:63%}.custom-image-points .point__2{bottom:19%;left:16%}.custom-image-points .point__3{top:48%;left:50%}.custom-image-points .point__4{top:61%}.custom-image-points .point__6{bottom:15%}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/custom-image-points.css.map */