@property --dlb-opacity{syntax:"<number>";inherits:true;initial-value:1}@layer dialog-lightbox{html:has(dialog[data-dlb][open]){overflow:hidden}html:has(dialog[data-dlb][open]) body{overflow-x:clip}dialog[data-dlb]{overscroll-behavior:contain;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;inset:0}[data-dlb-viewport]{position:absolute;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;inset:0}[data-dlb-viewport]:focus{outline:none}[data-dlb-slide]{position:absolute;inset:0}[data-dlb-overlay]{transition:opacity .15s}dialog[data-dlb-animating] [data-dlb-overlay],dialog[data-dlb-zoomed] [data-dlb-overlay]{opacity:0;pointer-events:none}}