.draw-carousel {
    position: relative;
    margin: 8px 8px 0;
    overflow: hidden;
    border-radius: 10px;
    background: #3b0710;
}

.draw-carousel__slide {
    display: block;
}

.draw-carousel__slide[hidden] { display: none; }

.draw-carousel__slide img {
    display: block;
    width: 100%;
    height: auto;
}

.draw-carousel__controls {
    position: absolute;
    right: 8px;
    bottom: 6px;
    display: flex;
    background: #2f090bcc;
    border-radius: 20px;
    padding: 0 3px;
}

.draw-carousel__controls button {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 50%;
    padding: 0;
    background: transparent;
    cursor: pointer;
}

.draw-carousel__controls button::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff2d89e;
}

.draw-carousel__controls button[aria-current='true']::before { background: #ffda83; }
.draw-carousel a:focus-visible, .draw-carousel button:focus-visible { outline: 2px solid #ffda83; outline-offset: -3px; }
#imglist { scroll-margin-top: 60px; }