.lite-light{opacity:0;pointer-events:none;visibility:hidden;z-index:1000;background:#000c;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:"";border:3px solid #ffffff26;border-top-color:#fffc;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite lite-light-spin;position:absolute}& .lite-light-prev{position:absolute;left:10px}& .lite-light-next{position:absolute;right:10px}& img{transform-origin:50%;will-change:transform;z-index:1;background-color:#fff;max-width:90%;max-height:90%;padding:7px;position:relative}}.lite-light-button{cursor:pointer;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex;&:focus-visible{outline-offset:2px;outline:2px solid #fffc}}.lite-light-arrow{border:1px solid #fff;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:content-box;color:#fff;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;align-items:flex-start;width:22px;min-width:auto;height:21.5px;min-height:auto;padding:11px;transition:transform .3s;position:absolute;top:4px;right:4px;transform:scale(1);&:hover{transform:scale(1.1)}}& .lite-light-bar{background-color:#fff;width:100%;height:1px;display:block;&:first-of-type{transform-origin:0 0;width:30px;transform:rotate(45deg)}&:nth-of-type(2){transform-origin:0 100%;width:30px;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{top:14px;right:14px}}}@media (prefers-reduced-motion:reduce){.lite-light{transition:none}.lite-light-fade-in,.lite-light-fade-out{animation-duration:10ms}.lite-light:after{animation:none}}@supports (-webkit-touch-callout:none){.lite-light img{backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}}