.polaroid{position:relative;background:#fff;border-radius:4px;padding:7px 7px 34px;box-shadow:0 4px 20px #0000001a;cursor:pointer;translate:0 0}.polaroid img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:2px;pointer-events:none}body.has-dot .polaroid{cursor:none}.polaroid:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(hover:hover)and (pointer:fine){.polaroid,.strip{transition:translate .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s ease}.polaroid:hover,.polaroid:focus-visible{translate:0 -12px;z-index:5;box-shadow:0 14px 32px #00000029}.strip:hover,.strip:focus-visible{translate:0 -12px;z-index:3;box-shadow:0 14px 32px #0003}}body.modal-open{overflow:hidden}#photo-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:32px}#photo-modal[hidden]{display:none}.photo-modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1414166b;animation:photo-modal-fade .28s ease both}:root[data-theme=dark] .photo-modal-scrim{background:#0009}#photo-modal:not([hidden]) .photo-modal-scrim{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.photo-modal-panel{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.photo-modal-panel:focus{outline:none}.photo-modal-panel:focus-visible{outline:2px solid var(--accent);outline-offset:6px}#photo-modal-stage{display:flex}.photo-modal-rise{perspective:1100px;animation:photo-modal-rise .62s cubic-bezier(.2,.75,.28,1) both}.photo-modal-card{--tilt-x: 0deg;--tilt-y: 0deg;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;will-change:transform}.photo-modal-card.is-tilting{transition:transform .14s ease-out}.photo-modal-card.is-polaroid{background:#fff;border-radius:6px;padding:12px 12px 56px;box-shadow:0 18px 50px #00000047;width:min(340px,calc(100vw - 64px))}.photo-modal-card.is-polaroid img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:3px}.photo-modal-card.is-strip{line-height:0;filter:drop-shadow(0 18px 50px rgba(0,0,0,.28))}.photo-modal-card.is-strip img{width:auto;height:auto;max-height:calc(100svh - 64px);max-width:min(280px,calc(100vw - 64px));object-fit:contain;border-radius:2px}@keyframes photo-modal-rise{0%{transform:translate3d(0,88px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes photo-modal-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.polaroid,.strip{transition:none}.polaroid:hover,.polaroid:focus-visible,.strip:hover,.strip:focus-visible{translate:0 0}.photo-modal-scrim,.photo-modal-rise{animation:none}.photo-modal-card.is-tilting{transition:none}}