.mobile #spaceControlContainer {

    grid-template-columns: 60px 1fr 100px;
    grid-template-rows: var(--mobile-element-height);

    bottom: var(--mobile-element-height);
    left: unset;
    right: 0;
    width: 95vw;

    border-top-left-radius: var(--border-radius-mobile);
    border-bottom-left-radius: var(--border-radius-mobile);

    background-color: var(--background-rgba);

}



.mobile #spaceControlContainer.closed {

    right: unset;
    margin-left: calc(95vw - 50px);

}



.mobile #spaceControlContainer:not(.closed) .icon {

    fill: var(--hover-rgb);

}



/* TOGGLE */

.mobile #spacesMobileToggle {

    grid-area: model;

    display: flex;
    flex-flow: row;
    align-items: center;

    height: 100%;

    justify-self: end;

}



.mobile #spacesMobileToggle .icon.on,
.mobile #spacesMobileToggle .icon.off {

    margin-left: 10px;
    margin-right: -6px;

}

.mobile #spaceControlContainer.closed #spacesMobileToggle .icon.on {

    display: none;

}



.mobile #spaceControlContainer.closed #spacesMobileToggle .icon.off {

    display: block;

}



.mobile #spaceControlContainer #spacesMobileToggle .icon.on {

    display: block;

}



.mobile #spaceControlContainer #spacesMobileToggle .icon.off {

    display: none;

}



/* SPACES ICON */

.mobile #spaceControlContainer #spacesMobileToggle #spacePano,
.mobile #spaceControlContainer #spacesMobileToggle #spaceOverlay,
.mobile #spaceControlContainer #spacesMobileToggle #spaceModel {

    display: none;

}



.mobile #spaceControlModel,
.mobile #spaceControlPano {

    display: none;

}



.mobile #spaceControlSelected {

    grid-area: pano;

    display: block;

    width: 100%;
    height: 100%;
    padding-right: 10px;

}



.mobile #spaceControlSelected>p {

    text-align: end;
    line-height: var(--mobile-element-height);

}



/* SLIDER */

.mobile #spaceControl {

    width: 90%;
    left: 0;
    margin-left: 5%;

}



/* VIEW CONTROL MARKER */

.mobile .spaceControlMarker {

    width: 90%;
    left: 0;
    margin-left: 5%;

}



.mobile .spaceControlMarker>div {

    width: 26px;
    height: 26px;
    border-radius: 13px;

}



/* THUMB */

.mobile #spaceSlider::-webkit-slider-thumb {

    width: 30px;
    height: 30px;
    border-radius: 15px;
    margin-top: -13px;

}

.mobile #spaceSlider::-moz-range-thumb {

    width: 30px;
    height: 30px;
    border-radius: 15px;
    margin-top: -83x;

}

.mobile #spaceSlider::-ms-thumb {

    width: 30px;
    height: 30px;
    border-radius: 15px;
    margin-top: -83x;

}