@import url(../../components/canvas/canvas.min.css);
@import url(../../components/filters/filters.min.css);
@import url(../../components/list/list.min.css);

.oc_map-wrap {
    margin: auto;
    width: 100%;
    max-width: 1600px;
}

.oc_map-map {
    display: flex;
    flex-direction: column-reverse;
    height: auto;
    background-color: #f5f5f5;
    border: 1px solid #cfcfcf;
}

@media(min-width: 768px){
    .oc_map-map {
        flex-direction: row;
        height: 50rem;
    }
}


/* REMOVE BEFORE LAUNCH */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

:root {
    --oc_map-purple: #484997;
    --oc_map-magenta: #b83060;
    --oc_map-magenta-lt: #c93970;
    --oc_map-orange: #de8c37;
    --oc_map-yellow: #e8c866;
    --oc_map-yellow-lt: #fff7de;
    --oc_map-gray: #474545;
    --oc_map-gray-lt: #929496;
}

* {
    box-sizing: border-box;
}

body {
    font-family: 'Source Sans 3', arial;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}