@layer components{:root{--c-gallery--base:var(--base);--c-gallery--space:var(--space);--c-gallery--color--alpha:var(--color--alpha);--c-gallery--border-radius:var(--border-radius);--c-gallery--shadow-color:var(--shadow-color);--c-gallery--shadow-amount:var(--shadow-amount);--c-gallery--corner-shape:var(--corner-shape);--c-gallery--color--alpha-contrast:var(--color--alpha-contrast);--c-gallery--color--surface-contrast-muted:var(--color--surface-contrast-muted)}.c-gallery{--c-gallery--gap:calc((var(--c-gallery--space, var(--space)))*var(--base)*4);--c-gallery--column-min:calc((var(--c-gallery--base, var(--base)))*32);contain:paint;list-style-type:none}.c-gallery .c-image{cursor:pointer}.c-gallery{display:grid;gap:var(--c-gallery--gap);grid-template-columns:repeat(auto-fit,minmax(var(--c-gallery--column-min),1fr));margin:0;padding:0}.c-gallery__item{margin:0;padding:0;position:relative}.c-gallery__item .c-image__image{display:block;filter:drop-shadow(0 calc(var(--base)*.5*(var(--c-gallery--shadow-amount, var(--shadow-amount)))) calc((var(--c-gallery--shadow-amount, var(--shadow-amount)))*var(--base)*1) var(--c-gallery--shadow-color,var(--shadow-color)));height:auto;transition:transform .25s ease;width:100%}.c-gallery__item .c-image__image-wrapper{corner-shape:var(--c-gallery--corner-shape,var(--corner-shape));border-radius:calc((var(--c-gallery--border-radius, var(--border-radius)))*var(--base)*1);contain:paint;cursor:pointer;position:relative}.c-gallery__item .c-image__image-wrapper:before{backdrop-filter:blur(calc((var(--c-gallery--base, var(--base)))*1));background-color:calc((var(--c-gallery--color--alpha, var(--color--alpha)))*var(--base)*1);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s ease;z-index:1}.c-gallery__item .c-image__image-wrapper:after{aspect-ratio:1/1;content:"";inset:0;margin:auto;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease;width:calc((var(--c-gallery--base, var(--base)))*10);z-index:2}.c-gallery__item:focus-within .c-image__image-wrapper:after,.c-gallery__item:focus-within .c-image__image-wrapper:before,.c-gallery__item:hover .c-image__image-wrapper:after,.c-gallery__item:hover .c-image__image-wrapper:before{opacity:1}.c-gallery__item:focus-within .c-image__image-wrapper:after,.c-gallery__item:hover .c-image__image-wrapper:after{background-color:var(--c-gallery--color--alpha-contrast,var(--color--alpha-contrast));mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGZpbGw9IiNlOGVhZWQiPjxwYXRoIGQ9Ik01NzQuMjUtNDA1Ljk5UTYxMy00NDQuOTcgNjEzLTUwMC4yNHEwLTU1LjI2LTM4Ljk5LTk0LjAxUTUzNS4wMy02MzMgNDc5Ljc2LTYzM3EtNTUuMjYgMC05NC4wMSAzOC45OVEzNDctNTU1LjAzIDM0Ny00OTkuNzZxMCA1NS4yNiAzOC45OSA5NC4wMVE0MjQuOTctMzY3IDQ4MC4yNC0zNjdxNTUuMjYgMCA5NC4wMS0zOC45OVptLTE3MC0xOC4yNlEzNzMtNDU1LjUgMzczLTUwMHQzMS4yNS03NS43NVE0MzUuNS02MDcgNDgwLTYwN3Q3NS43NSAzMS4yNVE1ODctNTQ0LjUgNTg3LTUwMHQtMzEuMjUgNzUuNzVRNTI0LjUtMzkzIDQ4MC0zOTN0LTc1Ljc1LTMxLjI1Wk0yNTUuNS0zMjIuNVExNTQtMzg5IDEwMS41LTUwMCAxNTQtNjExIDI1NS4zNi02NzcuNSAzNTYuNzEtNzQ0IDQ3OS44Ni03NDQgNjAzLTc0NCA3MDQuNS02NzcuNSA4MDYtNjExIDg1OC41LTUwMCA4MDYtMzg5IDcwNC42NC0zMjIuNSA2MDMuMjktMjU2IDQ4MC4xNC0yNTYgMzU3LTI1NiAyNTUuNS0zMjIuNVpNNDgwLTUwMFptMjA2IDE1OS41cTk0LTU5IDE0My41LTE1OS41UTc4MC02MDAuNSA2ODYtNjU5LjV0LTIwNi01OXEtMTEyIDAtMjA2IDU5VDEzMC41LTUwMFExODAtMzk5LjUgMjc0LTM0MC41dDIwNiA1OXExMTIgMCAyMDYtNTlaIi8+PC9zdmc+");mask-position:center;mask-repeat:no-repeat;mask-size:contain}.c-gallery__link,.c-gallery__link:visited,.c-gallery__link:visited:hover{color:var(--c-gallery--color--surface-contrast-muted,var(--inherit-color-contrast-muted,var(--c-gallery--color--surface-contrast-muted-default,var(--color--surface-contrast-muted))));text-decoration:none}}