:root{--color-primary:material-color("purple", "800");--color-secondary:#ffba49;--color-decent-bg:#faf7fa;--color-dark-gray:#303030;--color-light-gray:#d6d6d6;--color-very-light-gray:#e6e6e6;--color-gray:#4c4c4c}.gallery-wrapper{position:relative}.gallery-grid__item{aspect-ratio:1;cursor:pointer;appearance:none;background:var(--color-very-light-gray);border:0;border-radius:16px;min-width:0;padding:0;display:block;position:relative;overflow:hidden}.gallery-grid__item:after{pointer-events:none;content:"";border:0 solid var(--color-primary);border-radius:inherit;transition:border-width .18s;position:absolute;inset:0}.gallery-grid__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.gallery-grid__item--selected:after{border-width:3px}.gallery-grid__item--selected .gallery-grid__image{filter:brightness(.6)}.gallery-grid__image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .22s,filter .18s,transform .22s;display:block;transform:scale(1.015)}.gallery-grid__image--loaded{opacity:1;transform:scale(1)}@media (hover:hover){.gallery-grid__item:hover .gallery-grid__image--loaded{transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){.gallery-grid__item:after,.gallery-grid__image{transition:none}}.img-viewer{justify-content:center;align-items:center;display:flex}.img-viewer img{max-width:95vw;height:auto;max-height:75vh;display:block;box-shadow:0 0 8px #00000040}.img-viewer .meta{color:#fff;text-shadow:1px 1px 1px #000;background:#40404080;border-radius:16px;max-width:95vw;margin-top:8px;padding:8px}
