/*
px / 15
*/
html {
    --new-app-topaz: #00BDB6;
    --new-app-topaz2: #133844;
    --new-app-iceberg: #d1f9f1;
    --new-app-light-gray: #ECEEF1;
    --new-app-french-grey: #B5BDC8;
    --new-app-elephant: #133844;
    --new-app-dark-blue: #0A2A34;
    --new-app-pink: #CD3572;
    --new-app-orange: #FD8153;
    --new-app-warm-blue: #5366E0;
}

html.js-zoom {
    font-size: 16px;
}

@media (min-width: 768px) {
    ::-webkit-scrollbar {
        height: .5rem;
        width: .7rem
    }

    ::-webkit-scrollbar-track {
        /*background: #133844;*/
    }

    ::-webkit-scrollbar-thumb {
        background-color: rgba(19, 56, 68, 0.5);
        border-radius: 1rem
    }
}


@media (max-height: 950px) or (max-width: 1200px) {
    html.js-zoom {
        font-size: 15px;
    }
}

@media (max-height: 775px) or (max-width: 999px) {
    html.js-zoom {
        font-size: 14px;
    }
}

@media (max-height: 714px) or (max-width: 850px) {
    html.js-zoom {
        font-size: 13px;
    }
}

@media (max-height: 685px) or (max-width: 768px) {
    html.js-zoom {
        font-size: 12px;
    }
}

body #new_app {
    line-height: 1.4;
    font-family: "Open Sans", sans-serif;
}


dl, ol, ul {
    margin: unset;
}


h1, h2, h3, h4, h5, h6, p {
    margin: unset;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Bitter", sans-serif;
}

a:hover {
    color: unset;
    text-decoration: none;
}

button:disabled,
button[disabled] {
    background-color: #dbdbdb;
    color: #666666;
}

button:disabled svg path,
button[disabled] svg path {
    fill: #fff;
}

a:focus, a:focus img, button:focus, .btn:focus, [role=button]:focus {
    outline: .2rem solid black !important;
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
}

.overflow_y_auto {
    overflow-y: auto;
}

