#appDateSelector {
    position: fixed;
    background-color: pink;
    font-size: var(--size88);
    font-family: tosailc, sans-serif;
    line-height: var(--lineHShortenCom) !important;
    width: 100%;
    /* background-color: var(--color3); */
    left: 50%;
    bottom: 0px;
    z-index: 2;
}

#appDateSelector .closer {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    /* background-color: fuchsia; */
    opacity: 0.5;
    display: none;
    cursor: no-drop;
}

#appDateSelector .dateViewer {
    position: absolute;
    bottom: 0px;
    transform: translateX(-50%);
    cursor: pointer;
}

#appDateSelector .timelineContainer {
    visibility: hidden;
    position: absolute;
    bottom: 0px;
    cursor: grab;
}

#appDateSelector .timeline {
    position: absolute;
    bottom: 0px;
}

#appDateSelector .timelineAB {
    position: absolute;
    bottom: 0px;
    /* height: 100px; */
    background-color: var(--color3);
    z-index: 100;
    pointer-events: none;
    z-index: -1;
}

#appDateSelector .box {
    position: absolute;
    bottom: 0px;
    width: 5rem;
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    padding-top: var(--m);
    padding-bottom: var(--m);
    height: var(--dateSelector);
}

#appDateSelector .box:hover {
    background-color: var(--color1);
    color: var(--color4);
    /* border: 1px solid var(--color1); */
    /* color: var(--color2); */
}

#appDateSelector .boxDay {
    margin-top: var(--m);
    margin-bottom: var(--m);
    /* padding-top: 0.2em; */
}

#appDateSelector .boxYear {
    font-family: tosail, sans-serif;
    line-height: var(--lineHShortenReg) !important;
    font-size: var(--size19);
}

#appDateSelector .boxMonth {
    font-family: tosail, sans-serif;
    line-height: var(--lineHShortenReg) !important;
    font-size: var(--size19);
    text-transform: uppercase;
}



@media screen and (orientation: portrait) {
    #appDateSelector .dateViewer {
        width: var(--column8);
    }
    #appDateSelector .dateViewer .box:nth-child(1) {
        left: 0px !important;
    }
    #appDateSelector .dateViewer .box:nth-child(2) {
        left: unset !important;
        right: 0px !important;
    }
}