.city-carousel{position:relative;overflow:hidden;background:#062f47;isolation:isolate}.city-carousel-viewport{position:relative;aspect-ratio:16/9}.city-carousel-slide{position:absolute;inset:0;margin:0}.city-carousel-slide[hidden]{display:none}.city-carousel-slide img{display:block;width:100%;height:100%;object-fit:cover}.city-carousel-slide p{position:absolute;left:0;right:0;bottom:0;margin:0;padding:2.35rem 4.6rem .65rem;color:#fff;font-size:.78rem;text-align:center;background:linear-gradient(transparent,rgba(1,30,46,.92));text-shadow:0 1px 2px rgba(0,0,0,.5)}.city-carousel-arrow{position:absolute;z-index:2;top:50%;width:2.45rem;height:2.45rem;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:rgba(3,50,69,.78);color:#fff;font:700 1.85rem/1 system-ui;box-shadow:0 5px 18px rgba(0,0,0,.24);cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(7px)}.city-carousel-arrow:hover,.city-carousel-arrow:focus-visible,.city-carousel-toggle:hover,.city-carousel-toggle:focus-visible{background:#0aa79b;outline:3px solid rgba(183,255,244,.65);outline-offset:2px}.city-carousel-prev{left:.7rem}.city-carousel-next{right:.7rem}.city-carousel-toolbar{position:absolute;z-index:3;left:50%;bottom:.45rem;display:flex;align-items:center;gap:.6rem;transform:translateX(-50%)}.city-carousel-dots{display:flex;align-items:center;gap:.42rem;padding:.35rem .55rem;border-radius:999px;background:rgba(2,39,56,.82);backdrop-filter:blur(7px)}.city-carousel-dots button{width:.62rem;height:.62rem;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.48);cursor:pointer;transition:width .2s ease,background .2s ease}.city-carousel-dots button[aria-selected="true"]{width:1.55rem;background:#5eead4}.city-carousel-toggle{display:grid;width:1.8rem;height:1.8rem;padding:0;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(2,39,56,.82);color:#fff;font:700 .75rem/1 system-ui;cursor:pointer;backdrop-filter:blur(7px)}@media(max-width:700px){.city-carousel-slide p{padding:2rem 3.6rem .55rem;font-size:.68rem}.city-carousel-arrow{width:2rem;height:2rem;font-size:1.45rem}.city-carousel-prev{left:.4rem}.city-carousel-next{right:.4rem}}@media(prefers-reduced-motion:reduce){.city-carousel-dots button{transition:none}}