@layer reset,tokens,base,components;@layer features{.post-carousel-window{border-radius:var(--radius-12);outline:1px solid var(--color-surface-tint);position:relative;overflow:hidden}.carousel-track{transition:transform .5s var(--ease-in-out);display:flex}.carousel-slide{flex-shrink:0;width:100%;position:relative;overflow:hidden}.carousel-backdrop{object-fit:cover;pointer-events:none;filter:blur(24px)saturate(1.2)brightness(.85);width:100%;height:100%;margin:0;position:absolute;inset:0;transform:scale(1.25)}.post-carousel-trigger{width:100%;height:100%;position:absolute;inset:0}.post-carousel-trigger>picture{width:100%;height:100%;margin:0;display:flex;position:absolute;inset:0}.post-carousel-photo{object-fit:contain;height:100%}.post-carousel-arrow{z-index:10;opacity:0;transition:opacity var(--duration-fast) var(--ease-in-out);display:flex;position:absolute;top:50%;translate:0 -50%}.post-carousel-arrow:has(:focus-visible){opacity:1}.post-carousel-arrow-previous{left:var(--space-16)}.post-carousel-arrow-next{right:var(--space-16)}.post-carousel-dots{justify-content:center;gap:var(--space-8);margin-top:var(--space-8);display:flex}.carousel-dot{width:var(--space-8);height:var(--space-8);cursor:pointer;border-radius:var(--radius-full);background-color:var(--palette-gray-300);transition:background-color var(--duration-moderate) var(--ease-in-out)}.carousel-dot[aria-current=true]{background-color:var(--palette-blue-500)}@media (width>=40rem){.post-carousel-window{border-radius:var(--radius-16)}}@media (hover:hover){.post-carousel-frame:hover .post-carousel-arrow{opacity:1}.carousel-dot:not([aria-current=true]):hover{background-color:var(--palette-gray-400)}}@media (prefers-reduced-motion:reduce){.carousel-track{transition:none}}}@layer utilities;