.website-carousel{min-width:0}
.website-carousel-hint{font-size:12px;color:#bbc8d6;margin:0 0 14px}
.website-carousel .website-sample-grid{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#668cab #152635;margin:0;padding:4px 4px 14px}
.website-carousel .website-sample-grid>.panel{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.website-carousel .website-sample-photo img{max-height:380px;object-fit:cover}
.website-carousel-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:18px}
.website-carousel-controls button{min-height:44px;padding:10px 18px;border:1px solid #91b4d0;background:#193044;color:#fff;border-radius:6px;font:inherit;cursor:pointer}
.website-carousel-controls button:disabled{opacity:.35;cursor:default}
.website-carousel-controls output{min-width:5ch;text-align:center;font-variant-numeric:tabular-nums}
.website-carousel button:focus-visible,.website-carousel .website-sample-grid:focus-visible{outline:3px solid #75b7e8;outline-offset:2px}
@media(max-width:700px){.website-carousel .website-sample-grid{gap:16px}.website-carousel .website-sample-grid>.panel{padding:18px}.website-carousel-controls{gap:14px}.website-carousel-controls button{font-size:13px;padding:10px 14px}}
.website-carousel .website-sample-grid{cursor:grab}.website-carousel .website-sample-grid.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.website-carousel .website-sample-grid>.panel{cursor:pointer}.website-carousel .website-sample-grid.is-dragging *{cursor:grabbing}.website-carousel-controls{flex-wrap:wrap}.website-carousel .website-autoplay{font-size:12px}