nular-direction-aware-hover[data-astro-cid-ds3sozdz]{isolation:isolate;background:#f9fafb;border-radius:.5rem;width:15rem;height:15rem;display:block;position:relative;overflow:hidden}@media (width>=768px){nular-direction-aware-hover[data-astro-cid-ds3sozdz]{width:24rem;height:24rem}}html.dark nular-direction-aware-hover[data-astro-cid-ds3sozdz],html[data-theme=dark] nular-direction-aware-hover[data-astro-cid-ds3sozdz]{background:#000}@media (prefers-color-scheme:dark){html:not(.light):not([data-theme=light]) nular-direction-aware-hover[data-astro-cid-ds3sozdz]{background:#000}}.image[data-astro-cid-ds3sozdz]{z-index:0;object-fit:cover;width:100%;height:100%;transition:transform .2s ease-out;position:absolute;inset:0;transform:scale(1.08)}.overlay[data-astro-cid-ds3sozdz]{z-index:1;background:#0006;transition:transform .5s ease-out;position:absolute;inset:0}.caption[data-astro-cid-ds3sozdz]{z-index:2;color:#fff;opacity:0;transition:transform .5s ease-out,opacity .5s ease-out;position:absolute;bottom:1rem;left:1rem}[data-astro-cid-ds3sozdz]:where(nular-direction-aware-hover[data-direction=top]) .overlay[data-astro-cid-ds3sozdz]{transform:translateY(-100%)}[data-astro-cid-ds3sozdz]:where(nular-direction-aware-hover[data-direction=bottom]) .overlay[data-astro-cid-ds3sozdz]{transform:translateY(100%)}[data-astro-cid-ds3sozdz]:where(nular-direction-aware-hover[data-direction=left]) .overlay[data-astro-cid-ds3sozdz]{transform:translate(-100%)}[data-astro-cid-ds3sozdz]:where(nular-direction-aware-hover[data-direction=right]) .overlay[data-astro-cid-ds3sozdz]{transform:translate(100%)}[data-astro-cid-ds3sozdz]:where(nular-direction-aware-hover[data-direction=top]) .caption[data-astro-cid-ds3sozdz]{transform:translateY(-2.5rem)}[data-astro-cid-ds3sozdz]:where(nular-direction-aware-hover[data-direction=bottom]) .caption[data-astro-cid-ds3sozdz]{transform:translateY(2.5rem)}[data-astro-cid-ds3sozdz]:where(nular-direction-aware-hover[data-direction=left]) .caption[data-astro-cid-ds3sozdz]{transform:translate(-2.5rem)}[data-astro-cid-ds3sozdz]:where(nular-direction-aware-hover[data-direction=right]) .caption[data-astro-cid-ds3sozdz]{transform:translate(2.5rem)}nular-direction-aware-hover[data-astro-cid-ds3sozdz]:hover .overlay[data-astro-cid-ds3sozdz],nular-direction-aware-hover[data-astro-cid-ds3sozdz]:focus-within .overlay[data-astro-cid-ds3sozdz]{transform:translate(0)}nular-direction-aware-hover[data-astro-cid-ds3sozdz]:hover .caption[data-astro-cid-ds3sozdz],nular-direction-aware-hover[data-astro-cid-ds3sozdz]:focus-within .caption[data-astro-cid-ds3sozdz]{opacity:1;transform:translate(0)}nular-direction-aware-hover[data-astro-cid-ds3sozdz][data-direction=top]:hover .image[data-astro-cid-ds3sozdz],nular-direction-aware-hover[data-astro-cid-ds3sozdz][data-direction=top]:focus-within .image[data-astro-cid-ds3sozdz]{transform:scale(1.14)translateY(.5rem)}nular-direction-aware-hover[data-astro-cid-ds3sozdz][data-direction=bottom]:hover .image[data-astro-cid-ds3sozdz],nular-direction-aware-hover[data-astro-cid-ds3sozdz][data-direction=bottom]:focus-within .image[data-astro-cid-ds3sozdz]{transform:scale(1.14)translateY(-.5rem)}nular-direction-aware-hover[data-astro-cid-ds3sozdz][data-direction=left]:hover .image[data-astro-cid-ds3sozdz],nular-direction-aware-hover[data-astro-cid-ds3sozdz][data-direction=left]:focus-within .image[data-astro-cid-ds3sozdz]{transform:scale(1.14)translate(.5rem)}nular-direction-aware-hover[data-astro-cid-ds3sozdz][data-direction=right]:hover .image[data-astro-cid-ds3sozdz],nular-direction-aware-hover[data-astro-cid-ds3sozdz][data-direction=right]:focus-within .image[data-astro-cid-ds3sozdz]{transform:scale(1.14)translate(-.5rem)}@media (prefers-reduced-motion:reduce){.image[data-astro-cid-ds3sozdz],.overlay[data-astro-cid-ds3sozdz],.caption[data-astro-cid-ds3sozdz]{transition:none}}.demo[data-astro-cid-u7mrn3ab]{background:var(--nui-color-bg);min-height:40rem;font-family:var(--nui-font-sans);justify-content:center;align-items:center;padding:2rem;display:flex}.title[data-astro-cid-u7mrn3ab]{color:inherit;margin:0;font-size:1.25rem;font-weight:700}.subtitle[data-astro-cid-u7mrn3ab]{color:inherit;margin:.25rem 0 0;font-size:.875rem;font-weight:400}