.overflow_x_hidden {
    overflow-x: hidden;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.m_20 {
    margin: 1.333rem;
}

.m_10 {
    margin: .666rem;
}

.m_1 {
    margin: .0667rem;
}


.my_50 {
    margin-top: 3.333rem;
    margin-bottom: 3.333rem;
}

.my_40 {
    margin-top: 2.666rem;
    margin-bottom: 2.666rem;
}


.my_10 {
    margin-top: .666rem;
    margin-bottom: .666rem;
}

.my_5 {
    margin-top: .333rem;
    margin-bottom: .333rem;
}

.mx_24 {
    margin-left: 1.6rem;
    margin-right: 1.6rem;
}

.mx_20 {
    margin-left: 1.333rem;
    margin-right: 1.333rem;
}

.mx_15 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.mx_10 {
    margin-left: .666rem;
    margin-right: .666rem;
}

.mx_6 {
    margin-left: .4rem;
    margin-right: .4rem;
}

.mx_2 {
    margin-left: .133rem;
    margin-right: .133rem;
}

.mt_70 {
    margin-top: 4.666rem;
}

.mt_50 {
    margin-top: 3.333rem;
}

.mt_28 {
    margin-top: 1.866rem;
}

.mt_20 {
    margin-top: 1.333rem;
}

.mt_15 {
    margin-top: 1rem;
}

.mt_10 {
    margin-top: .666rem;
}

.mt_5 {
    margin-top: .333rem;
}

.mt_4 {
    margin-top: .666rem;
}

.mt_n_6 {
    margin-top: -.4rem;
}


@media (min-width: 768px) {
    .mt_smd_20 {
        margin-top: 1.333rem;
    }
}

.mb_20 {
    margin-bottom: 1.333rem;
}

.mb_8 {
    margin-bottom: .533rem;
}

.mb_4 {
    margin-bottom: .266rem;
}

.ms_40 {
    margin-left: 2.666rem;
}

@media (min-width: 576px) {
    .mb_sm_55 {
        margin-bottom: 3.667rem;
    }
}

.ms_24 {
    margin-left: 1.6rem;
}

.ms_20 {
    margin-left: 1.333rem;
}

.ms_18 {
    margin-left: 1.2rem;
}

.ms_15 {
    margin-left: 1rem;
}

.ms_14 {
    margin-left: .933rem;
}

.ms_10 {
    margin-left: .666rem;
}

.ms_6 {
    margin-left: .4rem;
}

.ms_4 {
    margin-left: .266rem;
}

@media (min-width: 576px) {
    .ms_sm_24 {
        margin-left: 1.6rem !important;
    }

    .ms_sm_15 {
        margin-left: 1rem !important;
    }

    .ms_sm_8 {
        margin-left: 0.533rem !important;
    }
}

.me_24 {
    margin-right: 1.6rem;
}

.me_20 {
    margin-right: 1.333rem;
}

.me_10 {
    margin-right: .666rem;
}

.me_8 {
    margin-right: .533rem;
}

.me_2 {
    margin-right: .133rem;
}

@media (min-width: 576px) {
    .me_sm_10 {
        margin-right: 0.667rem !important;
    }
}

.p_21 {
    padding: 1.4rem;
}

.p_20 {
    padding: 1.333rem;
}

.p_20_important {
    padding: 1.333rem !important;
}

.p_18 {
    padding: 1.2rem;
}

.p_16 {
    padding: 1.066rem;
}

.p_15 {
    padding: 1rem;
}

.p_14 {
    padding: .933rem;
}

.p_12 {
    padding: .8rem;
}

.p_10 {
    padding: .666rem;
}

.p_8 {
    padding: .533rem;
}

.p_5 {
    padding: .333rem;
}

.p_1 {
    padding: .0667rem;
}

.px_60 {
    padding-left: 4rem;
    padding-right: 4rem;
}

.px_20 {
    padding-left: 1.333rem;
    padding-right: 1.333rem;
}

.px_18 {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.px_14 {
    padding-left: .933rem;
    padding-right: .933rem;
}

.px_12 {
    padding-left: .8rem;
    padding-right: .8rem;
}

.px_10 {
    padding-left: .666rem;
    padding-right: .666rem;
}

.px_8 {
    padding-left: .666rem;
    padding-right: .666rem;
}

@media (min-width: 992px) {
    .py_lg_10 {
        padding-top: .666rem;
        padding-bottom: .666rem;
    }
}

@media (min-width: 576px) {
    .p_sm_15 {
        padding: 1rem;
    }

    .p_sm_10 {
        padding: 0.667rem;
    }
}

.py_40 {
    padding-top: 2.666rem;
    padding-bottom: 2.666rem;
}

.py_30 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.py_24 {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
}

.py_20 {
    padding-top: 1.333rem;
    padding-bottom: 1.333rem;
}

.py_16 {
    padding-top: 1.066rem;
    padding-bottom: 1.066rem;
}

.py_14 {
    padding-top: .933rem;
    padding-bottom: .933rem;
}

.py_12 {
    padding-top: .8rem;
    padding-bottom: .8rem;
}

.py_10 {
    padding-top: .666rem;
    padding-bottom: .666rem;
}

.py_6 {
    padding-top: .4rem;
    padding-bottom: .4rem;
}

.py_5 {
    padding-top: .333rem;
    padding-bottom: .333rem;
}

.pt_5 {
    padding-bottom: .333rem;
}

.pb_60 {
    padding-bottom: 4rem;
}

.pb_12 {
    padding-bottom: .8rem;
}

.pb_10 {
    padding-bottom: .666rem;
}

.ps_40 {
    padding-left: 2.666rem;
}

.ps_26 {
    padding-left: 1.733rem;
}

.ps_20 {
    padding-left: 1.333rem;
}


.ps_15 {
    padding-left: 1rem;
}

.ps_7 {
    padding-left: .466rem;;
}

.ps_4 {
    padding-left: .266rem;;
}

@media (min-width: 576px) {
    .ps_sm_7 {
        padding-left: 0.533rem !important;
    }
}

@media (min-width: 992px) {
    .ps_lg_15 {
        padding-left: 1rem !important;
    }
}

.pe_30 {
    padding-right: 2rem;
}

.pe_20 {
    padding-right: 1.333rem;
}

.pe_8 {
    padding-right: .533rem;
}


.fs_48 {
    font-size: 3.2rem;
}

.fs_30 {
    font-size: 2rem;
}

.fs_28 {
    font-size: 1.866rem;
}

.fs_24 {
    font-size: 1.6rem;
}

.fs_20 {
    font-size: 1.333rem;
}

.fs_18 {
    font-size: 1.066rem;
}

.fs_16 {
    font-size: 1.066rem;
}

.fs_15 {
    font-size: 1rem;
}

.fs_14 {
    font-size: .9333rem;
}

.fs_12 {
    font-size: .8rem;
}

.fs_11 {
    font-size: .733rem;
}

.fs_10 {
    font-size: .714rem;
}

@media (min-width: 576px) {
    .fs_sm_48 {
        font-size: 3.2rem;
    }

    .fs_sm_24 {
        font-size: 1.6rem;
    }

    .fs_sm_20 {
        font-size: 1.333rem;
    }

    .fs_sm_16 {
        font-size: 1.066rem;
    }

    .fs_sm_15 {
        font-size: 1rem;
    }
}

@media (min-width: 768px) {
    .fs_md_20 {
        font-size: 1.333rem;
    }
}

.fw_500, .font-weight-semibold {
    font-weight: 500;
}

.fw_700 {
    font-weight: 700;
}

@media (min-width: 768px) {
    .w_lg_245 {
        width: 16.333rem !important;
    }
}

@media (min-width: 992px) {
    .w_lg_245 {
        width: 16.333rem !important;
    }
}

.w_80 {
    width: 5.333rem;
}

.w_75 {
    width: 5rem;
}

.w_60 {
    width: 4rem;
}

.w_58 {
    width: 3.866rem;
}

.w_40 {
    width: 2.666rem;
}

.w_35 {
    width: 2.333rem;
}

.w_32 {
    width: 2.133rem;
}

.w_30 {
    width: 2rem;
}

.w_28 {
    width: 1.867rem;
}

.w_25 {
    width: 1.667rem;
}

.w_23 {
    width: 1.533rem;
}

.w_19 {
    width: 1.266rem;
}

.w_18 {
    width: 1.2rem;
}

.w_15 {
    width: 1rem;
}

@media (min-width: 992px) {
    .w_lg_23_percent {
        width: 23% !important;
    }
}


@media (min-width: 576px) {
    .min_w_sm_360 {
        min-width: 24rem;
    }

    .w_sm_30 {
        width: 2rem;
    }

    .w_sm_32 {
        width: 2.133rem;
    }
}

.max_w_1280 {
    max-width: 85.333rem;
}

.h_200 {
    height: 13.333rem;
}

.h_195 {
    height: 13rem;
}

.h_140 {
    height: 9.333rem;
}

.h_120 {
    height: 8rem;
}

.h_95 {
    height: 6.333rem;
}

.h_80 {
    height: 5.333rem;
}

.h_48 {
    height: 3.2rem;
}

.h_40 {
    height: 2.666rem;
}

.h_58 {
    height: 3.866rem;
}

.h_35 {
    height: 2.333rem;
}

.h_32 {
    height: 2.133rem;
}

.h_30 {
    height: 2rem;
}

.h_28 {
    height: 1.867rem;
}

.h_24 {
    height: 1.6rem;
}

.h_19 {
    height: 1.266rem;
}

.h_18 {
    height: 1.2rem;
}

.h_16 {
    height: 1.066rem;
}

.max_h_65_vh {
    max-height: 65vh;
}

.min_h_100 {
    min-height: 100%;
}

.h_90 {
    min-height: 6rem;
}

.top_214 {
    top: 14.266rem;
}

.top_110 {
    top: 7.333rem;
}

.top_10 {
    top: .666rem;
}

.top_6 {
    top: .4rem;
}

.top_0 {
    top: 0rem;
}

.bottom_32 {
    bottom: 2.133rem;
}

.bottom_23 {
    bottom: 1.533rem;
}

.bottom_10 {
    bottom: .666rem;
}

.bottom_0 {
    bottom: 0;
}

.right_10 {
    right: .666rem;
}

.right_0 {
    right: 0;
}

.left_23 {
    left: 1.533rem;
}

.left_10 {
    left: .666rem;
}

.left_0 {
    left: 0rem;
}

.border_2 {
    border: solid .133rem white;
}

.border_1 {
    border: solid .066rem white;
}

.border_0 {
    border: 0;
}

.border_l_4 {
    border-left-width: .266rem;
    border-left-style: solid;
}

.border_l_4 {
    border-left-width: .266rem;
    border-left-style: solid;
}

.border_b_1 {
    border-bottom: solid .133rem white;
}

.border_topaz {
    border-color: var(--new-app-topaz);
}

.border_transparent {
    border-color: transparent;
}

.border_dark_blue {
    border-color: var(--new-app-dark-blue);
}

.border_elephant {
    border-color: var(--new-app-elephant);
}

.border_french_grey {
    border-color: var(--new-app-french-grey);
}

.border_pink {
    border-color: var(--new-app-pink);
}

.border_orange {
    border-color: var(--new-app-orange);
}

.border_warm_blue {
    border-color: var(--new-app-warm-blue);
}

.border_topaz {
    border-color: var(--new-app-topaz);
}

.border_radius_4 {
    border-radius: .266rem;
}

.border_radius_b_4 {
    border-bottom-right-radius: .266rem;
    border-bottom-left-radius: .266rem;
}

.bg_transparent {
    background-color: transparent;
}

.bg_light_gray {
    background-color: var(--new-app-light-gray);
}

body.high-contrast .bg_light_gray, body.dyslexia-high-contrast .bg_light_gray {
    background-color: black;
}

.bg_iceberg {
    background-color: var(--new-app-iceberg);
}

body.high-contrast .bg_iceberg, body.dyslexia-high-contrast .bg_iceberg {
    background-color: black;
}

.bg_elephant {
    background-color: var(--new-app-elephant);
}

.bg_topaz {
    background-color: var(--new-app-topaz2);
}

.bg_white_opacity_08 {
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
}

.text_topaz {
    color: var(--new-app-topaz);
}

.text_elephant {
    color: var(--new-app-elephant);
}

.text_black {
    color: #000;
}

.text_line_clamp_8 {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 575px) {
    .text_line_clamp_8 {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

.text_line_clamp_7 {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text_line_clamp_3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.d_grid_1 {
    display: grid;
    grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
    grid-template-columns: repeat(4, 1fr);
    gap: .666rem
}

body.text-spacing-2 .d_grid_1, body.text-spacing-3 .d_grid_1, html.zoom-4 .d_grid_1, html.zoom-3 .d_grid_1 {
    grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 999px) {
    .d_grid_1 {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem
    }
}

@media (max-width: 440px) {
    .d_grid_1 {
        grid-template-columns: repeat(1, 1fr);
		
        grid-template-columns: repeat(2, 1fr);
		gap: 0.5rem;
    }
	.d_grid_1 .p_20.w-100.top_text {
		padding: 1rem;
	}
	.d_grid_1 .p_20.w-100.bottom_btn {
		padding: 0.25rem 1rem 1rem 1rem;
	}
	.d_grid_1 .p_20.w-100.top_text h4 {
		font-size: 1.2rem;
	}
	.d_grid_1 .bottom_btn .fs_16 {
		font-size: 0.9rem;
		text-align: left;
	}
}
@media (max-width: 360px) {
	
}
@media (max-width: 320px) {
    .d_grid_1 {
        grid-template-columns: repeat(1, 1fr);
    }
}


.filtr-container {
    padding: 1.333rem !important;
    /*width: calc(100% - 1rem) !important;*/
    width: 100% !important;
}

.filtr-container .filtr-item {
    height: 21rem;
    width: calc(100% / 5);
}

body.text-spacing-2 .filtr-container .filtr-item, body.text-spacing-3 .filtr-container .filtr-item, html.zoom-4 .filtr-container .filtr-item, html.zoom-3 .filtr-container .filtr-item {
    width: calc(100% / 4);
}


@media (max-width: 1150px) {
    .filtr-container .filtr-item {
        height: 19rem;
        width: calc(100% / 4);
    }

    body.text-spacing-2 .filtr-container .filtr-item, body.text-spacing-3 .filtr-container .filtr-item, html.zoom-4 .filtr-container .filtr-item, html.zoom-3 .filtr-container .filtr-item {
        width: calc(100% / 3);
    }
}

@media (max-width: 999px) {
    .filtr-container .filtr-item {
        height: 17rem;
        width: calc(100% / 3);
    }

    body.text-spacing-2 .filtr-container .filtr-item, body.text-spacing-3 .filtr-container .filtr-item, html.zoom-4 .filtr-container .filtr-item, html.zoom-3 .filtr-container .filtr-item {
        width: calc(100% / 2);
    }
}

@media (max-width: 670px) {
    .filtr-container .filtr-item {
        height: 13rem;
        width: calc(100% / 2);
    }

    body.text-spacing-2 .filtr-container .filtr-item, body.text-spacing-3 .filtr-container .filtr-item, html.zoom-4 .filtr-container .filtr-item, html.zoom-3 .filtr-container .filtr-item {
        width: calc(100% / 1);
    }

    .filtr-container {
        width: calc(100% + 0.666rem) !important;
    }
}

@media (max-width: 340px) {
    .filtr-container .filtr-item {
        height: 14rem;
        width: 100%;
    }
}

@media (max-width: 575px) {
    .thumbnail_view_filter {
        gap: 1.067rem;
    }

    .thumbnail_view_filter {
        background-color: transparent !important;
    }

    .thumbnail_view_filter > div {
        border-radius: 0.333rem !important;
        width: 50% !important;
    }
}


.object_fit_cover {
    object-fit: cover;
}

.hover_2 {
    transition: all .5s;
}

.hover_2:hover {
    text-decoration: none;
    box-shadow: 0px 0.4rem 1rem 0px rgb(0 0 0 / 25%);
}

.hover_2 img {
    transition: all .5s;
}

.hover_2:hover img {
    transform: scale(1.07);
}


.z_1000000 {
    z-index: 1000000;
}

.z_1 {
    z-index: 1;
}

.cursor_pointer {
    cursor: pointer;
}

@media (max-width: 1575px) {
    .text_center_1575px {
        text-align: center;
    }
}


.intro_right {
    width: 100%;
    height: 100%;
    padding: .666rem .666rem .666rem 0rem;
    border-radius: .266rem;
    position: relative;
}

.intro_right img {
    border-radius: .266rem;
}

@media (max-width: 768px) {
    .intro_right {
        border-radius: 0;
        padding: 0;
    }

    .intro_right img {
        filter: blur(4px);
        border-radius: 0rem;
    }
}

.intro_left {
    width: 26rem;
    padding: .666rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
    overflow-y: auto;
}

@media (max-width: 768px) {
    .intro_left {
        position: absolute;
        margin: auto;
        z-index: 1;
        background: white;
        height: 100%;
    }
}

@media (max-width: 435px) {
    .intro_left {
        width: 100%;
    }
}

.intro_left .intro_card {
    border-radius: .266rem;
}

.intro_left .intro_card a:hover {
    text-decoration: none;
    color: var(--new-app-topaz) !important;
    background-color: #1c4554;
    transition: all .25s;
}

.intro_left .intro_card a:hover svg path {
    fill: var(--new-app-topaz);
    transition: all .25s;
}

.intro_left .intro_card a {
    text-decoration: none;
}

.logo_intro {
    width: 100%;
    height: 100%;
    max-width: 14.666rem;
    max-height: 3.066rem;
    object-fit: contain;
}

.high-contrast .logo_intro {
    background-color: yellow;
}

.bg_img_intro_right {
    background: url("../webp/bg_introc4ca.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bg_img_map {
    background: url("../png/bg_map.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: var(--new-app-elephant);
}

.bg_img_map_2 {
    background: url("../png/bg_map2.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: var(--new-app-elephant);
}

.bg_vector {
    position: absolute;
    right: 0;
    top: 0;
}

body.dyslexia-high-contrast .bg_vector, body.high-contrast .bg_vector {
    display: none !important;
}

.vertical_line {
    width: .1333rem;
    background-color: var(--new-app-dark-blue);
    height: 2.666rem;

}

.text_truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


#new_app, #new_app > div {
    display: none;
}

body:has(#new_app.active) #new_app {
    display: block;
}

body:has(#new_app > .intro.active) .intro {
    display: flex;
}

body:has(#new_app > .search.active) .search {
    display: flex;
}

body:has(#new_app > .choose.active) .choose {
    display: flex;
}


.back_btn {
    display: none;
}

@media (max-width: 575px) {
    .back_btn.active button {
        background-color: white;
        width: 3.7rem;
        height: 3.7rem;
        padding: .6rem;
    }
}

.back_btn.active {
    display: flex;

}

body:has(.new_map.active) .back_btn {
    display: none;
}

body:has(#mini_map.active) .back_btn {
    display: flex;
}

.back_btn.active button {
    background-color: white;
}

body:has(#new_app > .search.active) .back_btn.active button {
    background-color: var(--new-app-light-gray);
}

@media (max-width: 575px) {
    .back_btn.active::before {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        background: rgb(125 125 125 / 70%);
        height: 6.4rem;
        backdrop-filter: blur(4px);

        opacity: 0;
        pointer-events: none;
    }

    body:has(.map_sidebar #map_sidebar_btn:checked ) .back_btn, body:has(.map_sidebar #map_sidebar_btn:checked ) .sidebar_menu {
        visibility: hidden !important;
        z-index: -99;
    }
}

.sidebar_menu.active {
    display: block;
}

/* flip-box */
.flip-box {
    perspective: 1000px;
    cursor: pointer;
    height: 100%;
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flip-box.active_rotate .flip-box-inner {
    transform: rotateX(-180deg);
}

.flip-box-front, .flip-box-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-box.active_rotate .flip-box-back {
    visibility: visible;
}

@media (max-width: 575px) {

    .flip-box-front, .flip-box-back {
        border-radius: 0;
        border: 0;
        background-color: #EAEEF1 !important;
        color: #202529 !important;
    }

    .flip-box-front svg path, .flip-box-back svg path {
        fill: #133844 !important;
    }

    .flip-box .text_line_clamp_8 {
        color: #202529 !important;
    }
}


.flip-box-back {
    transform: rotateX(-180deg);
    visibility: hidden;
}

.flip-box-close {
    position: absolute;
    right: .7rem;
    top: .5rem;
    width: 1.5rem;
}

@media (max-width: 999px) {
    .flip-box-close {
        right: 1rem;
    }
}

@media (max-width: 768px) {
    .flip-box-close {
        /*right: 1.5rem;*/
    }
}

@media (max-width: 575px) {
    .flip-box-close {
        top: 0rem;
        right: .5rem;
    }
}

body:has(.map_sidebar #map_sidebar_btn:checked ) .topright {
    visibility: hidden !important;
}

.topright {
    position: absolute;
    width: auto;
    right: .09rem;
    top: 0;
    z-index: 999999;
    color: #ffffff;
    font-size: 1rem;
    transition: all 0ms ease-in-out;
    direction: rtl;
    background-color: unset;
    padding: 0.667rem 0.533rem;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    z-index: 1000001;
    visibility: visible !important;
}


body:has(div#new_app.active):has(.intro.active) .topright {
    right: .666rem;
    top: .666rem;
    padding: 0;
}

body:has(.new_map.active) .topright {
    visibility: hidden !important;
}

@media (max-width: 575px) {
    .topright {
        top: 0rem;
        padding: .4rem;
    }
}

.topright .topright_btn {
    color: #ffffff;
    cursor: pointer;
    background: var(--new-app-elephant);
    margin: .1rem;
    padding: 0;
    width: 2.666rem;
    height: 2.666rem;
    border-radius: .266rem;
}

.topright button img, .topright .topright_btn svg {
    width: 1.73rem;
    height: 1.73rem;
}

#fullscreen_btn {
    padding: .18rem;
}

#menu_btn_parent {
    display: none;
}


body:has(.search.active) .select2-container {
    z-index: 9999999;
}

body:has(.search.active) .select2-results__option {
    padding: 6px 4px 9px 6px;
    vertical-align: middle;
}

body:has(.search.active) .select2-results__option:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border: 2px solid var(--new-app-warm-blue);
    border-radius: .266rem;
    background-color: transparent;
    margin-right: 0.7rem;
    vertical-align: middle;
}

body:has(.search.active) .select2-results__option.select2-results__option--selected:before {
    font-family: fontAwesome;
    content: "\f00c";
    color: #fff;
    background-color: var(--new-app-warm-blue);
    border: 0;
    padding: 0px;
    display: inline-flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    margin-right: 0.7rem;
    align-items: center;
    padding-top: 0.19rem;
}

body:has(.search.active) .select2-results__option.select2-results__option--selected {
    background-color: #fff;
}

body:has(.search.active) .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #eaeeff;
    color: var(--new-app-elephant);
}

body:has(.search.active) .select2-container--default .select2-selection--multiple {
    margin-bottom: 0;
}

body:has(.search.active) .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: .266rem;
}


body:has(.search.active) .select2-container--default .select2-selection--multiple {
    border-width: 0;
    background-color: var(--new-app-light-gray);
    display: flex;
    padding: 0;
}

body:has(.search.active) .select2-container--open .select2-dropdown--below {
    border-radius: .4rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

}

@media (max-width: 575px) {
    body:has(.search.active) .select2-container--open .select2-dropdown--below {
        position: fixed;
        left: 2rem;
        right: 2rem;
        width: auto !important;
    }
}

body:has(.search.active) .select2-selection .select2-selection--multiple:after {
    content: 'hhghgh';
}

body:has(.search.active) .select2-container--default .select2-results > .select2-results__options {
    padding: .2rem;
    background-color: var(--new-app-light-gray);
    border: 0;
    color: var(--new-app-elephant);
    border-radius: .266rem;
}

body:has(.search.active) .select2-container .select2-search--inline .select2-search__field {
    height: auto;
    margin: auto;
    padding: 0;
    font-family: unset;
    font-size: 1rem;
    align-content: center;
}

@media (max-width: 700px) {
    body:has(.search.active) .select2-container .select2-search--inline .select2-search__field {
        width: 100% !important;
    }
}

@media (max-width: 600px) {
    body:has(.search.active) .select2-container .select2-search--inline .select2-search__field {
        width: 100% !important;
        font-size: 0.9rem;
        height: 100%;
    }
}

body:has(.search.active) .select2-container .select2-selection--multiple .select2-selection__rendered {
    margin: auto 0 auto 0;
}

body:has(.search.active).high-contrast .select2-container .select2-selection--multiple .select2-selection__rendered {
    background-color: black;
}

@media (max-width: 700px) {
    body:has(.search.active) .select2-container .select2-selection--multiple .select2-selection__rendered {
        display: none;
    }
}

body:has(.search.active) .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #eaeeff;
    border: 1px solid var(--new-app-warm-blue);
    border-radius: .266rem;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
}

body:has(.search.active).dyslexia-high-contrast .select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #ffffff;
    background: #263238;
}

body:has(.search.active) .select2-container--default .select2-selection--multiple .select2-selection__choice__remov {
    background-color: #eaeeff;
    border: none;
    border-right: 1px solid var(--new-app-warm-blue);
    border-top-left-radius: .266rem;
    border-bottom-left-radius: .266rem;
    color: var(--new-app-warm-blue);
    padding: 0 .27rem;
}

body:has(.search.active) .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: .14rem;
    padding-right: .34rem;
    color: var(--new-app-warm-blue);
    background: #eaeeff;
    white-space: break-spaces;
}

