@import '../settings/variables';
@import '../tools/mixins/breakpoints';

.c-settings-edit-avatar-page {
    &__separator{
        border-left: none;
        @include media-breakpoint-up(lg) {
            border-left: $hairline solid $color-separator;
          }
    }
    &__photo-placeholder {
        height: 400px; 
        width: 100%; 
        background-color: $color-background-alternative;
    }
    &__img-preview {
        width: 160px;
        height: 160px; 
        overflow: hidden; 
        border-radius: 50%;
    }
}