.photo-carousel{position:absolute;inset:0;overflow:hidden;container-type:inline-size}.photo-carousel-link{width:100%;height:100%;color:inherit;display:block}.photo-carousel-viewport{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:auto;width:100%;height:100%;display:flex;overflow:auto hidden}.photo-carousel-viewport::-webkit-scrollbar{display:none}.photo-carousel-slide{scroll-snap-align:center;flex:0 0 100%;min-width:0;height:100%}.photo-carousel-link img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.photo-carousel:after{content:"";pointer-events:none;background:linear-gradient(#0000,#07111e55);position:absolute;inset:65% 0 0}.photo-carousel:has(.photo-carousel-counter) .photo-carousel-link{cursor:pointer}.photo-carousel-arrow{z-index:1;color:#17202d;cursor:pointer;background:#fffffff0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #07111e25}.photo-carousel-arrow.previous{left:8px}.photo-carousel-arrow.next{right:8px}.photo-carousel-arrow>svg{width:21px;height:21px}.photo-carousel-arrow:hover{background:#fff}.photo-carousel-dots{z-index:1;align-items:center;display:flex;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.photo-carousel-dots>button{cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:28px;padding:0;display:grid}.photo-carousel-dots>button>span{background:#ffffffa6;border-radius:10px;width:6px;height:6px;display:block;box-shadow:0 1px 3px #0003}.photo-carousel-dots>button[aria-current=true]>span{background:#fff;width:18px}.photo-carousel-counter{z-index:1;color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#17202dbd;border-radius:20px;padding:4px 8px;font-size:11px;font-weight:700;line-height:1.2;position:absolute;bottom:9px;right:10px}.photo-carousel button:focus-visible,.photo-carousel-link:focus-visible{outline-offset:-3px;outline:3px solid #0750ff}@container (max-width:280px){.photo-carousel-dots{left:8px;transform:none}.photo-carousel-dots>button{width:20px}}@container (max-width:180px){.photo-carousel-dots{display:none}.photo-carousel-arrow{width:26px;height:26px}.photo-carousel-arrow.previous{left:4px}.photo-carousel-arrow.next{right:4px}.photo-carousel-arrow>svg{width:18px;height:18px}.photo-carousel-counter{padding:3px 6px;font-size:10px;bottom:6px;right:6px}}