body:has(.search.active).high-contrast .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    color: yellow;
    background: #000;
}

body:has(.search.active).dyslexia-high-contrast .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    color: #ffffff;
    background: #263238;
}

body:has(.search.active) .select2-container--default .select2-selection--multiple .select2-selection__clear {
    color: var(--new-app-warm-blue);
    background: #eaeeff;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    border: 1px solid var(--new-app-warm-blue);
    padding: 0;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

@media (max-width: 700px) {
    body:has(.search.active) .select2-container--default .select2-selection--multiple .select2-selection__clear {
        display: none;
    }
}

.search_header {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: baseline;
}

@media (max-width: 575px) {
    .search_header {
        margin-bottom: .4rem;
    }

    .search_body {
        overflow: auto;
    }
}


.sidebar_menu {
    height: 100%;
    width: 0rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000001;
    display: none;
}

.sidebar_menu .sidebar_menu_btn {
    position: absolute;
    left: .666rem;
    top: .666rem;
    background: var(--new-app-elephant);
    color: #fff;
    height: 6rem;
    width: 5.333rem;
    z-index: 9999;
    border: 0px solid var(--new-app-elephant);
    border-radius: .266rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

body:has(.back_btn.active) .sidebar_menu .sidebar_menu_btn {
    left: .666rem;
    top: 7.666rem;
}

body:has(#new_map.active) .sidebar_menu .sidebar_menu_btn {
    top: 7.666rem;
}

body:has(#new_map.active) #sidebar_menu_btn:checked ~ .sidebar_menu_btn {
    top: .666rem;
}

@media (max-width: 575px) {
    body:has(.back_btn.active) .sidebar_menu .sidebar_menu_btn {
        left: .666rem;
        top: 4.666rem;
    }

    .sidebar_menu .sidebar_menu_btn {
        left: 0.666rem;
        top: 0.666rem;
        height: 3.7rem;
        width: 3.7rem;
    }

    body:has(#new_map.active) .sidebar_menu .sidebar_menu_btn {
        top: 4.666rem;
    }

    body:has(#mini_map.active) .sidebar_menu .sidebar_menu_btn {
        left: 0.6rem;
    }
}

#sidebar_menu_btn:checked ~ .sidebar_menu_btn {
    left: 22.8rem !important;
    top: .666rem;
}

@media (max-width: 575px) {
    #sidebar_menu_btn:checked ~ .sidebar_menu_btn {
        left: 22.7rem !important;
    }
}

