#showcaseGalleryConfig {
    position: relative;
}

.showcase-gallery__navigation {
    display: flex;
    flex-direction: row;
    gap: 12px;
    margin-bottom: 0px;
    bottom: 26px;
    padding: 0px;
}

.showcase-gallery__item {
    text-align: center;
}

.showcase-gallery__item--low-resolution {
    border: 12px solid var(--design-sys-sec-color__red--1);
}

.showcase-gallery__item--low-resolution::before {
    content: '';
    position: absolute;
    filter: invert(45%) sepia(37%) saturate(2771%) hue-rotate(329deg) brightness(99%) contrast(104%);
    background-image: url('https://cdn.breakthroughbroker.com/assets/bb/icons/OutlinedSVG/exclamation-circle.svg');
    width: 82px;
    height: 82px;
    left: 12px;
    top: 12px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

.showcase-gallery__navigation-li {
    list-style-type: none;
}

.showcase-gallery__navigation-item {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #f7f3ed;
    opacity: 0.5;
    transition: opacity 0.15s ease-in;
}

.showcase-gallery__navigation-li.uk-active .showcase-gallery__navigation-item {
    opacity: 1;
}

.showcase-gallery__navigation-li a {
    outline: none;
}

.showcase-gallery__navigation-item:hover {
    opacity: 1;
}

.showcase-gallery__control {
    width: 72px;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(98%) contrast(190%);
    transition: filter 0.15s ease-in;
}

.showcase-gallery__control:hover {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(100%) contrast(300%);
}

.showcase-gallery__control--prev {
    left: 24px;
}

.showcase-gallery__control--next {
    right: 24px;
}

.design-sys__edit-pencil-box {
    cursor: pointer;
    position: absolute;
    top: 24px;
    right: 24px;
    border-radius: 15px;
    z-index: 1;
    padding: 8px;
}

.design-sys__edit-pencil-box:hover {
    background-color: #f3f4f7;
}

.design-sys__edit-pencil-box img {
    width: 42px;
    height: 42px;
}