/* For pop-up section */
.section-popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    transform: translateY(100%);
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    background-color: var(--sidebar-bg-color);
    color: var(--sidebar-color);
}

/* Slide up functionality for active section */
.section-popup.active-section {
    transform: translateY(0%);
}

.full-page {
    width: inherit;
    height: inherit;
}

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

.section-wrapper {
    position: relative;
    background-color: var(--sidebar-bg-color);
    color: var(--sidebar-color);
}

.section-content {
    background-color: var(--sidebar-bg-color);
    overflow: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
}

#start {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Lower priority */
}