@media (max-width: 340px) {
    #sidebar_menu_btn:checked ~ .sidebar_menu_btn {
        left: 19.8rem !important;
        height: 4rem;
        width: 4rem;
    }
}

.sidebar_menu .sidebar_menu_btn div {
    position: absolute;
    transform: 0;
    transition: all 0.3s ease;
    display: flex;
    justify-content: space-evenly;
    align-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: .7rem 0 .2rem 0;
}

@media (max-width: 575px) {
    .sidebar_menu .sidebar_menu_btn div {
        padding: 0;
    }

    .sidebar_menu .sidebar_menu_btn div svg {
        padding: .2rem .3rem 0px .3rem;

    }
}

.sidebar_menu .sidebar_menu_btn .sidebar_menu_btn_open {
    opacity: 0;
    padding: .5rem 0 .2rem 0;
}

#sidebar_menu_btn:checked ~ .sidebar_menu_btn .sidebar_menu_btn_open {
    opacity: 1;
}

@media (max-width: 575px) {
    #sidebar_menu_btn:checked ~ .sidebar_menu_btn .sidebar_menu_btn_open {
        padding: .6rem;
    }
}

#sidebar_menu_btn:checked ~ .sidebar_menu_btn .sidebar_menu_btn_open svg {
    transform: rotate(-180deg);
}

@media (max-width: 575px) {
    #sidebar_menu_btn:checked ~ .sidebar_menu_btn .sidebar_menu_btn_open svg {
        padding: 0;
    }
}

#sidebar_menu_btn:checked ~ .sidebar_menu_btn .sidebar_menu_btn_close {
    opacity: 0;
}

#sidebar_menu_btn:checked ~ .sidebar_menu_btn .sidebar_menu_btn_close svg {
    transform: rotate(180deg);
}

#sidebar_menu_body {
    position: fixed;
    background: transparent;
    height: 100%;
    width: 23rem;
    overflow: hidden;
    left: -23rem;
    transition: all 0.3s ease;
    visibility: hidden;
}

@media (max-width: 340px) {
    #sidebar_menu_body {
        width: 20rem;
    }
}

#sidebar_menu_btn:checked ~ #sidebar_menu_body {
    left: 0;
    visibility: visible;
}

#sidebar_menu_btn:checked ~ #sidebar_menu_body .sidebar_menu_body_bg {
    width: 0;
    height: 0;
}

@media (max-width: 575px) {
    #sidebar_menu_btn:checked ~ #sidebar_menu_body .sidebar_menu_body_bg {
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.01);
        z-index: -1;
    }
}

#sidebar_menu_body .sidebar_hover {
    transition: all .5s;
    background-color: transparent;
}

#sidebar_menu_body .border_elephant.sidebar_hover:hover {
    background-color: rgba(19, 56, 68, 0.07)
}

