dialog.photo_modal{color:var(--text-color-contrast);background:linear-gradient(to bottom,var(--background-contrast)0%,rgb(from var(--background-contrast)r g b/.9)20%,rgb(from var(--background-contrast)r g b/.8)80%,rgb(from var(--background-contrast)r g b/.75)90%,rgb(from var(--background-contrast)r g b/.7)100%);scrollbar-width:none;isolation:isolate;z-index:2;width:100%;height:100%;position:fixed;inset:0;overflow:auto}dialog.photo_modal::-webkit-scrollbar{display:none}dialog.photo_modal .inner{grid-template-rows:2em auto auto;grid-template-columns:1fr;display:grid}dialog.photo_modal .close{cursor:pointer;text-align:right;background:0 0;border:none;font-size:1.5em}dialog.photo_modal .caption{white-space:pre-wrap;width:600px;font-family:var(--font-family-sans-serif);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1px;margin:1em auto;font-size:.9em;display:flex}dialog.photo_modal .caption svg{fill:currentColor}dialog.photo_modal .caption .col-left,dialog.photo_modal .caption .col-right{flex:1 1 0;min-width:260px}dialog.photo_modal .caption .col{flex:0 0 100%}dialog.photo_modal .caption .col-right{text-align:right;flex-direction:column;align-items:flex-end;display:flex}dialog.photo_modal .caption .col-right>a{color:inherit;align-items:center;gap:.3rem;display:inline-flex}dialog.photo_modal .caption .col-right>a:hover{text-decoration-line:underline}dialog.photo_modal .caption .col-right>a>*{font-size:.8em}dialog.photo_modal .caption .col-right>a svg{flex-shrink:0;height:1.5em}dialog.photo_modal .caption .tag{align-items:center;gap:.35em;font-size:.9em;line-height:1.2;display:inline-flex}dialog.photo_modal .caption .tag svg{flex-shrink:0;width:auto;height:1.5em}dialog.photo_modal .caption .long-text{margin-top:1em;font-size:.9em;line-height:1.5}@media (max-width:768px) and (orientation:portrait){dialog.photo_modal{padding-inline:0}dialog.photo_modal .inner{grid-template-rows:auto auto auto}dialog.photo_modal .close{min-height:44px;padding-inline:1rem}dialog.photo_modal .img-container{aspect-ratio:1;width:100%;height:auto}dialog.photo_modal .caption{width:auto;margin:1.25rem 1rem 1em}dialog.photo_modal .caption .col-right{align-items:start}dialog.photo_modal .caption .col-right a{margin:1em 0}}
.img-container{object-fit:cover;width:600px;height:600px;margin:auto;position:relative}.img-container .img{object-fit:cover;border-radius:var(--img-border-radius);width:100%;height:100%;margin:auto}.img-container video{aspect-ratio:1;object-fit:cover;isolation:isolate;border-radius:var(--img-border-radius);width:100%;height:100%;margin:auto;position:absolute;top:0;left:0}@media (max-height:768px){.img-container{width:400px;height:400px}}
.image_spinner{border:1px solid;border-color:var(--accent)var(--accent)transparent transparent;box-sizing:border-box;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block;position:relative;top:50%;left:calc(50% - 24px)}.image_spinner:after,.image_spinner:before{content:"";box-sizing:border-box;border:1px solid;border-color:transparent transparent var(--lemon)var(--lemon);transform-origin:50%;border-radius:50%;width:40px;height:40px;margin:auto;animation:.5s linear infinite rotationBack;position:absolute;inset:0}.image_spinner:before{border-color:var(--border)var(--border)transparent transparent;width:32px;height:32px;animation:1.5s linear infinite rotation}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}