@scope(.instui-context-view){&{padding:var(--instui-spacing-space-md);background:var(--instui-color-background-elevated-surface-base);color:var(--instui-color-text-base);border:var(--instui-component-context-view-arrow-border-width) solid var(--instui-component-context-view-arrow-border-color);border-radius:var(--instui-component-context-view-border-radius);box-shadow:var(--instui-elevation-above);display:inline-block;position:relative}&:before,&:after{content:"";border-style:solid;border-color:#0000;position:absolute}&:before{border-top-color:var(--instui-component-context-view-arrow-border-color);border-width:calc(var(--instui-component-context-view-arrow-size) + var(--instui-component-context-view-arrow-border-width));top:100%;inset-inline-start:calc(var(--instui-spacing-space-lg) - var(--instui-component-context-view-arrow-border-width))}&:after{border-width:var(--instui-component-context-view-arrow-size);border-top-color:var(--instui-component-context-view-arrow-background-color);top:100%;inset-inline-start:var(--instui-spacing-space-lg)}&.-placement-bottom:before{border-top-color:#0000;border-bottom-color:var(--instui-component-context-view-arrow-border-color);top:auto;bottom:100%}&.-placement-bottom:after{border-top-color:#0000;border-bottom-color:var(--instui-component-context-view-arrow-background-color);top:auto;bottom:100%}&.-placement-start:before,&.-placement-start:after{top:50%;border-top-color:#0000;inset-inline-start:100%;transform:translateY(-50%)}&.-placement-start:before{border-inline-start-color:var(--instui-component-context-view-arrow-border-color)}&.-placement-start:after{border-inline-start-color:var(--instui-component-context-view-arrow-background-color)}&.-placement-end:before,&.-placement-end:after{top:50%;border-top-color:#0000;inset-inline:auto 100%;transform:translateY(-50%)}&.-placement-end:before{border-inline-end-color:var(--instui-component-context-view-arrow-border-color)}&.-placement-end:after{border-inline-end-color:var(--instui-component-context-view-arrow-background-color)}&.-color-inverse{background:var(--instui-color-background-inverse);color:var(--instui-color-text-inverse);border-color:var(--instui-component-context-view-arrow-border-color-inverse)}&.-color-inverse:before{border-top-color:var(--instui-component-context-view-arrow-border-color-inverse)}&.-color-inverse:after{border-top-color:var(--instui-component-context-view-arrow-background-color-inverse)}&.-color-inverse.-placement-bottom:before{border-top-color:#0000;border-bottom-color:var(--instui-component-context-view-arrow-border-color-inverse)}&.-color-inverse.-placement-bottom:after{border-top-color:#0000;border-bottom-color:var(--instui-component-context-view-arrow-background-color-inverse)}&.-color-inverse.-placement-start:before{border-top-color:#0000;border-inline-start-color:var(--instui-component-context-view-arrow-border-color-inverse)}&.-color-inverse.-placement-start:after{border-top-color:#0000;border-inline-start-color:var(--instui-component-context-view-arrow-background-color-inverse)}&.-color-inverse.-placement-end:before{border-top-color:#0000;border-inline-end-color:var(--instui-component-context-view-arrow-border-color-inverse)}&.-color-inverse.-placement-end:after{border-top-color:#0000;border-inline-end-color:var(--instui-component-context-view-arrow-background-color-inverse)}&[popover]{margin:0;position:fixed;overflow:visible}&[popover]:not(:popover-open){display:none}@supports (position-area:block-end){&[popover]{position-anchor:--pantoken-anchor;position-try-fallbacks:flip-block, flip-inline}&[popover].-placement-top{position-area:block-start}&[popover].-placement-bottom{position-area:block-end}&[popover].-placement-start{position-area:inline-start center}&[popover].-placement-end{position-area:inline-end center}}}