@layer component{.panel{background-color:hsl(var(--background))}.panel-is-resizable{height:100%}.panel-header-actions{-moz-column-gap:1px;align-items:center;column-gap:1px;margin-left:auto;display:flex}.panel.is-minimize .panel-body{white-space:nowrap;overflow-x:hidden}.frame-container{flex-direction:column;display:none}.frame-container.is-fullscreen{z-index:20;height:100%;position:fixed;inset:0}.frame-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:51;background-color:#00000040;width:100%;height:100%;display:none;position:fixed;inset:0;overflow-y:auto}.light .frame-backdrop{background-color:#ffffff40}.frame-container.is-shown,.frame-backdrop.is-shown,.frame-header,.frame-body,.frame-footer{display:flex}.frame-header,.frame-footer{-moz-column-gap:.25rem;align-items:center;column-gap:.25rem}.is-minimize .frame-header{padding-left:.25rem}.frame-body{flex-direction:column;flex:1;overflow-y:auto}}.panel-is-floating{border-radius:var(--radius);border-width:1px}.panel-is-static-top{border-bottom-width:1px;border-color:hsl(var(--border))}.panel-is-static-bottom{border-top-width:1px;border-color:hsl(var(--border))}.panel-is-static-left{border-right-width:1px;border-color:hsl(var(--border))}.panel-is-static-right{border-left-width:1px;border-color:hsl(var(--border))}