@property --label-element-width {
    syntax: '<length>';
    initial-value: 0;
    inherits: true;
}
@keyframes expand-menu-0e52cc50 {
0% {
        --label-element-width: 0;
}
100% {
        --label-element-width: min(80dvw, 300px);
}
}
@keyframes unexpand-menu-0e52cc50 {
0% {
        --label-element-width: min(80dvw, 300px);
}
100% {
        --label-element-width: 0;
}
}
div.w_map_categories[data-v-0e52cc50] {
    --label-element-width: 0;
    --label-opacity: 0;

    display: grid;
    grid-auto-flow: row;
    grid-template-columns: 1fr 50px;
    min-width: 42px !important;
    transition: width 0.3s ease-in-out;
    overflow-x: clip;
    background-color: var(--Category-tree-background-color);

    padding: 60px 0 0;
    margin: 0;
}
@media print {
div.w_map_categories[data-v-0e52cc50] {
        display: none
}
}
div.w_map_categories[data-v-0e52cc50], div.w_map_categories *[data-v-0e52cc50] {
        -webkit-user-select: none;
                user-select: none;
}
div.w_map_categories[data-after-load][data-v-0e52cc50]:not([aria-expanded='true']) {
            animation: .25s unexpand-menu-0e52cc50 both;
}
div.w_map_categories[data-after-load][aria-expanded='true'][data-v-0e52cc50] {
            --label-opacity: 1;

            animation: .25s expand-menu-0e52cc50 both;
}
@media all and (width >= 960px) {
body.full-width:not(.menu-out) div.w_map_categories[data-v-0e52cc50] {
            padding-top: 0;
}
#main-wrapper:has([data-floorplan-panel]) div.w_map_categories[data-v-0e52cc50] {
            display: none;
}
}
@media (prefers-reduced-motion) {
div.w_map_categories[data-v-0e52cc50] {
        transition: none
}
}
div.w_map_categories > button.close-menu[data-v-0e52cc50] {
        border: 0;
        background-color: var(--Primary-color);
        color: var(--Primary-background-color);

        /* overrides site custom CSS */
        border-radius: 0 !important;
        grid-row: 1 / 2;
        grid-column: 2 / 3;
        z-index: 2;

        transition: opacity linear .1s;
}
div.w_map_categories > button.close-menu[disabled][data-v-0e52cc50] {
            pointer-events: none;
}
div.w_map_categories > button.close-menu.v-leave-from[data-v-0e52cc50], div.w_map_categories > button.close-menu.v-enter-to[data-v-0e52cc50] {
            opacity: 1;
            transition-delay: .25s;
}
div.w_map_categories > button.close-menu.v-enter-from[data-v-0e52cc50], div.w_map_categories > button.close-menu.v-leave-to[data-v-0e52cc50] {
            opacity: 0;
}
div.w_map_categories > ul[data-v-0e52cc50] {
        display: contents;
}
div.w_map_categories > ul > li.category[data-v-0e52cc50] {
            display: grid;
            grid-template-columns: 42px var(--label-element-width);
            box-shadow: inset 0 -20px 60px rgb(0, 0, 0, 0.05);
            height: 42px;
            place-items: stretch;
            cursor: pointer;
            color: var(--Category-tree-text-color);
            grid-column: 1 / 3;
            z-index: 1;
}
div.w_map_categories > ul > li.category[data-v-0e52cc50]:first-of-type {
                grid-row: 1 / 2;
}
div.w_map_categories > ul > li.category[data-v-0e52cc50]:hover {
                background-color: var(--Category-tree-hover-background-color);
                box-shadow: 0 0 10px 0 rgb(0, 0, 0, 0.1);
}
div.w_map_categories > ul > li.category[aria-selected='true'][data-v-0e52cc50] {
                color: var(--Category-tree-active-text-color);
                background-color: var(--Category-tree-active-background-color);
}
div.w_map_categories > ul > li.category > *[data-v-0e52cc50] {
                grid-row: 1 / 2;
}
div.w_map_categories > ul > li.category > .category-icon[data-v-0e52cc50] {
                --scale-factor: 2;

                grid-column: 1 / 2;

                width: 42px;
                height: 42px;
                padding-block: 5px;
                contain: strict;
                overflow: clip;
                isolation: isolate;
}
div.w_map_categories > ul > li.category > .category-icon > img[data-v-0e52cc50] {
                    object-fit: cover;
                    width: 42px;
                    height: 42px;
                    transform: scale(150%) translateY(20%);
                    object-position: bottom right;
}
div.w_map_categories > ul > li.category > .category-label[data-v-0e52cc50] {
                grid-column: 2 / 3;
                opacity: var(--label-opacity);
                overflow-x: clip;
                transition: opacity 0.3s ease-in;
                align-self: center;
                font-family: var(--Body-font-family, sans-serif), sans-serif;
                font-size: 15px;
                color: inherit;
                text-transform: uppercase;
                font-weight: 400;
                text-overflow: ellipsis;
                white-space: nowrap;
}