#sidebar_menu_body .border_pink.sidebar_hover:hover {
    background-color: rgba(205, 53, 114, 0.07);
}

#sidebar_menu_body .border_pink button[aria-expanded="true"], #sidebar_menu_body .border_pink:hover button {
    color: var(--new-app-pink);
}

#sidebar_menu_body .border_orange.sidebar_hover:hover {
    background-color: rgba(253, 129, 83, 0.07);
}

#sidebar_menu_body .border_orange button[aria-expanded="true"], #sidebar_menu_body .border_orange:hover button {
    color: var(--new-app-orange);
}

#sidebar_menu_body .border_warm_blue.sidebar_hover:hover {
    background-color: rgba(83, 102, 224, 0.07);
}

#sidebar_menu_body .border_warm_blue button[aria-expanded="true"], #sidebar_menu_body .border_warm_blue:hover button {
    color: var(--new-app-warm-blue);
}

.accordion .card-header .arrow_icon::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.41376" y="5.65704" width="10" height="2" transform="rotate(45 1.41376 5.65704)" fill="%23133844"/><rect x="5.65579" y="12.7281" width="10" height="2" transform="rotate(-45 5.65579 12.7281)" fill="%23133844"/></svg>');
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s;
}

.accordion .card-header .arrow_icon:not(.collapsed)::after {
    transform: rotate(-180deg);
    background-position-y: -3px;
}

.accordion .card-header.border_pink:hover .arrow_icon::after, .accordion .card-header.border_pink .arrow_icon[aria-expanded="true"]::after {
    background-image: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.41376" y="5.65704" width="10" height="2" transform="rotate(45 1.41376 5.65704)" fill="%23CD3572"/><rect x="5.65579" y="12.7281" width="10" height="2" transform="rotate(-45 5.65579 12.7281)" fill="%23CD3572"/></svg>');
}

.accordion .card-header.border_orange:hover .arrow_icon::after, .accordion .card-header.border_orange .arrow_icon[aria-expanded="true"]::after {
    background-image: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.41376" y="5.65704" width="10" height="2" transform="rotate(45 1.41376 5.65704)" fill="%23FD8153"/><rect x="5.65579" y="12.7281" width="10" height="2" transform="rotate(-45 5.65579 12.7281)" fill="%23FD8153"/></svg>');
}

.accordion .card-header.border_warm_blue:hover .arrow_icon::after, .accordion .card-header.border_warm_blue .arrow_icon[aria-expanded="true"]::after {
    background-image: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.41376" y="5.65704" width="10" height="2" transform="rotate(45 1.41376 5.65704)" fill="%235366E0"/><rect x="5.65579" y="12.7281" width="10" height="2" transform="rotate(-45 5.65579 12.7281)" fill="%235366E0"/></svg>');
}

.accordion.accordion_items > .card, .accordion.accordion_items > .card:not(:last-of-type) {
    border: 0;
    border-bottom: solid .133rem rgba(10, 42, 52, 0.2);
}

.accordion_items .card-header > button::before {
    flex-shrink: 0;
    width: .8rem;
    height: .8rem;
    content: "";
    background-image: url('data:image/svg+xml,%3Csvg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect x="12" y="7" width="12" height="2" transform="rotate(180 12 7)" fill="%23133844"/%3E%3Crect x="7" width="12" height="2" transform="rotate(90 7 0)" fill="%23133844"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: .8rem;
    transition: all 0.35s;
    margin-right: .6rem;
    background-position: center;
}

body.dyslexia-high-contrast .accordion_items .card-header > button::before {
    background-color: white !important;
}

.accordion_items .card-header > button[aria-expanded="true"]::before {
    background-image: url('data:image/svg+xml,<svg width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="12" y="2" width="12" height="2" transform="rotate(180 12 2)" fill="%23133844"/></svg>')
}

.accordion_items .card-body {
    padding: 0 0 0 1.4rem
}

.accordion_items .card-body button .visited {
    display: none;
}

.accordion_items .card-body button.visited .svg_visited {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

header {
    display: none;
}

.bottomleft {
    bottom: .666rem;
    left: .666rem;
    display: flex;
    width: calc(100% - 12rem);
    height: 6rem;
}

@media (max-width: 575px) {
    .bottomleft {
        width: 100%;
        height: 6.5rem;
    }
}

.bottomleft .bottomleft_btn {
    display: none;
}

#related_spaces_btn {
    display: none;
}


.related_scenes {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    max-height: calc(100% - 1.333rem);
    width: calc(100% - 1.333rem);
    position: absolute;
    left: .666rem;
    bottom: .666rem;
    z-index: 999999999;
    border-radius: .266rem;
    display: flex;
    justify-content: center;
    transition: all .7s;
    opacity: 0;
    overflow-y: auto;
    height: fit-content !important;
    visibility: hidden !important;
}


.related_scenes.active {
    opacity: 1;
    visibility: visible !important;
}

.safari_browser .related_scenes.active {
    min-height: calc(100% - 1.333rem);
}

.related_scenes_close {
    position: absolute;
    top: .266rem;
    right: .266rem;
    width: 2.933rem;
    height: 2.933rem;
    background-color: var(--new-app-elephant);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .266rem;
    border: 0;
}

.related_scenes_body {
    height: 100%;
    display: flex;
    max-width: 82rem;
    width: 100%;
    height: 100%;
    flex-direction: column;
    padding: 1.866rem 1.6rem;
}

.related_scenes_body_items {
    margin-top: 1.866rem;
    display: grid;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(6, 1fr);
    gap: 2rem
}

@media (max-width: 800px) {
    .related_scenes_body_items {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 700px) {
    .related_scenes_body_items {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 575px) {
    .related_scenes_body_items {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 500px) {
    .related_scenes_body_items {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 300px) {
    .related_scenes_body_items {
        grid-template-columns: repeat(1, 1fr);
    }
}

body.dyslexia-high-contrast .related_scenes_body {
    background-color: black;
}

body.dyslexia-high-contrast .related_scenes_body_items {
    grid-template-columns: repeat(4, 1fr);
    background-color: black;
}

@media (max-width: 800px) {
    body.dyslexia-high-contrast .related_scenes_body_items {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 700px) {
    body.dyslexia-high-contrast .related_scenes_body_items {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    body.dyslexia-high-contrast .related_scenes_body_items {
        grid-template-columns: repeat(1, 1fr);
    }
}

.related_scenes_body_items button {
    border: 0;
    background-color: transparent;
    overflow: hidden;
}

.related_scenes_body_items button figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.related_scenes_body_items button:hover figure::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.related_scenes_body_items button figure svg {
    position: absolute;
    bottom: .666rem;
    left: .666rem;
    z-index: 1;
    opacity: 0;
}

.related_scenes_body_items button.visited h6, .related_scenes_body_items button.visited figure img {
    opacity: .6;
}

.related_scenes_body_items button.visited figure svg {
    opacity: 1;
}

#new_map_container {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

#new_map_container:has(.new_map.active) {
    visibility: visible;
    z-index: 1000000;
}

.new_map {
    position: absolute;
    z-index: 1000000;
    background: white;
    display: flex;
    visibility: hidden;
    flex-direction: column;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.new_map.active {
    visibility: unset;

}

#mini_map {
    display: none;
}

#mini_map.new_map {
    display: flex;
    width: calc(100% - 2rem);
    height: calc(100vh - 27rem);
    position: relative;
    margin-left: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media (max-width: 600px) {
    #mini_map.new_map {
        height: calc(100vh - 30rem);
    }
}

#pills-tabContent, #pills-tabContent .tab-pane {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    overflow: hidden;
}

.tab-content > .tab-pane {
    display: none;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
}

.tab-content > .active {
    display: block;
    visibility: unset;
    pointer-events: auto;
    opacity: 1;
}

.nav_pills_body {
    position: absolute;
    bottom: .666rem;
    left: auto;
    right: auto;
    margin: auto;
    display: flex;
    flex-direction: column-reverse;
    z-index: 9999999;
    font-size: 15px;
}

@media (max-width: 400px) {
    .nav_pills_body {
        font-size: .9rem;
    }
}

@media (max-width: 350px) {
    .nav_pills_body {
        flex-direction: column-reverse;
    }

    .nav_pills_body > button {
        margin: .26rem 0 !important;
    }
}

#pills-tab {
    padding: .133rem;
    background-color: white;
    border-radius: .266rem;
}

#pills-tab button {
    background-color: white;
    border-radius: .266rem;
    border: 0;
}

#pills-tab button.active {
    background-color: var(--new-app-elephant);
}

.map_sidebar {
    height: 100%;
    width: 0rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000000;
    display: block;
}

.map_sidebar .map_sidebar_btn {
    position: absolute;
    right: .666rem;
    top: .666rem;
    background: var(--new-app-elephant);
    color: #fff;
    height: 6rem;
    width: 5.333rem;
    z-index: 9999;
    border: 1px solid var(--new-app-elephant);
    border-radius: .266rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

@media (max-width: 575px) {
    .map_sidebar .map_sidebar_btn {
        height: 2.9rem;
        width: 2.9rem;
    }
}

#map_sidebar_btn:checked ~ .map_sidebar_btn {
    right: 25.55rem;
    top: .666rem;
}

@media (max-width: 768px) {
    #map_sidebar_btn:checked ~ .map_sidebar_btn {
        right: 22.55rem;
    }
}


