.gallery{position:relative;border:1px groove #d7e3ff;margin-top:25px;margin-left:13px;margin-right:17px}@media(max-width: 700px){.gallery{margin-left:0;margin-right:0}}.slide{width:100%;margin:0 auto;aspect-ratio:3.6/2;display:none}.slide:first-of-type{display:block}.gallery img{width:auto;max-height:100%;display:block;margin:0 auto;cursor:pointer}.prev,.next{background:#d7e3ff;cursor:pointer;position:absolute;top:50%;width:auto;padding:10px;margin-top:-22px;color:#fff;font-weight:bold;font-size:18px;transition:.6s ease;border-radius:0 10px 10px 0;user-select:none;border:none}.next{right:0px;border-radius:10px 0 0 10px}.prev:hover,.next:hover{color:#415e91}.number{color:#415e91;background:#d7e3ff;font-size:14px;padding:6px 9px;position:absolute;top:0;border-radius:0 0 10px 0;z-index:2}#pmodal{border:none;padding:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;background:#f3f3fa;overflow:hidden;display:flex;align-items:center;justify-content:center}#pmodal:not([open]){display:none !important}#pmodal::backdrop{background:rgba(0,0,0,.5)}.modal-content{position:static;margin:0;padding:0;width:100vw;height:100dvh;overflow:auto;display:block}.mySlides{display:block;width:100%}.mySlides img{width:auto !important;height:auto !important;max-width:none !important;max-height:none !important;display:block;margin:0 auto;padding:30px 30px 30px 30px;box-sizing:border-box;cursor:grab}.mySlides img:active{cursor:grabbing}#pclose{position:absolute;top:10px;right:25px;background:#d7e3ff;color:#fff;padding:6px 14px;border-radius:5px;font-size:28px;font-weight:bold;border:none;cursor:pointer;z-index:10;transition:.3s}#pclose:hover,#pclose:focus{color:#415e91;text-decoration:none;cursor:pointer}#modal-number{position:absolute;top:10px;left:10px;color:#415e91;background:#d7e3ff;font-size:14px;padding:8px 14px;border-radius:5px;z-index:10}#pmodal .prev,#pmodal .next{position:absolute;top:50%;transform:translateY(-50%);padding:15px 10px;font-size:20px;z-index:10}#pmodal .prev{left:10px}#pmodal .next{right:25px}@media(pointer: coarse){#pmodal .prev{left:0;font-size:16px}#pmodal .next{right:0;font-size:16px}#modal-number{left:0;top:max(0px,env(safe-area-inset-top))}#pclose{right:0;top:max(0px,env(safe-area-inset-top));font-size:24px}}#modal-main-img:focus{outline:none}
