.glide {max-width: 270px;margin: 0 auto;overflow: hidden;}
@media (min-width: 480px) {.glide {max-width: 400px;}}
@media (min-width: 640px) {.glide {max-width: 580px;}}
@media (min-width: 768px) {.glide {max-width: 688px;}}
@media (min-width: 1024px) {.glide {max-width: 800px;}}
.glide__slide picture {display: block;width: 100%;}
.glide__slide img {width: 100%;height: auto;display: block;object-fit: cover;border-radius: 8px;}
.glide__arrow {background-color: rgba(0,0,0,.25);color: white;border: none;padding: 0 .4em;font-size: 2rem;cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;transition: background-color .3s ease;}
.glide__arrow--left {left: 10px;}
.glide__arrow--right {right: 10px;}
.glide:not(.glide--ready) .glide__arrows, .glide:not(.glide--ready) .glide__bullets {display: none;}
.glide__bullets {text-align: center;margin-top: 1rem;}
.glide__bullet {width: 12px;height: 12px;margin: 0 5px;background-color: #ccc;border-radius: 50%;display: inline-block;border: none;cursor: pointer;transition: background-color .3s ease;}
.glide__bullet:hover, .glide__bullet.glide__bullet--active {background-color: #333;}
.glide__arrow:focus-visible, .glide__bullet:focus-visible {outline: 3px solid var(--accent-1);outline-offset: 3px;}
.glide__status {margin: .5rem 0 0;}
picture {display: block;}