.lite-light{--ll-overlay:#000000bf;--ll-duration:.15s;--ll-radius:6px;--ll-image-bg:#fff;--ll-control:#fff;background:var(--ll-overlay);opacity:0;pointer-events:none;visibility:hidden;z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .25s,visibility .25s;display:flex;position:fixed;top:0;left:0;&.lite-light-active{opacity:1;pointer-events:auto;visibility:visible}&:after{content:"";opacity:0;visibility:hidden;border:3px solid #ffffff26;border-top-color:#fffc;border-radius:50%;width:36px;height:36px;position:absolute}&.lite-light-loading:after{opacity:1;visibility:visible;animation:.8s linear infinite lite-light-spin}& .lite-light-prev{position:absolute;left:10px}& .lite-light-next{position:absolute;right:10px}& img{background-color:var(--ll-image-bg);border-radius:var(--ll-radius);opacity:1;transform-origin:50%;max-width:90%;max-height:90%;transition:opacity var(--ll-duration) ease-in-out, transform var(--ll-duration) ease-in-out;z-index:1;padding:7px;position:relative;box-shadow:0 8px 40px #00000059;&.lite-light-zooming{will-change:transform}&.lite-light-no-transform-transition{transition:opacity var(--ll-duration) ease-in-out, transform 0s}&.lite-light-entering{transform:scale(.98)}&.lite-light-entering.lite-light-entered{transform:scale(1)}}}@supports (backdrop-filter:blur(2px)){.lite-light{backdrop-filter:blur(4px)}}.lite-light-button{cursor:pointer;justify-content:center;align-items:center;min-width:44px;min-height:44px;transition:transform .2s;display:flex;&:focus-visible{outline:2px solid var(--ll-control);outline-offset:2px;box-shadow:0 0 0 4px #ffffff26}}.lite-light-prev.lite-light-button,.lite-light-next.lite-light-button{background:0 0}.lite-light-arrow{border:solid var(--ll-control);border-width:0 1px 1px 0;padding:10px;transition:transform .3s;display:inline-block;transform:scale(1);&:hover{cursor:pointer;transform:scale(1.1)}&.lite-light-right{margin-right:10px;transform:scale(1)rotate(-45deg);&:hover{transform:scale(1.05)rotate(-45deg)}}&.lite-light-left{margin-left:10px;transform:scale(1)rotate(135deg);&:hover{transform:scale(1.05)rotate(135deg)}}}.lite-light-close{&.lite-light-button{box-sizing:border-box;color:#fff;cursor:pointer;min-width:44px;height:44px;min-height:44px;right:max(4px, env(safe-area-inset-right,0px));top:max(4px, env(safe-area-inset-top,0px));background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;width:44px;padding:0;position:absolute;transform:scale(1);&:hover{transform:scale(1.05)}}& .lite-light-bar{background-color:var(--ll-control);width:20px;height:1px;display:block;position:absolute;&:first-of-type{transform:rotate(45deg)}&:nth-of-type(2){transform:rotate(-45deg)}}}@keyframes lite-light-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lite-light-fade-out{0%{opacity:1}to{opacity:0}}@keyframes lite-light-spin{to{transform:rotate(360deg)}}.lite-light-fade-in{animation:.15s ease-in-out forwards lite-light-fade-in}.lite-light-fade-out{animation:.15s ease-in-out forwards lite-light-fade-out}@media (width<=768px){.lite-light{& .lite-light-prev,& .lite-light-next{display:none}& img{max-width:90%;max-height:80vh;padding:5px}& .lite-light-close.lite-light-button{right:max(14px, env(safe-area-inset-right,0px));top:max(14px, env(safe-area-inset-top,0px))}}}@media (prefers-reduced-motion:reduce){.lite-light{transition:none;& img{transition:none;&.lite-light-entering,&.lite-light-entering.lite-light-entered{transform:none}}}.lite-light-fade-in,.lite-light-fade-out{animation-duration:10ms}.lite-light.lite-light-loading:after{animation:none}}@supports (-webkit-touch-callout:none){.lite-light img.lite-light-zooming{backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}}