/*!
 * havLightbox v0.3 (https://havoc.de)
 * Copyright (c) 2024-2025 René Nicolaus
 * Licensed under MIT (https://github.com/Havoc7891/havLightbox/blob/main/LICENSE)
 */dialog.havlightbox{--havlightbox-surface:#181818;--havlightbox-border:#141414;--havlightbox-backdrop:rgba(0,0,0,.6);--havlightbox-header-bg:#181818;--havlightbox-header-text:#ffffff;--havlightbox-button-bg:#202020;--havlightbox-button-text:rgba(255,255,255,.6);--havlightbox-button-hover-bg:rgba(255,255,255,.05);--havlightbox-button-hover-border:rgba(255,255,255,.025);--havlightbox-spinner-track:rgba(255,255,255,.25);--havlightbox-spinner-color:#7ca4f8;color-scheme:dark;border:none;border-radius:8px;padding:0;background:transparent;overflow:hidden}:root[data-theme="dark"] dialog.havlightbox,body[data-theme="dark"] dialog.havlightbox,body.theme-dark dialog.havlightbox,body.dark-mode dialog.havlightbox{color-scheme:dark}:root[data-theme="light"] dialog.havlightbox,body[data-theme="light"] dialog.havlightbox,body.theme-light dialog.havlightbox,body.light-mode dialog.havlightbox{color-scheme:light;--havlightbox-surface:#ffffff;--havlightbox-border:rgba(15,23,42,.12);--havlightbox-backdrop:rgba(15,23,42,.35);--havlightbox-header-bg:rgba(246,248,252,.95);--havlightbox-header-text:#000000;--havlightbox-button-bg:#ececf0;--havlightbox-button-text:rgba(19,36,66,.78);--havlightbox-button-hover-bg:rgba(59,130,246,.12);--havlightbox-button-hover-border:rgba(59,130,246,.3);--havlightbox-spinner-track:rgba(19,36,66,.2);--havlightbox-spinner-color:#3b82f6}@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) body:not([data-theme="dark"]):not(.theme-dark):not(.dark-mode) dialog.havlightbox{color-scheme:light;--havlightbox-surface:#ffffff;--havlightbox-border:rgba(15,23,42,.12);--havlightbox-backdrop:rgba(15,23,42,.35);--havlightbox-header-bg:rgba(246,248,252,.95);--havlightbox-header-text:#000000;--havlightbox-button-bg:#ececf0;--havlightbox-button-text:rgba(19,36,66,.78);--havlightbox-button-hover-bg:rgba(59,130,246,.12);--havlightbox-button-hover-border:rgba(59,130,246,.3);--havlightbox-spinner-track:rgba(19,36,66,.2);--havlightbox-spinner-color:#3b82f6}}.havlightbox-backdrop{position:fixed;inset:0;width:100%;height:100vh;background:var(--havlightbox-backdrop);opacity:0}@supports (-webkit-touch-callout:none){.havlightbox-backdrop{height:100%;min-height:100vh;min-height:-webkit-fill-available}}.havlightbox-sheet{--havlightbox-height:clamp(8rem,20vh,16rem);--havlightbox-viewport-padding-x:16px;--havlightbox-viewport-padding-y:16px;--havlightbox-browser-width:100%;background:var(--havlightbox-surface);border:1px solid var(--havlightbox-border);border-radius:8px;box-shadow:var(--shadow);display:inline-grid;height:fit-content;width:fit-content;box-sizing:border-box;grid-template-rows:auto auto auto;opacity:0;transform:translateY(8px) scale(.98);max-width:min(calc(100vw - 2 * var(--havlightbox-viewport-padding-x,16px)),calc(100% + 32px));max-height:calc(100vh - 2 * var(--havlightbox-viewport-padding-y,16px));overflow-x:hidden;overflow-y:auto;color:var(--havlightbox-header-text)}dialog.havlightbox[open] .havlightbox-sheet{animation:sheetIn .22s ease forwards}dialog.havlightbox.closing .havlightbox-sheet{animation:sheetOut .18s ease forwards}dialog.havlightbox[open] .havlightbox-backdrop{animation:backdropIn .22s ease forwards}dialog.havlightbox.closing .havlightbox-backdrop{animation:backdropOut .18s ease forwards}@keyframes sheetIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sheetOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes backdropIn{from{opacity:0}to{opacity:1}}@keyframes backdropOut{from{opacity:1}to{opacity:0}}body.havlightbox-open{overflow:hidden}.havlightbox-content{display:flex;justify-content:center;align-items:center;width:auto;min-height:96px;overflow:auto;position:relative}#havlightbox-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;min-width:96px;min-height:96px;opacity:1;transition:opacity .22s ease-in-out;object-fit:contain}.havlightbox-header,.havlightbox-actions{color:var(--havlightbox-header-text);display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 14px;min-width:0;width:var(--havlightbox-browser-width,100%);box-sizing:border-box;background:var(--havlightbox-header-bg);margin:0 auto;justify-self:center}.havlightbox-header-title{display:flex;justify-content:space-between;gap:8px}.havlightbox-actions{border-bottom:none;text-align:center;padding:8px 14px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0))}.havlightbox-caption{min-width:0;flex:1 1 auto;overflow:visible;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:center;max-width:100%;color:var(--havlightbox-header-text);line-height:1.3;margin:0}.havlightbox-content.loading::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border:3px solid var(--havlightbox-spinner-track);border-top-color:var(--havlightbox-spinner-color);border-radius:50%;animation:havlightbox-spin .8s linear infinite;pointer-events:none}@keyframes havlightbox-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.icon-btn{border:1px solid var(--havlightbox-border);background:var(--havlightbox-button-bg);color:var(--havlightbox-button-text);padding:4px 10px;border-radius:16px;cursor:pointer;font-size:1.25em;transition:background .18s ease,color .18s ease,border-color .18s ease}.icon-btn:hover{border:1px solid var(--havlightbox-button-hover-border);background:var(--havlightbox-button-hover-bg);color:var(--havlightbox-header-text)}.icon-btn.nav{padding:4px 12px}@media (max-width:900px),(max-height:720px){.havlightbox-content{max-height:calc(100vh - 2 * var(--havlightbox-viewport-padding-y,16px) - var(--havlightbox-height,8rem))}#havlightbox-image{height:auto;width:auto;max-width:100%;max-height:var(--mobile-max-height,calc(100vh - 2 * var(--havlightbox-viewport-padding-y,16px) - var(--havlightbox-height,8rem)));object-fit:contain}.havlightbox-actions{width:var(--havlightbox-browser-width,100%);min-width:250px;max-width:calc(100vw - 2 * var(--havlightbox-viewport-padding-x,16px));padding:6px 12px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0))}.havlightbox-caption{min-width:100px;word-break:break-word;overflow-wrap:break-word;hyphens:auto;flex:1 1 auto;line-height:1.2;font-size:.9em}}