dialog.photo_modal{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.9);overflow:scroll;z-index:2;&::-webkit-scrollbar{display:none}.display-none{display:none}.inner{display:grid;grid-template-rows:10% 80% 10%;grid-template-columns:1fr;-webkit-user-select:none;-moz-user-select:none;user-select:none;button{background:transparent;border:none;cursor:pointer}.close{text-align:right;font-size:1.5em;color:var(--color-light)}}.caption{margin:2em auto;white-space:pre-wrap;width:600px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;.col-left,.col-right{flex:1 1;min-width:260px}.col-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;&>a{color:var(--color-light);font-family:var(--font-family-sans-serif);display:inline-flex;align-items:center;gap:.2rem;&:hover{text-decoration:underline}*{color:inherit;font-size:.8em;font-weight:300}svg{height:1em;flex-shrink:0;fill:var(--color-light)}}}.place{font-weight:700;color:var(--color-light);font-family:var(--font-family-sans-serif);padding:.5em 0}.city{display:inline-flex;align-items:center;gap:.1em;font-weight:300;font-family:var(--font-family-sans-serif);color:var(--color-light);line-height:1.5;svg{width:.9em;height:.9em;flex-shrink:0;fill:var(--color-light)}}.time{display:flex;align-items:center;gap:.2em;font-size:.9em;color:var(--color-light);font-weight:300;font-family:var(--font-family-sans-serif);svg{width:.9em;height:.9em;flex-shrink:0;fill:var(--color-light)}}}}@media (max-width:961px){dialog.photo_modal{.img-container{width:360px;height:360px}.caption{margin:1em 0;width:360px;display:block;.col-right{align-items:start;a{margin-top:1em}}}}}.img-container{object-fit:cover;width:600px;height:600px;position:relative;margin:auto;.img{border-radius:2px;margin:auto;width:100%;height:100%}}@media (max-height:768px){.img-container{width:400px;height:400px}}.image_spinner{width:48px;height:48px;border-radius:50%;display:inline-block;position:relative;border:1px solid;border-color:var(--inactive) var(--inactive) transparent transparent;box-sizing:border-box;animation:rotation 1s linear infinite;top:50%;left:calc(50% - 24px);&:after,&:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:1px solid;border-color:transparent transparent var(--lemon) var(--lemon);width:40px;height:40px;border-radius:50%;box-sizing:border-box;animation:rotationBack .5s linear infinite;transform-origin:center center}&:before{width:32px;height:32px;border-color:var(--inactive) var(--inactive) transparent transparent;animation:rotation 1.5s linear infinite}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotationBack{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}