.htmled-image-preview,.htmled-image-preview *,.htmled-image-preview-trigger,.htmled-image-preview-cue{box-sizing:border-box}.htmled-image-preview-trigger{min-width:0;color:inherit;text-decoration:none;display:block;position:relative}.htmled-image-preview-cue{border:1px solid var(--htmled-image-preview-border,currentColor);width:2rem;height:2rem;color:var(--htmled-image-preview-ink,CanvasText);background:var(--htmled-image-preview-surface,Canvas);opacity:0;pointer-events:none;padding:.375rem;position:absolute;bottom:.75rem;right:.75rem}.htmled-image-preview-trigger:is(:hover,:focus-visible) .htmled-image-preview-cue{opacity:1}.case-preview-label{border:1px solid var(--htmled-image-preview-border,currentColor);color:var(--htmled-image-preview-ink,CanvasText);background:var(--htmled-image-preview-surface,Canvas);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;position:absolute;bottom:.75rem;left:.75rem}html:has(.htmled-image-preview[open]){overflow:hidden}.htmled-image-preview{overscroll-behavior:contain;border:1px solid var(--htmled-image-preview-border,currentColor);width:min(72rem,100% - 32px);max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);color:var(--htmled-image-preview-ink,CanvasText);background:var(--htmled-image-preview-surface,Canvas);border-radius:0;margin:auto;padding:0;overflow:auto}.htmled-image-preview::backdrop{background:var(--htmled-image-preview-backdrop,#080f1ebf)}.htmled-image-preview:not([open]){display:none}.htmled-image-preview [hidden]{display:none!important}.htmled-image-preview__header{z-index:1;border-bottom:1px solid var(--htmled-image-preview-border,currentColor);background:var(--htmled-image-preview-surface,Canvas);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:1rem;display:flex;position:sticky;top:0}.htmled-image-preview__title{overflow-wrap:anywhere;flex:1 1 0;margin:0;font-size:1.25rem;line-height:1.4}.htmled-image-preview__close{border:1px solid var(--htmled-image-preview-border,currentColor);min-height:44px;font:inherit;color:inherit;background:var(--htmled-image-preview-surface,Canvas);cursor:pointer;border-radius:0;padding:.5rem 1rem}.htmled-image-preview__gallery{border-bottom:1px solid var(--htmled-image-preview-border,currentColor);flex-wrap:wrap;flex:12rem;align-items:center;gap:.5rem 1rem;padding:1rem;display:flex}.htmled-image-preview__position{flex:100%;margin:0;font-size:1rem;line-height:1.5}.htmled-image-preview :is(.htmled-image-preview__gallery button,.htmled-image-preview__retry){min-height:44px;color:inherit;background:var(--htmled-image-preview-surface,Canvas);font:inherit;cursor:pointer;border:1px solid;border-radius:0;padding:.5rem .75rem}.htmled-image-preview__gallery button[aria-disabled=true]{opacity:.6;cursor:default}.htmled-image-preview__gallery a{align-items:center;min-height:44px;display:inline-flex}.htmled-image-preview__loading{margin:0;padding:1rem}.htmled-image-preview__retry{margin-inline-start:.75rem}@media (max-width:480px){.htmled-image-preview__header,.htmled-image-preview__gallery{gap:.5rem;padding:.5rem}.htmled-image-preview__title{font-size:1rem}.htmled-image-preview__gallery{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.htmled-image-preview__position,.htmled-image-preview__gallery a{grid-column:1/-1}.htmled-image-preview__gallery button{overflow-wrap:anywhere}}.htmled-image-preview__close:hover{background:var(--htmled-image-preview-hover,var(--htmled-image-preview-surface,Canvas))}.htmled-image-preview__image img{max-width:100%;height:auto;margin-inline:auto;display:block}.htmled-image-preview__error{padding:1rem}@media (max-height:480px){.htmled-image-preview__header{flex-wrap:nowrap;gap:.5rem;padding:.5rem}.htmled-image-preview__title{flex-basis:0;font-size:1rem}}.htmled-image-preview-trigger:focus-visible,.htmled-image-preview :focus-visible{outline:3px solid var(--htmled-image-preview-focus,Highlight);outline-offset:3px}@media (hover:none),(pointer:coarse){.htmled-image-preview-cue{opacity:1}}@media (forced-colors:active){.htmled-image-preview,.htmled-image-preview__header,.htmled-image-preview__close,.htmled-image-preview-cue{color:canvastext;background:canvas;border-color:canvastext}.htmled-image-preview-cue{opacity:1}.htmled-image-preview-trigger:focus-visible,.htmled-image-preview :focus-visible{outline-color:highlight}}
