dialog.mdl{box-sizing:border-box;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:1rem;border:0;background:none;display:grid;place-items:center;overflow:auto}dialog.mdl:not([open]){display:none}dialog.mdl::backdrop{background:rgba(9,9,11,.65)}.mdl-card{position:relative;box-sizing:border-box;width:min(32rem,100%);padding:clamp(1.5rem,4vw,3rem);border-radius:var(--r-tile);background:var(--color-card);color:var(--color-foreground)}.mdl-card.wide{width:min(52rem,100%)}.mdl-x{position:absolute;top:.75rem;right:.75rem}.mdl-card section{padding-block:0}.mdl-card section + section{margin-top:clamp(2rem,5vw,3rem)}.mdl-card .wrap{max-width:none;padding-inline:0}html[data-motion="full"] .mdl-card{transition:opacity .2s ease,translate .24s cubic-bezier(.16,1,.3,1)}html[data-motion="full"] dialog.mdl::backdrop{transition:opacity .2s ease}html[data-motion="full"] dialog.mdl:not(.on) .mdl-card{opacity:0;translate:0 .75rem}html[data-motion="full"] dialog.mdl:not(.on)::backdrop{opacity:0}@media (max-width:767px){dialog.mdl{padding:0;place-items:stretch}.mdl-card{width:100%;min-height:100%;border-radius:0}}.mdl-prev,.mdl-next{position:fixed;top:50%;translate:0 -50%}.mdl-prev{left:1rem}.mdl-next{right:1rem}dialog.mdl:has(.mdl-next){touch-action:pan-y pinch-zoom}.tm-open .tm-photo{transition:translate .3s var(--ease)}.tm-open:hover .tm-photo{translate:0 -4px}