.a-gallery {
    margin: 0 auto;
}

.a-gallery__wrapper {}

.g-image-nav {
    margin-top: 0;
    transition: margin 0.1s ease-in-out;
    width: $MOBILE_SIDE_GUTTER;

    &.is-fixed {
        margin-top: 15px;
    }

    @include at-medium-size {
        width: $TABLET_SIDE_GUTTER;
    }

    @include at-x-large-size {
        width: $DESKTOP_SIDE_GUTTER;
    }
}

.g-image-nav__btns {
    padding-left: 12px;
}

.g-image-nav__btn {
    @include button-gallery-navigation;
    display: block;

    svg {
        width: 15px;
        height: 100%;
        fill: #fff;
    }

    &:hover {
        @include button-gallery-navigation-hover;

        svg {
            fill: #000;
        }
    }

    @include disabled-selectors() {
        @include button-gallery-navigation-disabled;

        svg {
            fill: #212121;
        }
    }
}

.g-image-nav__btn--previous {
    border-bottom: none;

    &:hover {
        border-bottom: none;
    }
    @include disabled-selectors() {
        border-bottom: none;
    }
}
.g-image-nav__btn--next {}


.a-gallery__image-list {}
.a-gallery__image-listitem {
    margin-bottom: 40px;

    @include at-x-large-size {
        margin-bottom: 60px;
    }
}

.a-gallery__thumbnail-list {}

.a-gallery__thumbnail {}
.a-gallery__thumbnail-image {}
.a-gallery__thumbnail-hover {}

.a-gallery__message {
    margin-bottom: 40px;

    @include at-x-large-size {
        margin-bottom: 60px;
    }
}

.a-gallery__message-btn {
    @include button-single();
    @include button-single-dark();

    &:hover {
        @include button-single-dark-hover();
    }
}