dialog.photo_modal{background:linear-gradient(to bottom,rgb(from var(--background-contrast)r g b/1)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%  );isolation:isolate;z-index:2;width:100%;height:100%;position:fixed;overflow:scroll}dialog.photo_modal::-webkit-scrollbar{display:none}dialog.photo_modal .display-none{display:none}dialog.photo_modal .inner{-webkit-user-select:none;user-select:none;grid-template-rows:10% 80% 10%;grid-template-columns:1fr;display:grid}dialog.photo_modal .inner button{cursor:pointer;background:0 0;border:none}dialog.photo_modal .inner .close{text-align:right;color:var(--text-color-contrast);font-size:1.5em}dialog.photo_modal .caption{white-space:pre-wrap;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;width:600px;margin:2em auto;display:flex}dialog.photo_modal .caption .col-left,dialog.photo_modal .caption .col-right{flex:1 1 0;min-width:260px}:is(dialog.photo_modal .caption .col-left,dialog.photo_modal .caption .col-right) svg{height:1em;fill:var(--text-color-contrast)}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:var(--text-color-contrast);font-family:var(--font-family-sans-serif);align-items:center;gap:.2rem;display:inline-flex}dialog.photo_modal .caption .col-right>a:hover{text-decoration:underline}dialog.photo_modal .caption .col-right>a *{color:inherit;font-size:.8em;font-weight:300}dialog.photo_modal .caption .col-right>a svg{flex-shrink:0}dialog.photo_modal .caption .place{color:var(--text-color-contrast);font-weight:700;font-family:var(--font-family-sans-serif);padding:.5em 0}dialog.photo_modal .caption .city{font-weight:300;font-family:var(--font-family-sans-serif);color:var(--text-color-contrast);align-items:center;gap:.1em;line-height:1.5;display:inline-flex}dialog.photo_modal .caption .city svg{width:.9em;height:.9em}dialog.photo_modal .caption .time{color:var(--text-color-contrast);font-size:.9em;font-weight:300;font-family:var(--font-family-sans-serif);align-items:center;gap:.2em;display:flex}dialog.photo_modal .caption .time svg{width:.9em;height:.9em}@media (max-width:768px) and (orientation:portrait){dialog.photo_modal .img-container{width:360px;height:360px}dialog.photo_modal .caption{width:360px;margin:1em 0;display:block}dialog.photo_modal .caption .col-right{align-items:start}dialog.photo_modal .caption .col-right a{margin-top:1em}}
.img-container{object-fit:cover;width:600px;height:600px;margin:auto;position:relative}.img-container .img{border-radius:var(--img-border-radius);width:100%;height:100%;margin:auto}@media (max-height:768px){.img-container{width:400px;height:400px}}
.image_spinner{border:1px solid;border-color:var(--border)var(--border)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)}}