.reel{background-color:#f5f5f5;width:100%;height:calc(100dvh - 60px);position:relative;overflow:hidden}.reel .reel-frame{width:100%;height:100%;position:relative}.reel .reel-frame .reel-menu{width:100%;position:absolute;bottom:20px}.reel .disclaimer{color:#333;z-index:30;pointer-events:none;background-color:#fffc;border-radius:4px;padding:8px 12px;font-size:12px;position:absolute;top:20px;right:20px;box-shadow:0 2px 4px #0000001a}.reel-status-chip{z-index:99999;color:#fff;pointer-events:none;text-align:right;background:#0009;border-radius:4px;padding:6px 8px;font-family:"monospace";font-size:12px;line-height:1.4;position:fixed;top:75px;right:8px}
@media screen and (min-width:2560px){.reel{height:calc(100dvh - 90px)!important}.reel .reel-frame .overlay .compass{width:80px!important;height:80px!important}}
.overlay{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.overlay>*{pointer-events:auto}
.controls .controls-buttons{justify-content:space-between;align-items:center;padding:0 24px;display:flex}.controls .controls-buttons .left-btns,.controls .controls-buttons .right-btns{align-items:center;gap:16px;display:flex}.controls-button{color:#373c40;cursor:pointer;background-color:#fff;border:1px solid #901852;border-radius:24px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-family:Azo Sans,sans-serif;font-size:16px;font-weight:500;transition:all .2s ease-in-out;display:flex;position:relative;box-shadow:0 1px 2px #00000026}.controls-button svg{flex-shrink:0;width:12px;height:12px}.controls-button:hover{background-color:#f8f9fa;box-shadow:0 2px 4px #0003}.controls-button:active{transform:translateY(0);box-shadow:0 1px 2px #00000026}.controls-button--filters{width:105px;height:44px;padding:8px 12px 8px 8px}.controls-button--filters .controls-button-text{color:#373c40;font-size:16px;font-weight:500}.controls-button--filters .controls-button-notification-dot{background-color:#64003e;border-radius:50%;width:14px;height:14px;position:absolute;top:-1px;right:-1px}.controls-button--fullscreen{width:44px;height:44px;padding:8px}.controls-button--fullscreen svg{width:16px;height:16px}.controls-button .controls-button-text{white-space:nowrap}.controls-indicator{color:#fff;background-color:#00000080;border-radius:4px;padding:5px 10px;font-family:sans-serif;font-size:14px}.controls-indicator .controls-separator{opacity:.7;margin:0 4px}.menu-container{position:relative}.menu-dropdown{z-index:100;background-color:#fff;border-radius:12px;width:260px;margin-bottom:12px;padding:20px;position:absolute;bottom:100%;left:0;box-shadow:0 4px 16px #0003}.toggle-item{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.toggle-label-container{align-items:center;gap:10px;display:flex}.toggle-icon{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.toggle-icon svg{color:#333;width:100%;height:100%}.toggle-label{color:#333;font-size:14px;font-weight:500}.toggle-switch{width:46px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#e1e1e1;border:1px solid #e1e1e1;border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:1px;left:2px;box-shadow:0 2px 4px #0000001a}input:checked+.toggle-slider{background-color:#00b5a0;border-color:#00b5a0}input:checked+.toggle-slider:before{transform:translate(22px)}.status-section{border-top:1px solid #eee;margin-top:24px;padding-top:16px;position:relative}.status-section:before{content:"";background-color:#eee;height:1px;position:absolute;top:-1px;left:-20px;right:-20px}.status-title{color:#333;margin:0 0 16px;font-size:15px;font-weight:600}.status-item{align-items:center;display:flex}.status-indicator{background-color:#45a659;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-right:10px;display:flex}.status-indicator svg{color:#fff;width:12px;height:12px}.status-indicator.available{background-color:#00b5a0}.status-indicator.available:after{content:none}.status-text{color:#333;font-size:14px}
@media screen and (min-width:2560px){.controls .controls-buttons .left-btns .icon-toggle-button{width:60px!important;height:60px!important}.controls .controls-buttons .left-btns .icon-toggle-button svg{width:30px!important;height:30px!important}.controls .controls-buttons .right-btns .text-button{padding:12px 28px}.controls .controls-buttons .right-btns .text-button .text-button-text{font-size:22px!important}}@media screen and (max-width:540px){.controls .controls-buttons{gap:14px;padding:0 18px}.controls .controls-buttons .left-btns{gap:14px}.controls .controls-buttons .right-btns{gap:14px;padding:0}.controls .controls-buttons .right-btns .vr-tours-btn{position:absolute;bottom:55px;right:18px}.controls .controls-buttons .controls-button{padding:6px 10px;font-size:12px}}@media screen and (max-width:400px){.controls .controls-buttons .right-btns{gap:6px}}