:root{--chrome-header-h:56px;--chrome-footer-h:56px;--kb:0px}.chrome-root{color:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.chrome-bg{z-index:0;background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.chrome-header{height:calc(var(--chrome-header-h) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);z-index:2;background:#000;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.chrome-header:has(.chrome-header-left:empty):has(.chrome-header-right:empty){display:none}.chrome-header-inner{justify-content:space-between;align-items:center;gap:12px;width:100%;padding:8px 16px;display:flex}.chrome-footer{height:calc(var(--chrome-footer-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:2;will-change:transform;background:#000;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.chrome-footer:has(.chrome-footer-left:empty):has(.chrome-footer-right:empty){display:none}.chrome-footer-inner{justify-content:space-between;align-items:center;gap:12px;width:100%;padding:8px 16px;display:flex}.chrome-content{left:0;right:0;top:calc(var(--chrome-header-h) + env(safe-area-inset-top));bottom:calc(var(--chrome-footer-h) + env(safe-area-inset-bottom) + var(--kb));z-index:1;overscroll-behavior:contain;position:absolute;overflow:auto}.chrome-root:has(.chrome-header:not([style*="display: none"])) .chrome-content,.chrome-root:has(.chrome-header) .chrome-content{top:calc(var(--chrome-header-h) + env(safe-area-inset-top))}.chrome-root:has(.chrome-header[style*="display: none"]) .chrome-content,.chrome-root .chrome-content:has(~.chrome-header:has(.chrome-header-left:empty):has(.chrome-header-right:empty)){top:0}.chrome-root:has(.chrome-footer[style*="display: none"]) .chrome-content,.chrome-root .chrome-content:has(~.chrome-footer:has(.chrome-footer-left:empty):has(.chrome-footer-right:empty)){bottom:0}.chrome-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;height:100%;display:grid}.chrome-pane-left,.chrome-pane-right{min-height:0}.chrome-grid:has(.chrome-pane-right:empty){grid-template-columns:1fr}.chrome-pane-right:empty{display:none}@media (width<=1023.98px){.chrome-grid{display:block}.chrome-pane-right{margin-top:16px}}.chrome-header,.chrome-footer{filter:none!important;backdrop-filter:none!important}