.modal-overlay{z-index:9999;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal{width:95%;height:94%;position:relative}.modal.modal-fullscreen{border-radius:0;width:100%;height:100%}.modal-close-btn{cursor:pointer;z-index:10;background-color:#faf1e3;border:1px solid #f7f7f7;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.modal-close-btn:hover{background-color:#f7f7f7}.modal-close-btn svg{width:24px;height:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
.modal-overlay.vr360-overlay{background-color:#0000}.modal.vr360-modal{overscroll-behavior:none;touch-action:none;width:auto;height:auto;position:fixed;inset:0;overflow:hidden}.modal.vr360-modal .modal-close-btn{top:max(12px,env(safe-area-inset-top));left:auto;right:max(12px,env(safe-area-inset-right));transition:background-color .2s;position:absolute}.modal.vr360-modal.vr360-modal-clip .modal-close-btn{opacity:0;pointer-events:none}.modal.vr360-modal .vr360-container{overscroll-behavior:none;touch-action:none;background-color:#0000;width:100%;height:100%;position:relative;overflow:hidden}.modal.vr360-modal .vr360-iframe{touch-action:none;opacity:0;z-index:1;pointer-events:none;will-change:opacity;background-color:#0000;border:none;width:100%;height:100%;transition:opacity .36s;position:absolute;top:0;left:0}.modal.vr360-modal .vr360-iframe.is-visible{opacity:1;pointer-events:auto}.modal.vr360-modal .vr360-transition-video{object-fit:cover;z-index:5;pointer-events:none;opacity:0;will-change:opacity;background-color:#0000;width:100%;height:100%;transition:opacity .36s;position:absolute;top:0;left:0}.modal.vr360-modal .vr360-transition-video.is-visible{opacity:1}.modal.vr360-modal .vr360-transition-preload{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.modal.vr360-modal .vr360-error{color:#fff;background-color:#444;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;display:flex}
.video-modal{justify-content:center;align-items:center;display:flex}.video-modal .video-modal-container{aspect-ratio:16/9;background:#1c2026;width:100%;max-width:1280px;position:relative;overflow:hidden}.video-modal .video-modal-container__video{object-fit:cover;width:100%;height:100%;display:block}