.map_sidebar .map_sidebar_btn div {
    position: absolute;
    transform: 0;
    transition: all 0.3s ease;
    display: flex;
    justify-content: space-evenly;
    align-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: .5rem 0 .2rem 0;
}

@media (max-width: 575px) {
    .map_sidebar .map_sidebar_btn div {
        padding: .4rem;
    }
}

.map_sidebar .map_sidebar_btn .map_sidebar_btn_open {
    opacity: 0;
}

#map_sidebar_btn:checked ~ .map_sidebar_btn .map_sidebar_btn_open {
    opacity: 1;
}

@media (max-width: 575px) {
    #map_sidebar_btn:checked ~ .map_sidebar_btn .map_sidebar_btn_open {
        margin-right: .17rem;
    }
}

#map_sidebar_btn:checked ~ .map_sidebar_btn .map_sidebar_btn_open svg {
    /*transform: rotate(-180deg);*/
}

#map_sidebar_btn:checked ~ .map_sidebar_btn .map_sidebar_btn_close {
    opacity: 0;
}

#map_sidebar_btn:checked ~ .map_sidebar_btn .map_sidebar_btn_close svg {
    /*transform: rotate(-180deg);*/
}

#map_sidebar_body {
    position: fixed;
    background: transparent;
    max-height: 100%;
    height: fit-content;
    width: 26rem;
    overflow: hidden;
    right: -26rem;
    transition: all 0.3s ease;
    visibility: hidden;
}

@media (max-width: 768px) {
    #map_sidebar_body {
        width: 23rem;
        right: -23rem;
    }
}

#map_sidebar_btn:checked ~ #map_sidebar_body {
    right: 0;
    visibility: visible;
    height: auto;
}

#map_sidebar_btn:checked ~ #map_sidebar_body .map_sidebar_body_bg {
    width: 0;
    height: 0;
}

@media (max-width: 575px) {
    #map_sidebar_btn:checked ~ #map_sidebar_body .map_sidebar_body_bg {
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.01);
        z-index: -1;
    }
}

#map_sidebar_body .sidebar_hover {
    transition: all .5s;
    background-color: white;
}

#map_sidebar_body .border_elephant.sidebar_hover:hover {
    background-color: rgba(19, 56, 68, 0.07)
}

#map_sidebar_body .border_pink.sidebar_hover:hover {
    background-color: rgba(205, 53, 114, 0.07);
}

#map_sidebar_body .border_pink button[aria-expanded="true"], #map_sidebar_body .border_pink:hover button {
    color: var(--new-app-pink);
}

#map_sidebar_body .border_orange.sidebar_hover:hover {
    background-color: rgba(253, 129, 83, 0.07);
}

#map_sidebar_body .border_orange button[aria-expanded="true"], #map_sidebar_body .border_orange:hover button {
    color: var(--new-app-orange);
}

#map_sidebar_body .border_warm_blue.sidebar_hover:hover {
    background-color: rgba(83, 102, 224, 0.07);
}

#map_sidebar_body .border_warm_blue button[aria-expanded="true"], #map_sidebar_body .border_warm_blue:hover button {
    color: var(--new-app-warm-blue);
}

#map_sidebar_body .card {
    --new-app-map-checkbox-active: var(--new-app-elephant);
}

#map_sidebar_body .card.type_pink {
    --new-app-map-checkbox-active: var(--new-app-pink);
}

#map_sidebar_body .card.type_orange {
    --new-app-map-checkbox-active: var(--new-app-orange);
}

#map_sidebar_body .card.type_warm_blue {
    --new-app-map-checkbox-active: var(--new-app-warm-blue);
}

#map_sidebar_body .sidebar_hover {
    transition: all .5s;
}


#map_sidebar_body .sidebar_hover:hover {
    background-color: rgba(255, 255, 255, 0.5)
}

.map_page_close {
    display: none;
}

.map_page_close button {
    height: 6rem;
    width: 5.333rem;
}

@media (max-width: 575px) {
    .map_page_close {
        top: .666rem;
        left: .666rem;
    }

    .map_page_close button {
        height: 3.7rem;
        width: 3.7rem;
    }
}

body:has(.new_map.active) .map_page_close {
    display: flex;
}

body:has(#mini_map.active) .map_page_close {
    display: none;
}

@media (max-width: 575px) {
    body:has(#map_sidebar_btn:checked) .map_page_close {
        display: none;
    }
}

#mini_map.active .map_sidebar {
    z-index: -1 !important;
}

.checkbox_wrapper_1 .cbx {
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin-bottom: 0;
    color: var(--new-app-map-checkbox-active);
    position: relative;
    width: 100%;
    display: inline-flex;
}

.checkbox_wrapper_1 .cbx span {
    display: inline-block;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
}

.checkbox_wrapper_1 .cbx span:first-child {
    position: relative;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    transform: scale(1);
    vertical-align: middle;
    border: 1px solid var(--new-app-map-checkbox-active);
    transition: all 0.2s ease;
}

.checkbox_wrapper_1 .cbx span:first-child svg {
    position: absolute;
    z-index: 1;
    top: 0.3rem;
    left: .27rem;
    fill: none;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
    width: 1rem;
    height: 1rem;
}

.checkbox_wrapper_1 .cbx span:first-child:before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--new-app-map-checkbox-active);
    display: block;
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
    transition-delay: 0.2s;
}

.checkbox_wrapper_1 .cbx:hover span:first-child {
    border-color: var(--new-app-map-checkbox-active);
}

.checkbox_wrapper_1 .inp-cbx:checked + .cbx span:first-child {
    border-color: var(--new-app-map-checkbox-active);
    background: var(--new-app-map-checkbox-active);
    animation: check_1 0.6s ease;
}

.has_selected_item .card-header .checkbox_wrapper_1 .inp-cbx + .cbx span:first-child {
    border-color: var(--new-app-map-checkbox-active);
    background: var(--new-app-map-checkbox-active);
    animation: check_1 0.6s ease;
    opacity: 1;
}


.checkbox_wrapper_1 .inp-cbx:checked + .cbx span:first-child:before {
    transform: scale(2.2);
    opacity: 0;
    transition: all 0.6s ease;
}

.checkbox_wrapper_1 .inp-cbx + .cbx span:first-child svg path {
    fill: transparent;
}

.card-header .checkbox_wrapper_1 .inp-cbx + .cbx span:first-child svg:last-child {
    display: none;
}

.has_selected_item .card-header .checkbox_wrapper_1 .inp-cbx + .cbx span:first-child svg:first-child {
    display: none;
}

.has_selected_item .card-header .checkbox_wrapper_1 .inp-cbx + .cbx span:first-child svg:last-child {
    display: block;
}

.has_selected_item .card-header .checkbox_wrapper_1 .inp-cbx + .cbx span:first-child svg:last-child path {
    fill: white;
}

.checkbox_wrapper_1 .inp-cbx:checked + .cbx span:first-child svg path {
    fill: white;
}

.checkbox_wrapper_1.checkbox_1_small .cbx span:first-child {
    transform: scale(.9);
}

.checkbox_wrapper_1 .cbx span:last-child {
    flex: 1;
}

@keyframes check_1 {
    50% {
        transform: scale(1.2);
    }
}

#map_sidebar_body .accordion > .card > .card-header {
    margin: 0;
}

