@charset "UTF-8";
.image-points-element .image-toggle-buttons{display:flex;justify-content:center;margin-bottom:2rem}.image-points-element .image-toggle-buttons .btn-group{background-color:var(--light-grey);border-radius:var(--border-radius-full);overflow:hidden}.image-points-element .image-toggle-buttons .btn-group .image-toggle-btn{background-color:transparent;border:none;color:var(--clr-secondary);margin:3px;padding:6px 12px;font-size:1rem;transition:all 0.2s ease}.image-points-element .image-toggle-buttons .btn-group .image-toggle-btn.active{background-color:var(--white);color:var(--clr-secondary);border-radius:var(--border-radius-xs)}.image-points-element .image-with-points{display:none}.image-points-element .image-with-points.active,.image-points-element .image-with-points:only-child{display:block}.image-points-element .image-container{position:relative;margin-bottom:2rem}.image-points-element .image-points{position:absolute;top:0;left:0;width:100%;height:100%}.image-points-element .image-point{position:absolute;transform:translate(-50%, -50%);z-index:10}.image-points-element .image-point .point-marker{width:30px;height:30px;background-color:#fff;border-radius:50%;cursor:pointer;transition:all 0.2s ease;position:relative;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(var(--white-rgb), 0.8)}100%{box-shadow:0 0 0 6px rgba(var(--white-rgb), 0)}}.image-points-element .image-point .point-content{display:none;position:absolute;top:50%;left:40px;transform:translateY(-50%);width:300px;background-color:var(--white);box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);z-index:20}.image-point[style*="left: 7"] .image-points-element .image-point .point-content,.image-point[style*="left: 8"] .image-points-element .image-point .point-content,.image-point[style*="left: 9"] .image-points-element .image-point .point-content{left:auto;right:30px}.image-point[style*="left: 7"] .image-points-element .image-point .point-content:after,.image-point[style*="left: 8"] .image-points-element .image-point .point-content:after,.image-point[style*="left: 9"] .image-points-element .image-point .point-content:after{left:auto;right:-10px;border-right:none;border-left:10px solid var(--white)}.image-points-element .image-point.active{z-index:30}.image-points-element .image-point.active .point-marker{background-color:var(--clr-primary);transform:scale(1.2);animation:none}.image-points-element .image-point.active .point-marker:after{font-family:"bootstrap-icons";content:"";font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;z-index:2}.image-points-element .image-point.active .point-content{display:block}.image-points-element .point-content-inner{padding:15px;position:relative}.image-points-element .point-content-inner h4{margin-top:0;margin-bottom:10px}.image-points-element .point-content-inner .point-text p,.image-points-element .point-content-inner .point-text p *{font-size:0.875rem;line-height:1.5;margin-bottom:0}@media (max-width:1199.98px){.image-points-element .point-content-inner .point-text p,.image-points-element .point-content-inner .point-text p *{font-size:0.813rem}}