.Q8BG9a_Outer{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.Q8BG9a_Bezel{box-sizing:border-box;transform-origin:50%;padding:var(--bezel-border,6px);--island-length:118px;--island-thickness:34px;--island-inset:10px;--device-safe-inset:calc(var(--island-inset) + var(--island-thickness) + 8px);border-radius:calc(var(--border-radius-xl) + var(--bezel-border,6px));box-shadow:var(--box-shadow-lg);background:#0b0b0d;flex:none;position:relative}.Q8BG9a_Bezel:not([data-measured]){visibility:hidden}.Q8BG9a_Bezel[data-reveal]{transition:opacity var(--animation-duration-long) var(--animation-ease-in-out-cubic)}.Q8BG9a_Bezel[data-reveal]:not([data-measured]){opacity:0}.Q8BG9a_Bezel[data-animatable]{transition:width var(--animation-duration-long) var(--animation-ease-in-out-cubic),height var(--animation-duration-long) var(--animation-ease-in-out-cubic),transform var(--animation-duration-short) ease-out,opacity var(--animation-duration-long) var(--animation-ease-in-out-cubic)}.Q8BG9a_Notch{top:calc(var(--bezel-border,6px) + var(--island-inset));width:var(--island-length);height:var(--island-thickness);z-index:2;background:#000;border-radius:999px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff17}.Q8BG9a_Bezel[data-orientation=landscape] .Q8BG9a_Notch{top:50%;left:calc(var(--bezel-border,6px) + var(--island-inset));width:var(--island-thickness);height:var(--island-length);transform:translateY(-50%)}.Q8BG9a_Viewport{border-radius:var(--border-radius-xl);background:#000;width:100%;height:100%;position:relative;overflow:hidden}