:is(body, #content, #content_index) .sn-map-facade { position: relative; box-sizing: border-box; width: 100%; height: 458px; overflow: hidden; border: 1px solid #dce9f0; border-radius: 12px; background: #edf4f8; box-shadow: 0 8px 25px rgba(23,72,100,.07); }
.sn-map-facade [hidden] { display: none !important; }
.sn-map-facade .map-facade { position: relative; isolation: isolate; width: 100%; height: 100%; color: #243b50; text-align: left; }
.sn-map-facade .map-facade-art { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.sn-map-facade .map-facade-cluster { position: absolute; top: 50%; left: 50%; display: flex; flex-direction: column; align-items: center; width: calc(100% - 36px); max-width: 300px; transform: translate(-50%, -50%); }
.sn-map-facade .map-facade-balloon { position: relative; z-index: 1; box-sizing: border-box; width: 100%; padding: 15px; border: 1px solid #e0e7e9; border-radius: 10px; background: #fff; box-shadow: 0 7px 24px rgba(38,68,82,.14); }
.sn-map-facade .map-facade-balloon::after { position: absolute; bottom: -8px; left: calc(50% - 7px); width: 14px; height: 14px; border-right: 1px solid #e0e7e9; border-bottom: 1px solid #e0e7e9; background: #fff; content: ''; transform: rotate(45deg); }
:is(body, #content, #content_index) .sn-map-facade .map-facade-title { margin: 0 0 6px; padding: 0; border: 0; color: #243b50; font: 600 14px/19px 'Trebuchet MS', Arial, sans-serif; letter-spacing: 0; text-transform: none; text-align: left; overflow-wrap: anywhere; }
:is(body, #content, #content_index) .sn-map-facade .map-facade-address { margin: 0 0 8px; color: #4e6878; font-size: 12px; line-height: 17px; overflow-wrap: anywhere; }
:is(body, #content, #content_index) .sn-map-facade .map-facade-area { margin: 0 0 12px; color: #788b95; font-size: 10px; line-height: 15px; }
.sn-map-facade .map-facade-area > span { display: inline; margin: 0; padding: 0 3px; color: #0099df; font-weight: normal; }
.sn-map-facade .map-facade-pin { position: relative; display: block; flex: 0 0 48px; width: 38px; height: 48px; margin: 17px 0 0; }
.sn-map-facade .map-facade-pin > svg { position: relative; display: block; filter: drop-shadow(0 3px 3px rgba(0,111,172,.2)); }
.sn-map-facade .map-facade-radius { position: absolute; z-index: -1; top: 18px; left: 50%; display: block; width: 320px; height: 320px; margin: 0; border: 1px solid rgba(0,153,223,.18); border-radius: 50%; background: radial-gradient(circle, rgba(0,159,238,.11), rgba(0,159,238,.025) 72%); transform: translate(-50%, -50%); }
.sn-map-facade .map-facade-btn { box-sizing: border-box; min-height: 35px; margin: 0; padding: 8px 13px; border: 1px solid #b6d8fc; border-radius: 7px; background: #f2f8ff; color: #0c63bf; font: 600 11px/17px 'Trebuchet MS', Arial, sans-serif; text-transform: none; cursor: pointer; }
.sn-map-facade .map-facade-btn:hover { background: #e1efff; }
.sn-map-facade .map-facade-btn:focus-visible { outline: 2px solid #007fbe; outline-offset: 3px; }
.sn-map-facade .map-facade-btn:disabled { opacity: .75; cursor: wait; }
:is(body, #content, #content_index) .sn-map-facade .map-facade-status { margin: 8px 0 0; color: #788b95; font-size: 10px; line-height: 14px; }
.sn-map-facade .map-facade-status:empty { display: none; }
.sn-map-facade .map-facade-canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.sn-map-facade .map-facade-canvas > ymaps { height: 100%; }
@media (max-width: 767px) {
    :is(body, #content, #content_index) .sn-map-facade { height: 300px; }
    .sn-map-facade .map-facade-radius { width: 260px; height: 260px; }
    .sn-map-facade .map-facade-balloon { padding: 12px; }
}