:host{--g2ui-lightbox-color-action: var(--g2ui-lightbox-color-primary, green);display:block}:host *{outline:none}.thumbnails{--auto: auto-fill;--min: 6em;--max: 1fr;--gap-max: calc(var(--min) / 6);--gap: clamp(1em, calc(1vw + 1em) , var(--gap-max));display:grid;grid-gap:var(--gap);grid-template-columns:repeat(var(--auto),minmax(min(var(--min),100%),var(--max)));list-style:none;margin:0;padding:0}.thumbnails:empty{display:none}.thumbnails>*{aspect-ratio:1;display:block;height:auto}.thumbnails figure{display:contents;margin:0;padding:0}.thumbnails img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}::backdrop{background-color:#000c}dialog[open]{background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='lds-spinner' preserveAspectRatio='xMidYMid' style='animation-play-state:running;animation-delay:0s;background:0 0' viewBox='0 0 100 100'%3E%3Crect width='6' height='30' x='49' fill='%23FFF' rx='5' ry='3' style='animation-play-state:running;animation-delay:0s'%3E%3Canimate attributeName='opacity' begin='-0.9166666666666666s' dur='1s' keyTimes='0;1' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3Crect width='6' height='30' x='49' fill='%23FFF' rx='5' ry='3' style='animation-play-state:running;animation-delay:0s' transform='rotate(30 50 50)'%3E%3Canimate attributeName='opacity' begin='-0.8333333333333334s' dur='1s' keyTimes='0;1' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3Crect width='6' height='30' x='49' fill='%23FFF' rx='5' ry='3' style='animation-play-state:running;animation-delay:0s' transform='rotate(60 50 50)'%3E%3Canimate attributeName='opacity' begin='-0.75s' dur='1s' keyTimes='0;1' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3Crect width='6' height='30' x='49' fill='%23FFF' rx='5' ry='3' style='animation-play-state:running;animation-delay:0s' transform='rotate(90 50 50)'%3E%3Canimate attributeName='opacity' begin='-0.6666666666666666s' dur='1s' keyTimes='0;1' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3Crect width='6' height='30' x='49' fill='%23FFF' rx='5' ry='3' style='animation-play-state:running;animation-delay:0s' transform='rotate(120 50 50)'%3E%3Canimate attributeName='opacity' begin='-0.5833333333333334s' dur='1s' keyTimes='0;1' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3Crect width='6' height='30' x='49' fill='%23FFF' rx='5' ry='3' style='animation-play-state:running;animation-delay:0s' transform='rotate(150 50 50)'%3E%3Canimate attributeName='opacity' begin='-0.5s' dur='1s' keyTimes='0;1' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3Crect width='6' height='30' x='49' fill='%23FFF' rx='5' ry='3' style='animation-play-state:running;animation-delay:0s' transform='rotate(180 50 50)'%3E%3Canimate attributeName='opacity' begin='-0.4166666666666667s' dur='1s' keyTimes='0;1' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3Crect width='6' height='30' x='49' fill='%23FFF' rx='5' ry='3' style='animation-play-state:running;animation-delay:0s' transform='rotate(210 50 50)'%3E%3Canimate attributeName='opacity' begin='-0.3333333333333333s' dur='1s' keyTimes='0;1' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3Crect width='6' height='30' x='49' fill='%23FFF' rx='5' ry='3' style='animation-play-state:running;animation-delay:0s' transform='rotate(240 50 50)'%3E%3Canimate attributeName='opacity' begin='-0.25s' dur='1s' keyTimes='0;1' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3Crect width='6' height='30' x='49' fill='%23FFF' rx='5' ry='3' style='animation-play-state:running;animation-delay:0s' transform='rotate(270 50 50)'%3E%3Canimate attributeName='opacity' begin='-0.16666666666666666s' dur='1s' keyTimes='0;1' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3Crect width='6' height='30' x='49' fill='%23FFF' rx='5' ry='3' style='animation-play-state:running;animation-delay:0s' transform='rotate(300 50 50)'%3E%3Canimate attributeName='opacity' begin='-0.08333333333333333s' dur='1s' keyTimes='0;1' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3Crect width='6' height='30' x='49' fill='%23FFF' rx='5' ry='3' style='animation-play-state:running;animation-delay:0s' transform='rotate(330 50 50)'%3E%3Canimate attributeName='opacity' begin='0s' dur='1s' keyTimes='0;1' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3C/svg%3E");background-position:center center;background-repeat:no-repeat;background-size:3em;border:none;box-sizing:border-box;height:100vh;max-inline-size:calc(100vw - 2em);min-block-size:3em;min-inline-size:3em;overflow:visible;padding:0}dialog[open].is-loaded{background-image:none}dialog .image-container{display:flex;height:100%}dialog img{box-shadow:0 1em 3em #000c;display:block;height:auto;margin:auto;max-height:90%;max-width:90%}button.close,button.next,button.prev{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:0;color:#000;cursor:pointer;display:block;font-size:1em;height:2em;inset:auto;overflow:hidden;padding:0;position:fixed;text-indent:-999em;width:2em}button.close:before,button.next:before,button.prev:before{background-color:#fff;content:"";display:block;height:2em;top:0;right:0;bottom:0;left:.0625em;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:.75em;mask-size:.75em;position:absolute;width:2em}button.close{background-color:transparent;display:flex;height:4em;inset-block-start:env(safe-area-inset-top);inset-inline-end:env(safe-area-inset-right);place-content:center;width:4em}button.close:before{margin:auto;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Cpath d='M12 0a12 12 0 1 0 12 12A12.013 12.013 0 0 0 12 0Zm0 22a10 10 0 1 1 10-10 10.011 10.011 0 0 1-10 10Z' class='cls-1'/%3E%3Cpath d='M16.707 7.293a1 1 0 0 0-1.414 0L12 10.586 8.707 7.293a1 1 0 1 0-1.414 1.414L10.586 12l-3.293 3.293a1 1 0 1 0 1.414 1.414L12 13.414l3.293 3.293a1 1 0 0 0 1.414-1.414L13.414 12l3.293-3.293a1 1 0 0 0 0-1.414Z' /%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Cpath d='M12 0a12 12 0 1 0 12 12A12.013 12.013 0 0 0 12 0Zm0 22a10 10 0 1 1 10-10 10.011 10.011 0 0 1-10 10Z' class='cls-1'/%3E%3Cpath d='M16.707 7.293a1 1 0 0 0-1.414 0L12 10.586 8.707 7.293a1 1 0 1 0-1.414 1.414L10.586 12l-3.293 3.293a1 1 0 1 0 1.414 1.414L12 13.414l3.293 3.293a1 1 0 0 0 1.414-1.414L13.414 12l3.293-3.293a1 1 0 0 0 0-1.414Z' /%3E%3C/svg%3E");-webkit-mask-size:2em;mask-size:2em}button.next,button.prev{background-color:#00000080;border-radius:50%;display:flex;font-size:1.5em;height:4em;opacity:1;overflow:hidden;padding:1em;transition:opacity .2s;width:4em}@media (hover: hover){button.next,button.prev{opacity:.6}button.next:hover,button.prev:hover{opacity:1}}button.next:before,button.prev:before{margin:auto;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M285.476 272.971 91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M285.476 272.971 91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'/%3E%3C/svg%3E")}dialog.single button.next,dialog.single button.prev{display:none}button.next{inset:auto calc(env(safe-area-inset-right) + 1rem) calc(env(safe-area-inset-bottom) + 10rem) auto}button.prev{inset:auto auto calc(env(safe-area-inset-bottom) + 10rem) calc(env(safe-area-inset-left) + 1rem);transform:rotate(180deg)}button.share{background-color:#000;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjAsMTEydjk2YTIwLDIwLDAsMCwxLTIwLDIwSDU2YTIwLDIwLDAsMCwxLTIwLTIwVjExMkEyMCwyMCwwLDAsMSw1Niw5Mkg3NmExMiwxMiwwLDAsMSwwLDI0SDYwdjg4SDE5NlYxMTZIMTgwYTEyLDEyLDAsMCwxLDAtMjRoMjBBMjAsMjAsMCwwLDEsMjIwLDExMlpNOTYuNDksNzIuNDksMTE2LDUzdjgzYTEyLDEyLDAsMCwwLDI0LDBWNTNsMTkuNTEsMTkuNTJhMTIsMTIsMCwxLDAsMTctMTdsLTQwLTQwYTEyLDEyLDAsMCwwLTE3LDBsLTQwLDQwYTEyLDEyLDAsMSwwLDE3LDE3WiI+PC9wYXRoPjwvc3ZnPg==);background-position:left .5em center;background-repeat:no-repeat;background-size:1em auto;border:none;border-radius:.25em;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;inset:auto auto calc(1em + env(safe-area-inset-bottom)) 50%;letter-spacing:.03125em;padding:.5em .75em .5em 1.75em;position:fixed;text-transform:uppercase;transform:translate(-50%,-50%);transition:opacity .2s}button.share:hover{background-color:var(--g2ui-lightbox-color-action)}