body.snippet-popover-enabled .body{position:relative;display:block}body.snippet-popover-enabled .code-panel{width:100%}body.snippet-popover-enabled .inspector{position:fixed;z-index:1000;display:none;width:min(320px,calc(100vw - 16px));max-height:min(520px,calc(100vh - 16px));overflow:auto;padding:13px 14px 14px;border:1px solid #cbd5e1;border-radius:9px;background:rgba(255,255,255,.985);box-shadow:0 14px 34px rgba(15,23,42,.22),0 3px 8px rgba(15,23,42,.12);pointer-events:auto}body.snippet-popover-enabled .inspector.is-open{display:block}body.snippet-popover-enabled .inspector::before{position:absolute;top:var(--arrow-top,18px);left:-6px;width:10px;height:10px;border-bottom:1px solid #cbd5e1;border-left:1px solid #cbd5e1;background:#fff;content:"";transform:rotate(45deg)}body.snippet-popover-enabled .inspector[data-side="left"]::before{right:-6px;left:auto;border:0;border-top:1px solid #cbd5e1;border-right:1px solid #cbd5e1}body.snippet-popover-enabled .inspector[data-side="below"]::before{top:-6px;left:var(--arrow-left,24px);border:0;border-top:1px solid #cbd5e1;border-left:1px solid #cbd5e1}body.snippet-popover-enabled .inspector[data-side="above"]::before{top:auto;bottom:-6px;left:var(--arrow-left,24px);border:0;border-right:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1}body.snippet-popover-enabled .hot,body.snippet-popover-enabled [data-flow]{scroll-margin:12px}@media(max-width:560px){body.snippet-popover-enabled .inspector{width:calc(100vw - 16px);max-height:min(420px,calc(100vh - 16px))}}