section[data-custom-block="3d-map"] {margin:100px 0;}
section[data-custom-block="3d-map"]:not(.bg-none) {margin:0;}
section[data-custom-block="3d-map"]:not(.bg-none) .block-wrapper {padding:80px 0;}
section[data-custom-block="3d-map"] .heading {font-size:3.875rem;font-weight:600;margin-bottom:40px;line-height:120%;}
section[data-custom-block="3d-map"] h2.heading{font-size:3.5rem;}
section[data-custom-block="3d-map"] .text-content {font-size:1.125rem;font-weight:400;}

/*section[data-custom-block="3d-map"] .block-wrapper {margin:40px 0px;}*/
section[data-custom-block="3d-map"] .map {height:90vh;width:100%;border-radius:15px;overflow:hidden;}
section[data-custom-block="3d-map"] .map-popup-river-panel {background-color:#FFF;color:#000;font-size:16px;font-weight:600;}

section[data-custom-block="3d-map"] .page-back-button {font-size:16px;font-weight:600;margin-bottom:10px;display:inline-block;display:flex;flex-direction:row;gap:5px;align-items:center;}
section[data-custom-block="3d-map"] .page-back-button::before {content:'';display:block;width:20px;height:20px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url('../core/icons/down-arrow.svg');transform:rotate(90deg);}
section[data-custom-block="3d-map"] .page-back-button:hover {cursor:pointer;}

section[data-custom-block="3d-map"] .interactive-panel {position:relative;margin-top:40px;}
section[data-custom-block="3d-map"] .interactive-panel.fullscreen {position:fixed;height:100dvh;width:100dvw;top:0;left:0;right:0;bottom:0;margin:auto;z-index:99;background-color:#FFF;}
section[data-custom-block="3d-map"] .interactive-panel.fullscreen .map {margin:0;height:100%;}
section[data-custom-block="3d-map"] .interactive-panel .toolbar {position:absolute;z-index:8;right:20px;bottom:30px;display:flex;flex-direction:column;gap:10px;}
section[data-custom-block="3d-map"] .interactive-panel .toolbar.left {right:unset;left:20px;display:grid;grid-template-columns:auto auto;}
section[data-custom-block="3d-map"] .interactive-panel.fullscreen .toolbar {right:40px;}
section[data-custom-block="3d-map"] .interactive-panel .toolbar .fullscreen-button {aspect-ratio:1/1;display:block;width:100%;position:relative;border:0;background-color:#FFF;padding:0px 6px;appearance:none;outline:none;overflow:hidden;border-radius:100px;box-shadow: 0px 3px 6px #00000029;}
[data-theme="dark"] section[data-custom-block="3d-map"] .interactive-panel .toolbar .fullscreen-button {background-color:var(--bg);}
section[data-custom-block="3d-map"] .interactive-panel .toolbar .fullscreen-button::before {content:'';display:block;margin:auto;height:30px;width:30px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url('../core/icons/fullscreen.svg');}
[data-theme="dark"] section[data-custom-block="3d-map"] .interactive-panel .toolbar .fullscreen-button::before {filter:brightness(0) invert(1);}
section[data-custom-block="3d-map"] .interactive-panel .toolbar .fullscreen-button:hover {cursor:pointer;}
section[data-custom-block="3d-map"] .interactive-panel .zoom-bar {display:flex;flex-direction:column;background-color:#FFF;border-radius:15px;overflow:hidden;box-shadow: 0px 3px 6px #00000029;}
[data-theme="dark"] section[data-custom-block="3d-map"] .interactive-panel .zoom-bar {background-color:var(--bg);}
section[data-custom-block="3d-map"] .interactive-panel .zoom-bar .seperator {border-bottom:1px solid #00000029;width:100%;}
section[data-custom-block="3d-map"] .interactive-panel .zoom-bar button {width:100%;display:block;aspect-ratio:1/1;appearance:none;border:0;outline:none;overflow:hidden;background-color:transparent;padding:0px 6px;}
section[data-custom-block="3d-map"] .interactive-panel .zoom-bar button:hover {background-color:rgba(0,0,0,0.05);cursor:pointer;}
section[data-custom-block="3d-map"] .interactive-panel .zoom-bar button::before {content:'';display:block;margin:auto;height:25px;width:25px;background-repeat:no-repeat;background-position:center;background-size:auto 55%;}
[data-theme="dark"] section[data-custom-block="3d-map"] .interactive-panel .zoom-bar button:before {filter:invert(1);}
section[data-custom-block="3d-map"] .interactive-panel .zoom-bar button.zoom-in::before {background-image:url('../core/icons/plus.svg');}
section[data-custom-block="3d-map"] .interactive-panel .zoom-bar button.zoom-out::before {background-image:url('../core/icons/minus.svg');}

section[data-custom-block="3d-map"] .interactive-panel .pitch-bar {display:flex;flex-direction:column;background-color:#FFF;border-radius:15px;overflow:hidden;box-shadow: 0px 3px 6px #00000029;grid-column:1;grid-row:1;}
section[data-custom-block="3d-map"] .interactive-panel .pitch-bar button {width:100%;display:block;aspect-ratio:1/1;appearance:none;border:0;outline:none;overflow:hidden;background-color:transparent;padding:0px 6px;height:40px;width:40px;}
section[data-custom-block="3d-map"] .interactive-panel .pitch-bar button:hover {background-color:rgba(0,0,0,0.05);cursor:pointer;}
section[data-custom-block="3d-map"] .interactive-panel .pitch-bar button::before {content:'';display:block;margin:auto;height:25px;width:25px;background-repeat:no-repeat;background-position:center;background-size:auto 80%;}
[data-theme="dark"] section[data-custom-block="3d-map"] .interactive-panel .pitch-bar button:before {filter:invert(1);}
section[data-custom-block="3d-map"] .interactive-panel .pitch-bar button.pitch-up::before {background-image:url('../core/icons/down-arrow.svg');transform:rotate(180deg);}
section[data-custom-block="3d-map"] .interactive-panel .pitch-bar button.pitch-down::before {background-image:url('../core/icons/down-arrow.svg');}
section[data-custom-block="3d-map"] .interactive-panel .pitch-bar .seperator {border-bottom:1px solid #00000029;width:100%;}

section[data-custom-block="3d-map"] .interactive-panel .rotate-bar {display:flex;flex-direction:row;background-color:#FFF;border-radius:15px;overflow:hidden;box-shadow: 0px 3px 6px #00000029;grid-column:1 / span 2;grid-row:2;}
section[data-custom-block="3d-map"] .interactive-panel .rotate-bar button {width:100%;display:block;aspect-ratio:1/1;appearance:none;border:0;outline:none;overflow:hidden;background-color:transparent;padding:0px 6px;height:40px;width:40px;}
section[data-custom-block="3d-map"] .interactive-panel .rotate-bar button:hover {background-color:rgba(0,0,0,0.05);cursor:pointer;}
section[data-custom-block="3d-map"] .interactive-panel .rotate-bar button::before {content:'';display:block;margin:auto;height:25px;width:25px;background-repeat:no-repeat;background-position:center;background-size:auto 80%;}
[data-theme="dark"] section[data-custom-block="3d-map"] .interactive-panel .rotate-bar button:before {filter:invert(1);}
section[data-custom-block="3d-map"] .interactive-panel .rotate-bar button.rotate-left::before {background-image:url('../core/icons/down-arrow.svg');transform:rotate(90deg);}
section[data-custom-block="3d-map"] .interactive-panel .rotate-bar button.rotate-right::before {background-image:url('../core/icons/down-arrow.svg');transform:rotate(-90deg);}
section[data-custom-block="3d-map"] .interactive-panel .rotate-bar .seperator {border-right:1px solid #00000029;height:100%;}

@media (max-width:900px)
{
    section[data-custom-block="3d-map"]{margin:60px 0;}
    section[data-custom-block="3d-map"]:not(.bg-none) .block-wrapper {padding:60px 0;}
    section[data-custom-block="3d-map"] .text-content {font-size:1rem;}
    section[data-custom-block="3d-map"] .heading {font-size:1.875rem;margin-bottom:20px;}
    section[data-custom-block="3d-map"] h2.heading{font-size:1.5rem;}
}

@media (max-width:600px)
{
    section[data-custom-block="3d-map"] .map {height:75vh;}
}