:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{overflow:hidden;position:relative}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute!important;text-align:center;width:100%;z-index:1}#brxe-zqnxca {grid-template-columns: 1fr 3fr; align-items: flex-start; align-content: flex-start}#brxe-zqnxca { background:var(--light); margin:0 auto; max-width:1200px; padding:var(--space-m); position:relative; width:100%; img { display:block; height:auto; width:100%; } &:hover .hover-zone { opacity:1; } .hover-zone { background:var(--primary-20); border:2px dashed var(--primary-50); cursor:help; opacity:0; position:absolute; transition:var(--bricks-transition); &:hover { background:transparent; border:2px dashed var(--primary); .tooltip { opacity:1; transform:translateY(0); visibility:visible; } } .tooltip { background:var(--dark); border-radius:4px; color:var(--light); max-width:min(300px, 80vw); opacity:0; padding:var(--space-s); position:absolute; text-align:left; transform:translateY(10px); transition:var(--bricks-transition); visibility:hidden; width:max-content; z-index:100; &.tooltip-top { bottom:100%; left:50%; margin-bottom:10px; transform:translateX(-50%) translateY(-10px); } &.tooltip-bottom { left:50%; margin-top:10px; top:100%; transform:translateX(-50%) translateY(10px); } &.tooltip-left { margin-right:10px; right:100%; top:50%; transform:translateY(-50%) translateX(0); } &.tooltip-right { left:100%; margin-left:10px; top:50%; transform:translateY(-50%) translateX(0px); } h3 { font-size:var(--text-m); font-weight:600; margin:0 0 0.5rem 0; } p { font-size:var(--text-s); line-height:1.2; margin:0; } } } @media (max-width: 768px) { .hover-zone .tooltip { border-radius:12px 12px 0 0; bottom:0 !important; left:0 !important; margin:0; max-width:100%; position:fixed; right:0 !important; top:auto !important; transform:none !important; width:100%; } }}.zone1, .zone2, .zone5, .zone6, .zone7 { left:7%; width:36.1%;} .zone1 { height:19%; top:18%;} .zone2 { height:9%; top:37.75%;} .zone3 { height:18%; left:7%; top:47.5%; width:24.5%;} .zone4 { height:18%; left:31.9%; top:47.5%; width:11.2%;} .zone5 { height:12%; top:66.2%;} .zone6 { height:6%; top:79%;} .zone7 { height:10%; top:86%;}.zone8, .zone9, .zone10 { left:55.8%;} .zone8 { height:42%; top:19%; width:36.1%;} .zone9, .zone10 { width:16%;} .zone9 { height:11%; top:61.5%;} .zone10 { height:18%; top:73%;} .zone11, .zone12, .zone13, .zone14 { left:72%; width:19.9%;} .zone11 { height:11.75%; top:61.5%;} .zone12 { height:7.5%; top:73.5%;} .zone13 { height:6%; top:81.25%;} .zone14 { height:8%; top:87.5%;}@media (max-width: 767px) {#brxe-zqnxca {grid-template-columns: 1fr}}