@layer component{.frame-container{flex-direction:column;display:none}.frame-container.is-fullscreen{z-index:20;height:100%;position:fixed;inset:0}.frame-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);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-header{padding:.25rem .25rem .25rem .75rem;font-weight:600}.frame-header span{display:inline-block}.frame-body{flex-direction:column;flex:1;overflow-y:auto}.frame-footer{padding:.5rem}}