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}.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;.place{font-weight:700;color:var(--color-light);font-family:var(--font-family-sans-serif);padding:.5em 0}.tags{display:flex;gap:.3em;line-height:1.5;div{background-color:var(--background);padding:.2em .4em;margin:1em 0;border-radius:1em;span{padding:.2em}}}.tags,.time{font-weight:300;font-family:var(--font-family-sans-serif);color:var(--color-light)}.time{font-size:.9em}}}@media (max-width:961px){dialog.photo_modal{.img-container{width:360px;height:360px}.caption{width:360px}}}.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)}}