.content-wrapper.highlight-clipper {
    .main-login-choices {
        li:not(:first-child) {
            margin-top: 5px;
        }
        
        a {
            display: block;
            text-align: center;
            background: $gray-lighter;
            padding: 35px 20px;
            color: $black;
            font-size: 1.1em;

            @include hover-focus {
                background: lighten($brand-primary, 50%);
                text-decoration: none;
            }
        }
    }
    &:not(.not-clipper) {
        width: 100vw;
        max-width: 500px;
        
        & > :not(.main-login-choices) {
            display: none;
        }
    }
    
    &.not-clipper {
        .main-login-choices {
            display: none;
        }
    }
}