.aw-more {
    @apply bg-page-bg;

    width: 100%;
    min-height: var(--viewport-height, 100vh);
    padding-bottom: 9.5rem;

    &__buttons {
        @apply bg-page-bg;

        display: flex;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.5rem 1.5rem 1rem;
        padding-top: calc(0.5rem + env(safe-area-inset-top, 0px));
        position: sticky;
        top: 0;
        z-index: 1;

        &--sticky {
            box-shadow: 0px 10px 20px 0px rgba(37, 38, 41, 0.05);
        }

        &-wrapper {
            display: flex;
            align-items: center;
            gap: 1rem;
        }
    }

    &__user-profile {
        position: relative;
        padding-bottom: 2.5rem;

        &:after {
            @apply bg-mono-800;
            content: '';
            display: block;
            height: 1px;

            position: absolute;
            bottom: calc(0.75rem - 1px);
            left: 1.5rem;
            right: 1.5rem;
        }
    }

    &__profile {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;

        padding: 0 1.5rem 1rem;
    }

    &__theme {
        @apply bg-surface;

        display: flex;
        align-items: center;
        position: relative;

        padding: 0.75rem 1.5rem;

        &-icon {
            color: var(--c-mono-100);
            margin-right: 1rem;
        }

        &-text {
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.3125rem;
        }

        &-switcher {
            margin-left: auto;
            padding-top: 0;
            padding-bottom: 0;

            .aw-switch-field__switch {
                margin: 0 0 0 0.1875rem;
            }
        }
    }
}