.page-wrapper {
    display: flex;
    flex-direction: column;
    height: 100vh;

    & .page {
        flex-grow: 1;

        & .nuxt-page-wrapper {
            height: 100%;
            justify-content: space-between;
        }
    }
}

.filter-bar {
    display: flex;
    justify-content: space-between;
    padding: var(--padding-default);

    & .box {
        display: flex;
        flex-direction: column;
        gap: .5rem;

        & strong {
            color: var(--color-darkest);
            font-size: .8rem;
        }

        & > div {
            background: var(--color-lightest);
            display: flex;
            justify-content: flex-end;
            gap: .5rem;
        }
    }
}

.search-bar {
    z-index: 100;

    & p {
        font-weight: 100;
        color: var(--color-lightest);
    }
}

.content {
    overflow: hidden;
    background: var(--color-lightest);
    height: 100%;
}

.content-text {
    padding: var(--padding-large) var(--padding-default) var(--padding-default);
    color: var(--color-darkest);
    text-align: center;
}

.info-text {
    padding: 0 var(--padding-default);
    text-align: center;
    width: 100%;
    top: 40%;
    transform: translateY(-50%);
    position: absolute;
}

.Legal {
    padding: var(--padding-large) var(--padding-default);
    color: var(--color-darkest);
}