@charset "UTF-8";:root{--modal-bg:rgba(255, 255, 255, 1);--modal-text:#555}.modal-imgs{cursor:pointer;pointer-events:all}.modal-overlay{display:none;position:fixed;align-items:center;justify-content:center;flex-direction:column;top:0;left:0;cursor:pointer;z-index:-1;opacity:0;background:var(--modal-bg);transition:all .25s 0s ease}.modal-overlay.show{display:flex;width:100%;height:100%;z-index:4;opacity:1}.modal-wrapper{display:flex;position:fixed;align-items:center;justify-content:center;flex-direction:column;transform:translate(-50%,-50%);top:50%;left:50%;z-index:-1;visibility:hidden;opacity:0;transition:visibility .25s,opacity .25s;pointer-events:none}.modal-wrapper.show{width:auto;z-index:10;visibility:visible;opacity:1;pointer-events:all}.modal-img{text-align:center;flex-grow:1;margin:0 auto 1rem;z-index:5}.modal-img img{display:inline-block;position:relative;max-width:80vw;max-height:calc(80vh - var(--aside));margin:0;z-index:5;opacity:0;transition:.5s ease-out;-webkit-animation:show;animation:show;pointer-events:all}.modal-img img.show{opacity:1;-webkit-animation:show 1.3s ease-in-out;animation:show 1.3s ease-in-out}.modal-wrapper aside{position:relative;max-width:100%;padding:0 2rem 0 0;border:none;-webkit-clip-path:none;clip-path:none;color:var(--modal-text)}.modal-wrapper aside::after{display:none}.modal-close,.modal-next,.modal-prev{position:absolute;width:25px;height:25px;cursor:pointer;z-index:8}.modal-next,.modal-prev{transform:translateY(-50%);top:50%}.modal-prev{left:-30px}.modal-next{right:-30px}.modal-close{bottom:.5vh;right:0}.modal-close::after,.modal-close::before{display:block;position:absolute;content:"";transform:rotate(45deg) translateY(-50%);transform-origin:50%;top:50%;width:19px;height:1px;margin:auto;background:var(--modal-text)}.modal-close::before{left:0}.modal-close::after{transform:rotate(-45deg)}:is(.modal-prev,.modal-next)::after{display:block;position:absolute;content:"";top:0;bottom:0;left:0;right:0;width:15px;height:15px;margin:auto;transition:.3s}.modal-next::after{transform:rotate(-45deg);border-right:1px solid var(--modal-text);border-bottom:1px solid var(--modal-text)}.modal-prev::after{transform:rotate(45deg);border-bottom:1px solid var(--modal-text);border-left:1px solid var(--modal-text)}.spinner{position:relative}.spinner img{position:relative;z-index:1}.spinner::after{position:absolute;content:"";top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border:2px solid #ccc;border-top-color:#333;border-radius:50%;z-index:0;-webkit-animation:spinner .7s linear infinite;animation:spinner .7s linear infinite}html.is-fixed body{overflow:hidden}@media screen and (max-width:480px){.modal-prev{left:-10px}.modal-next{right:-10px}}