#bsftui-root .bsftui-overlay{ position:fixed; inset:0; background: var(--bsftui-overlay-bg); backdrop-filter: blur(var(--bsftui-overlay-blur)); }
#bsftui-root .bsftui-dialog{
	position:fixed; inset:auto; left:50%; top:50%; transform:translate(-50%,-50%);
	background: var(--bsftui-dialog-bg);
	border-radius: var(--bsftui-dialog-radius);
	box-shadow: var(--bsftui-dialog-shadow);
	z-index: var(--bsftui-z-dialog);
	max-width: 640px; width: calc(100% - 40px);
	max-height: calc(100vh - 40px);
	overflow:auto;
}

#bsftui-root .bsftui-dialog[data-size="sm"]{ max-width: 380px; }
#bsftui-root .bsftui-dialog[data-size="md"]{ max-width: 640px; }
#bsftui-root .bsftui-dialog[data-size="lg"]{ max-width: 960px; }
#bsftui-root .bsftui-dialog[data-size="fullscreen"]{ inset:0; left:0; top:0; transform:none; width:100%; height:100vh; border-radius:0; }

#bsftui-root .bsftui-dialog[data-placement="bottom-sheet"]{ left:50%; top:auto; bottom:0; transform:translateX(-50%); border-bottom-left-radius:0; border-bottom-right-radius:0; }

#bsftui-root .bsftui-content{ padding: 16px; }
#bsftui-root .bsftui-close{
	z-index:1;position:absolute; right:12px; top:12px; width: var(--bsftui-close-size); height: var(--bsftui-close-size);
	border:0; border-radius:50%; background: rgba(0,0,0,.1); color:#333; cursor:pointer;
}

@media (max-width: 480px){
	#bsftui-root .bsftui-dialog{ width: calc(100% - 20px); }
}