.image-display__trigger{appearance:none;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block;overflow:hidden}.image-display__trigger--align-left{float:left;float:inline-start;margin-right:16px;margin-inline-end:16px}.image-display__trigger--align-right{float:right;float:inline-end;margin-left:16px;margin-inline-start:16px}.image-display__trigger-img{border-radius:var(--border-radius-md);max-width:100%;max-height:100%;display:block}.image-display__overlay{background-color:#000000e6;animation-name:fade-in;animation-duration:.3s;animation-fill-mode:forwards;position:fixed;inset:0}.image-display__dialog{--edge-margin:16px;max-width:var(--max-width);gap:var(--edge-margin);grid-template:"title close""img img"1fr/1fr auto;margin-inline:auto;display:grid;position:fixed;inset:0;pointer-events:none!important}.image-display__dialog>*{pointer-events:auto}.image-display__title{color:#fff;margin-block:0;margin-left:var(--edge-margin);grid-area:title;align-self:center}.image-display__image{-o-object-fit:contain;object-fit:contain;grid-area:img;place-self:center;width:auto;max-width:100%;height:auto;max-height:100%;display:block;overflow:hidden}.image-display__image-placeholder{width:100%;height:100%}.image-display__icon-btn{--size:48px;--off-white:#ccc;aspect-ratio:1;width:var(--size);height:var(--size);color:var(--off-white);appearance:none;border:1px solid var(--off-white);pointer-events:auto;cursor:pointer;background-color:#0000;border-radius:9999px;justify-content:center;align-items:center;transition:background-color .3s;display:flex}.image-display__icon-btn:hover{background-color:#ffffff26}.image-display__icon-btn:focus,.image-display__icon-btn:hover{border:2px solid var(--off-white)}.image-display__icon-btn[disabled]{opacity:.25;cursor:not-allowed}.image-display__close{margin-right:var(--edge-margin);margin-top:var(--edge-margin);grid-area:close}.image-display__nav{padding-inline:var(--edge-margin);pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}