@layer default{:root:has(img-dialog[data-modal=true] dialog[open]){overflow:clip}img-dialog{--_color-back:var(--color-back,black);--_color-outline:var(--color-outline,wheat);--_color-buttons:var(--color-buttons,wheat);--_non-modal-height:var(--non-modal-height,50svh);--_color-bullets-secondary:var(--color-bullets-secondary,#682f2f);--_size-bullets:var(--size-bullets,clamp(10px,1vw,2vw));--_border-bullets:var(--border-bullets,2px solid white);display:block}img-dialog dialog[open]{background-color:var(--_color-back);border-color:var(--_color-outline);border-style:solid;border-width:1px;border-radius:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:90svh;overflow:hidden}img-dialog[data-modal=false]{width:100%}img-dialog[data-modal=false] dialog[open]{width:100%;height:var(--_non-modal-height);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}img-dialog[data-modal=false] dialog[open] img{outline:thin solid var(--_color-outline);margin:auto}img-dialog dialog::-ms-backdrop{background-color:transparent}img-dialog dialog::-ms-backdrop{background-color:transparent}img-dialog dialog::backdrop{background-color:transparent}img-dialog dialog[open]::-ms-backdrop{background-color:rgba(0,0,0,.8)}img-dialog dialog[open]::-ms-backdrop{background-color:rgba(0,0,0,.8)}img-dialog dialog[open]::backdrop{background-color:rgba(0,0,0,.8)}img-dialog img{opacity:0;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;display:none;position:static;left:0}img-dialog img.current{display:block;opacity:1!important}img-dialog button{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;cursor:pointer;z-index:1;color:var(--_color-buttons);background:0 0;border:0;outline:0;-webkit-transition:scale .1s ease-in-out,color .1s ease-in-out;-moz-transition:scale .1s ease-in-out,color .1s ease-in-out;transition:scale .1s ease-in-out,color .1s ease-in-out}img-dialog button.arrows{margin:0;padding:0;position:absolute;top:50%;translate:0 -50%}img-dialog div.bullets{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center;column-gap:2vw;width:75%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;position:absolute;bottom:2%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}img-dialog button.bullet{border:var(--_border-bullets);width:var(--_size-bullets);aspect-ratio:1;cursor:pointer;border-radius:100%;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s}img-dialog button.bullet:hover{border-color:var(--_color-bullets-secondary)}img-dialog button.bullet-current{background-color:var(--_color-bullets-secondary)}img-dialog button.close:after{content:"✘";content:"✕";content:"⛌"}img-dialog button.close{font-size:60px;font-weight:100;position:absolute;top:max(5px,min(2%,30px));right:max(5px,min(5%,30px))}img-dialog button.arrows.left:after{content:"‹";content:"〈"}img-dialog button.arrows.right:after{content:"›";content:"⟩";content:"〉"}img-dialog button.arrows{font-size:80px;font-weight:700}img-dialog button.arrows.left{left:max(5px,min(5%,30px))}img-dialog button.arrows.right{right:max(5px,min(5%,30px))}img-dialog button{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:color-mix(in srgb,var(--_color-buttons)50%,white)}img-dialog button:hover{color:color-mix(in srgb,var(--_color-buttons)70%,black);-webkit-text-stroke-color:color-mix(in srgb,var(--_color-buttons)30%,white);scale:1.1}img-dialog button:focus-visible{color:color-mix(in srgb,var(--_color-buttons)70%,black);-webkit-text-stroke-color:color-mix(in srgb,var(--_color-buttons)30%,white);scale:1.1}img-dialog button:active{color:color-mix(in srgb,var(--_color-buttons)50%,white);-webkit-text-stroke-color:color-mix(in srgb,var(--_color-buttons)70%,black)}img-dialog button:focus-visible{outline:2px solid color-mix(in srgb,var(--_color-buttons)70%,white);outline-offset:1px}@media (prefers-reduced-motion:no-preference){img-dialog dialog[open]{-webkit-animation:.25s ease-in-out show;-moz-animation:.25s ease-in-out show;animation:.25s ease-in-out show}@-webkit-keyframes show{0%{opacity:0}to{opacity:1}}@-moz-keyframes show{0%{opacity:0}to{opacity:1}}@keyframes show{0%{opacity:0}to{opacity:1}}}}@layer attributes{img-dialog[data-transfx=flash] img{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}img-dialog[data-transfx=flash] img.current{opacity:1!important}img-dialog[data-transfx=grey] img{-webkit-filter:grayscale();filter:grayscale();-webkit-transition:-webkit-filter 2s ease-in-out,filter 2s ease-in-out;-moz-transition:-webkit-filter 2s ease-in-out,filter 2s ease-in-out;transition:-webkit-filter 2s ease-in-out,filter 2s ease-in-out}img-dialog[data-transfx=grey] img.current{-webkit-filter:grayscale(0%)!important;filter:grayscale(0%)!important}img-dialog[data-transfx=blend] img{-webkit-filter:brightness(0%);filter:brightness(0%);-webkit-transition:-webkit-filter 2s ease-in-out,filter 2s ease-in-out;-moz-transition:-webkit-filter 2s ease-in-out,filter 2s ease-in-out;transition:-webkit-filter 2s ease-in-out,filter 2s ease-in-out}img-dialog[data-transfx=blend] img.current{-webkit-filter:brightness()!important;filter:brightness()!important}img-dialog[data-transfx=slide] img{-webkit-transition-property:-webkit-transform,-moz-transform,-ms-transform,transform,opacity;-moz-transition-property:-webkit-transform,-moz-transform,-ms-transform,transform,opacity;transition-property:-webkit-transform,-moz-transform,-ms-transform,transform,opacity;-webkit-transition-duration:2s;-moz-transition-duration:2s;transition-duration:2s;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transform:translate(100%);-moz-transform:translate(100%);-ms-transform:translate(100%);transform:translate(100%)}img-dialog[data-transfx=slide] img.current{-webkit-transform:translate(0%)!important;-moz-transform:translate(0%)!important;-ms-transform:translate(0%)!important;transform:translate(0%)!important}}