@layer components{.ab-bleed-l{margin-left:calc(-1 * ( (100vw - min(100vw, var(--container-xl))) / 2 + var(--page-gutter) ))}.ab-bleed-r{margin-right:calc(-1 * ( (100vw - min(100vw, var(--container-xl))) / 2 + var(--page-gutter) ))}.ab-bleed-x{margin-left:calc(-1 * ( (100vw - min(100vw, var(--container-xl))) / 2 + var(--page-gutter) ));margin-right:calc(-1 * ( (100vw - min(100vw, var(--container-xl))) / 2 + var(--page-gutter) ))}@media (width>=48rem){.md\:ab-bleed-l{margin-left:calc(-1 * ( (100vw - min(100vw, var(--container-xl))) / 2 + var(--page-gutter) ))}.md\:ab-bleed-r{margin-right:calc(-1 * ( (100vw - min(100vw, var(--container-xl))) / 2 + var(--page-gutter) ))}}.ab-collection{aspect-ratio:var(--ratio);position:relative}.ab-collection>li{left:var(--x);top:var(--y);width:var(--w);height:var(--h);position:absolute}@media (width>=48rem){.ab-collection{aspect-ratio:var(--ratio-md)}.ab-collection>li{left:var(--x-md);top:var(--y-md);width:var(--w-md);height:var(--h-md)}}@media (width>=64rem){.ab-collection{aspect-ratio:var(--ratio-lg);margin-right:calc(-1 * ( (100vw - min(100vw, var(--container-xl))) / 2 + var(--page-gutter) ))}.ab-collection>li{left:var(--x-lg);top:var(--y-lg);width:var(--w-lg);height:var(--h-lg)}}}