#map_sidebar_body .accordion .card-header button {
    color: var(--new-app-map-checkbox-active);
}

#map_sidebar_body .accordion .card-header button:focus {
    border: 0;
    box-shadow: none;
}

#map_sidebar_body .accordion .card-header button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.41376" y="5.65704" width="10" height="2" transform="rotate(45 1.41376 5.65704)" fill="%23133844"/><rect x="5.65579" y="12.7281" width="10" height="2" transform="rotate(-45 5.65579 12.7281)" fill="%23133844"/></svg>');
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s;
    margin-top: 4px;
}

#map_sidebar_body .accordion .card-header button:not(.collapsed)::after {
    transform: rotate(-180deg);
    background-position-y: -3px;
}

#map_sidebar_body .accordion .card.type_pink .card-header button::after {
    background-image: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.41376" y="5.65704" width="10" height="2" transform="rotate(45 1.41376 5.65704)" fill="%23CD3572"/><rect x="5.65579" y="12.7281" width="10" height="2" transform="rotate(-45 5.65579 12.7281)" fill="%23CD3572"/></svg>');
}

#map_sidebar_body .accordion .card.type_orange .card-header button::after {
    background-image: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.41376" y="5.65704" width="10" height="2" transform="rotate(45 1.41376 5.65704)" fill="%23FD8153"/><rect x="5.65579" y="12.7281" width="10" height="2" transform="rotate(-45 5.65579 12.7281)" fill="%23FD8153"/></svg>');
}

#map_sidebar_body .accordion .card.type_warm_blue .card-header button::after {
    background-image: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.41376" y="5.65704" width="10" height="2" transform="rotate(45 1.41376 5.65704)" fill="%235366E0"/><rect x="5.65579" y="12.7281" width="10" height="2" transform="rotate(-45 5.65579 12.7281)" fill="%235366E0"/></svg>');
}

.checkbox_switch {

    width: 2.266rem;
    height: 1.333rem;
}

.checkbox_switch input[type="checkbox"] {
    visibility: hidden;
    display: none;
}

.checkbox_switch *,
.checkbox_switch ::after,
.checkbox_switch ::before {
    box-sizing: border-box;
}

.checkbox_switch .switch {
    width: 2.266rem;
    height: 1.333rem;
    position: relative;
    display: inline-block;
    margin: 0;
}

.checkbox_switch .slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 6.666rem;
    box-shadow: 0 0 0 .133rem var(--new-app-elephant), 0 0 .133rem var(--new-app-elephant);
    cursor: pointer;
    border: .2rem solid transparent;
    overflow: hidden;
    transition: 0.2s;
}

body.dyslexia-high-contrast .checkbox_switch .slider, body.high-contrast .checkbox_switch .slider {
    box-shadow: 0 0 0 .133rem #fff, 0 0 .133rem #fff;

}

.checkbox_switch .slider:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--new-app-elephant);
    border-radius: 6.666rem;
    transform: translateX(-2rem);
    transition: 0.2s;
}

body.dyslexia-high-contrast .checkbox_switch .slider:before, body.high-contrast .checkbox_switch .slider:before {
    background-color: #fff

}


.checkbox_switch input:checked + .slider:before {
    transform: translateX(0rem);
    background-color: var(--new-app-topaz);
}

.checkbox_switch input:checked + .slider {
    box-shadow: 0 0 0 .133rem var(--new-app-topaz), 0 0 6px var(--new-app-topaz);
}


.BPIcClose {
    display: none;
}

.has_menu_selected_level {
    display: flex;
}

@media (max-width: 575px) {
    .has_menu_selected_level {
        display: flex;
        align-items: center;
    }

    .has_menu_selected_level button {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
    }
}


html.zoom-2 .has_menu_selected_level button, html.zoom-3 .has_menu_selected_level button, html.zoom-4 .has_menu_selected_level button,
body.text-spacing-3 .has_menu_selected_level button, body.text-spacing-2 .has_menu_selected_level button,
body.dyslexia-high-contrast .has_menu_selected_level button {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

@media (max-width: 575px) {
    .has_menu_selected_level {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        overflow: hidden;
    }

    .has_menu_selected_level_3 {
        width: 100%;
    }

}

html.zoom-2 .has_menu_selected_level_3, html.zoom-3 .has_menu_selected_level_3, html.zoom-4 .has_menu_selected_level_3,
body.text-spacing-3 .has_menu_selected_level_3, body.text-spacing-2 .has_menu_selected_level_3,
body.dyslexia-high-contrast .has_menu_selected_level_3 {
    width: 100%;
}


.list-menu-title {
    background: var(--new-app-elephant);
    font-size: 1.5rem;
}

.list-menu-item a {
    font-size: 1.4rem;
}

.leaflet-touch .leaflet-bar a {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.5rem;
}

@media (max-width: 575px) {
    .scene_title {
        width: calc(100% - 15.5rem);
        min-width: auto;
        max-width: 100%;
    }

    body.load_by_deep_link .scene_title {
        width: calc(100% - 7.5rem);
    }
}

.high-contrast h6, .high-contrast h5, .high-contrast h4, .high-contrast h3, .high-contrast h2, .high-contrast h1, .high-contrast .fs_48, .high-contrast .fs_28, .high-contrast .fs_24, .high-contrast .fs_20, .high-contrast .fs_18, .high-contrast .fs_16, .high-contrast .fs_15, .high-contrast .fs_14 {
    background-color: #111111 !important;
    color: yellow !important;
}


.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg {
    background-color: #000000;
    opacity: .7;
}

.jconfirm-box-container {
    max-width: 24rem;
}

.jconfirm .jconfirm-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 0.571rem;
    border: 0.071rem solid #ffffff !important;
    background: #ECEEF1;
    max-width: 28rem;
}

.jc-bs3-row.row.justify-content-md-center.justify-content-sm-center.justify-content-xs-center.justify-content-lg-center {
    justify-content: center;
}

.jconfirm .jconfirm-box div.jconfirm-title-c, .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    font-size: 1rem;
    text-align: center;
}

.jconfirm .jconfirm-box.jconfirm-type-green {
    border-top: solid 1px #fff !important;
}

body.dyslexia-high-contrast .jconfirm .jconfirm-box.jconfirm-type-green {
    background-color: #263238 !important;
}

.jconfirm .jconfirm-box .jconfirm-buttons button {
    background-color: var(--new-app-elephant);
    color: #FFF;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    padding: 0.571rem 1rem;
    border-radius: 0.286rem;
    text-transform: unset !important;
}

body .jconfirm .jconfirm-box .jconfirm-buttons button.btn-cancel {
    border: 1px solid var(--new-app-elephant) !important;
    background-color: #ECEEF1;
    color: var(--new-app-elephant);
}

body .accessibility_tab_parent.circle_style .thumb_popup label {
    box-sizing: border-box;
    display: block;
    position: absolute;
    opacity: 1;
    left: 50%;
    top: -20%;
    width: auto;
    height: auto;
    transform-origin: left center;
    transform: rotate(35deg) translate(-50px, -50%) scale(0.6);
    border-radius: 4px;
    padding: 5px 5px 4px 8px;
    transition: opacity .5s, transform .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #171717 !important;
    min-height: 34px;
}

body .accessibility_tab_parent.circle_style.hovering .thumb_popup label, body .accessibility_tab_parent.circle_style:hover .thumb_popup label, body .accessibility_tab_parent.circle_style:has(.accessibility_tab[focused=true]) .thumb_popup label {
    opacity: 1;
    transform: rotate(0deg) translate(-50%, -100%) scale(1);
}

@media (hover: none) {
    .accessibility_tab_parent.circle_style:has(.accessibility_tab[focused=true]) .thumb_popup label {

        transform: rotate(0deg) translate(-50%, -100%) scale(1);
    }
}

body .accessibility_tab_parent.circle_style .thumb_popup label:before {
    content: url('data:image/svg+xml,<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.86602 10.5C7.48112 11.1667 6.51887 11.1667 6.13397 10.5L0.93782 1.5C0.55292 0.833332 1.03405 -2.67268e-07 1.80385 -1.9997e-07L12.1962 7.08554e-07C12.966 7.75852e-07 13.4471 0.833334 13.0622 1.5L7.86602 10.5Z" fill="%23171717"/></svg>');
    box-sizing: border-box;
    display: block;
    position: absolute;
    opacity: 0;
    width: 100%;
    left: 0;
    right: 0;
    top: auto;
    bottom: -12px;
    margin: auto;
    display: flex;
    border: 0px solid #83a3b2;
    transform-origin: center;
    transform: scale(0.85);
    border-radius: 10px;
    transition: opacity .5s, transform .7s;
    justify-content: center;
    align-items: center;
}

