.image-modal-overlay{-webkit-backdrop-filter:blur(15px);z-index:4000;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%;background-color:#000;justify-content:center;width:100%;min-width:340px;height:100%;transition:background-color .3s;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;top:0;left:0}.image-modal-overlay.is-dragging{cursor:grabbing!important;transition:none!important}.image-modal-overlay.is-dragging .image-modal-content-container{transition:none!important}.image-modal-content-container{will-change:transform;touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.image-modal-header-bar{z-index:4050;pointer-events:none;background:linear-gradient(#000c 0%,#0006 50%,#0000 100%);justify-content:center;align-items:center;width:100%;height:100px;transition:opacity .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.image-modal-footer-bar{z-index:4050;pointer-events:none;background:linear-gradient(#0000 0%,#0006 50%,#000c 100%);width:100%;height:120px;transition:opacity .4s cubic-bezier(.16,1,.3,1);position:fixed;bottom:0;left:0}.image-modal-header-bar.hidden,.image-modal-footer-bar.hidden{opacity:0}.image-modal-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.image-modal-wrapper.fullscreen{padding:0}.image-modal-viewport.fullscreen{width:100%;min-width:340px;max-width:1200px;height:100vh;box-shadow:none;border-radius:0;margin:0 auto}.image-modal-viewport{background-color:#0000;justify-content:flex-start;align-items:center;display:flex;position:relative;overflow:hidden}.slider-container{will-change:transform;gap:40px;width:100%;height:100%;display:flex}.slide-item{box-sizing:border-box;flex:0 0 100%;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex;overflow:hidden}.media-movable-content{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.is-dragging .media-movable-content{cursor:grabbing}.image-modal-img-internal.fullscreen{object-fit:contain;width:100%!important;height:100%!important}.modal-universal-back-btn{color:#fff;cursor:pointer;z-index:4100;-webkit-backdrop-filter:blur(20px);pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#0003;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;font-weight:100;line-height:1;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:30px;left:30px}.modal-universal-back-btn:active{background:#ffffff4d;transform:scale(.9)}@media (hover:hover){.modal-universal-back-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translate(-3px)}}.modal-nav-btn{color:#fff6;cursor:pointer;z-index:4100;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:80px;height:100px;font-size:40px;font-weight:100;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:50%;transform:translateY(-50%)}.modal-nav-btn:active:not(.disabled){opacity:.3}@media (hover:hover){.modal-nav-btn:hover:not(.disabled){color:#fff;transform:translateY(-50%)scale(1.1)}.modal-nav-btn.prev:hover:not(.disabled){transform:translateY(-50%)translate(-5px)scale(1.1)}.modal-nav-btn.next:hover:not(.disabled){transform:translateY(-50%)translate(5px)scale(1.1)}}.modal-nav-btn.prev{left:10px}.modal-nav-btn.next{right:10px}.modal-nav-btn.hidden{opacity:0;pointer-events:none;visibility:hidden}.modal-nav-btn.disabled{opacity:0;pointer-events:none}.image-modal-info{color:#ffffff80;text-shadow:0 2px 4px #00000080;letter-spacing:.2em;z-index:4100;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:300;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;top:40px;left:50%;transform:translate(-50%)}.image-modal-caption{z-index:4100;pointer-events:none;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:35px;left:30px}.caption-title{color:#fff;text-shadow:0 1px 2px #00000080;font-size:16px;font-weight:500}.caption-meta{color:#ffffffb3;text-shadow:0 1px 2px #00000080;font-size:13px;font-weight:300}@media (max-width:768px){.modal-universal-back-btn{width:36px;height:36px;top:20px;left:20px}.modal-universal-back-btn svg{width:18px;height:18px}.image-modal-info{letter-spacing:.15em;font-size:12px;top:28px}.modal-nav-btn{width:40px;height:60px}.modal-nav-btn svg{width:24px;height:24px}.image-modal-caption{bottom:25px;left:20px}.caption-title{font-size:14px}.caption-meta{font-size:12px}}@media (max-width:400px) and (orientation:portrait){.modal-nav-btn{display:none}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}
.video-modal-overlay{-webkit-backdrop-filter:blur(15px);z-index:4000;-webkit-user-select:none;user-select:none;background-color:#000;justify-content:center;align-items:center;width:100%;min-width:340px;height:100%;transition:background-color .3s;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;top:0;left:0}.video-modal-overlay.is-dragging{cursor:grabbing!important;transition:none!important}.video-modal-overlay.is-dragging .video-modal-content-container{transition:none!important}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.video-modal-content-container{will-change:transform;touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.video-modal-wrapper{aspect-ratio:16/9;cursor:grab;background:0 0;justify-content:center;align-items:center;width:100%;min-width:340px;max-width:1200px;display:flex;position:relative}.video-modal-element{object-fit:contain;outline:none;width:100%;height:100%}.video-modal-close-btn{color:#fffc;cursor:pointer;z-index:5000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:32px;font-weight:100;line-height:1;transition:all .3s;display:flex;position:fixed;top:30px;right:30px}.video-modal-close-btn:active{opacity:.5;transform:scale(.9)}.video-modal-close-btn.hidden{opacity:0;pointer-events:none;visibility:hidden}@media (hover:hover){.video-modal-close-btn:hover{color:#fff;background:#fff3}}.video-modal-loader{z-index:10;border:2px solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:480px){.video-modal-close-btn{width:40px;height:40px;font-size:28px;top:20px;right:24px}}