body .accessibility_tab_parent.circle_style .thumb_popup label:after {
    content: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="22" height="22" rx="4" fill="white"/><path d="M9.25 16.5L14.75 11L9.25 5.5" stroke="%23FD8153" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    position: relative;
    display: inline-flex;
    margin-left: 6px;
}

body .accessibility_tab_parent.circle_style .thumb_popup .thumb {
    border-color: #171717 !important;
}

body .accessibility_tab_parent.circle_style .thumb_popup:before {
    border-color: #171717 !important;
}


body.text-spacing-2 .fs_48, body.text-spacing-3 .fs_48, body.dyslexia-high-contrast .fs_48, html.zoom-4 .fs_48, html.zoom-3 .fs_48 {
    font-size: 2.3rem;
}

body.text-spacing-2 .fs_28, body.text-spacing-3 .fs_28, body.dyslexia-high-contrast .fs_28, html.zoom-4 .fs_28, html.zoom-3 .fs_28 {
    font-size: 1.3rem;
}

body.text-spacing-2 .fs_24, body.text-spacing-3 .fs_24, body.dyslexia-high-contrast .fs_24, html.zoom-4 .fs_24, html.zoom-3 .fs_24 {
    font-size: 1.2rem;
}

body.dyslexia-high-contrast .fs_20, html.zoom-4 .fs_20, html.zoom-3 .fs_20 {
    font-size: 1.066rem;
}

body.dyslexia-high-contrast .fs_18, html.zoom-4 .fs_18, html.zoom-3 .fs_18 {
    font-size: .8rem;
}

.dyslexia-high-contrast a, .dyslexia-high-contrast button:not(.accessibility_tab), .dyslexia-high-contrast [role=button], .dyslexia-high-contrast h1, .dyslexia-high-contrast h2, .dyslexia-high-contrast h3, .dyslexia-high-contrast h4, .dyslexia-high-contrast h5, .dyslexia-high-contrast h6 {
    background-color: #000000 !important;
    color: #ffffff !important;
    letter-spacing: 2.5pt;
}


body.dyslexia-high-contrast .fs_48,
body.dyslexia-high-contrast .fs_28,
body.dyslexia-high-contrast .fs_24,
body.dyslexia-high-contrast .fs_20,
body.dyslexia-high-contrast .fs_18,
body.dyslexia-high-contrast .fs_16,
body.dyslexia-high-contrast .fs_15,
body.dyslexia-high-contrast .fs_14,
body.dyslexia-high-contrast .fs_12,
body.dyslexia-high-contrast .fs_11,
body.dyslexia-high-contrast .fs_10, body.dyslexia-high-contrast .accordion * {
    background-color: #000000 !important;
    color: #ffffff !important;
}

html body.dyslexia-high-contrast .dyslexia_high_contrast_bg {
    background-color: #000000 !important;
    color: #ffffff !important;
}

html body.dyslexia-high-contrast .dyslexia_high_contrast_bg2 {
    background-color: #263238 !important;
    color: #ffffff !important;
}

html body.dyslexia-high-contrast .dyslexia_high_contrast_flex_column {
    flex-direction: column !important;
}


html body.dyslexia-high-contrast .leaflet-pane svg, html body.high-contrast .leaflet-pane svg {
    background-color: transparent !important;
}

body.dyslexia-high-contrast #avatar_video_play_icon {
    background-color: yellow !important;
}

.high-contrast a, .high-contrast button:not(.accessibility_tab), .high-contrast [role=button], .high-contrast h1, .high-contrast h2, .high-contrast h3, .high-contrast h4, .high-contrast h5, .high-contrast h6 {
    background-color: #000000 !important;
    color: yellow !important;
}


body.high-contrast .fs_48,
body.high-contrast .fs_28,
body.high-contrast .fs_24,
body.high-contrast .fs_20,
body.high-contrast .fs_18,
body.high-contrast .fs_16,
body.high-contrast .fs_15,
body.high-contrast .fs_14,
body.high-contrast .fs_12,
body.high-contrast .fs_11,
body.high-contrast .fs_10,
body.high-contrast .accordion *,
body.high-contrast .select2-container--default .select2-selection--multiple,
body.high-contrast .filtr-search,
body.high-contrast .sey-item.sey-selected,
body.high-contrast .fuzzysearch_input_fuzzysearch_vte {
    background-color: #000000 !important;
    color: yellow !important;
}

html body.high-contrast .dyslexia_high_contrast_bg {
    background-color: #000000 !important;
    color: yellow !important;
}

html body.high-contrast .dyslexia_high_contrast_bg2 {
    background-color: #263238 !important;
    color: yellow !important;
}

body.high-contrast #avatar_video_play_icon {
    background-color: yellow !important;
}


body:has(#new_app > .intro.active) .chat_btn {
    display: none !important;
}


body.load_by_deep_link #cambridge_info_btn,
body.load_by_deep_link #cambridge_map_btn,
body.load_by_deep_link #cambridge_title_box2222 {
    display: none !important;
}

body.load_by_deep_link div#cambridge_title_box {
    pointer-events: none;
}

.q-dialog .taggies {
    font-size: 0.8em;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: baseline;
}

.q-dialog .taggies a {
    padding: .4rem .666rem;
    background: var(--new-app-elephant);
    color: white;
    text-decoration: none;
    border-radius: .266rem;
    font-size: .8rem;
    display: none;
}

.q-dialog .taggies a:first-child {
    display: flex;
}

.q-card__actions.q-card__actions--horiz.row.justify-center {
    padding: 16px;
}

div[data-slug="architecture"], div[data-slug="natural-science-biological-stream"] {
    display: none;
}

body .hint--brake:after {
    white-space: initial;
    width: 15rem;
    border-radius: 0.857rem !important;
    line-height: 1.286rem;
    padding: 0.429rem 0.143rem !important;
    min-width: 8rem;
}

@media (max-width: 575px) {
    body .hint--brake:after {
        width: 12rem;
    }
}

button.button.email, button.button.linkedin, button.button.facebook, button.button.twitter {
    background-color: var(--new-app-elephant) !important;
}

.sidebar_history {
    flex-shrink: 0;
}

.only_history .sidebar_history {
    flex: 1;
}

.only_history .sidebar_menu_body_items {
    display: none;
}

.history_btn {
    display: none;
}

.history_btn.active {
    display: flex;
}

.history_btn {
    left: .666rem;
    top: 7.666rem;
}

body:has(.back_btn.active) .history_btn {
    left: .666rem;
    top: 14.266rem;
}

body:has(#sidebar_menu_btn:checked) .history_btn {
    z-index: -1;
}


@media (max-width: 575px) {
    .history_btn {
        left: .666rem;
        top: 4.666rem;
    }

    body:has(.back_btn.active) .history_btn {
        top: 8.666rem;
    }

    body:has(#new_map.active) .history_btn {
        top: 8.666rem;
    }

    body:has(#mini_map.active) .history_btn {
        left: 0.6rem;
    }

    body:has(#map_sidebar_btn:checked) .history_btn {
        display: none;
    }

    .history_btn button {
        height: 3.7rem;
        width: 3.7rem;
        padding: 0;
        min-height: auto;
    }

    .history_btn button span {
        margin-top: 0.15rem;
    }

    body:has(.choose.active) .history_btn, body:has(.search.active) .history_btn, body:has(.choose.active) .show_help_popup, body:has(.search.active) .show_help_popup {
        display: none !important;
    }
}

#new_map:not(.active) * {
    visibility: hidden !important;
}

body:has(#new_map_container #new_map.active) #new_app * {
    visibility: hidden !important;
}

#container {
    visibility: hidden !important;
}

#container.active {
    visibility: visible !important;
}

#container:not(.active) * {
    visibility: hidden !important;
}

.bottomleft {
    visibility: hidden !important;
}

.bottomleft.active {
    visibility: visible !important;
}

.bottomleft:not(.active) * {
    visibility: hidden !important;
}