.dfs-demo-host [data-dfs-demo-body]{display:contents}.dfs-demo-host{position:relative}.dfs-demo{position:absolute;top:var( --dfs-demo-top, 12px );left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:var( --dfs-demo-gap, 10px );padding:10px 14px;border-radius:var( --dfs-demo-radius, 14px );background:var( --dfs-demo-bg, #101010eb );overscroll-behavior:contain}.dfs-demo__badge{font-size:10px;font-weight:700;letter-spacing:.08em;color:var( --dfs-demo-badge-color, #ffffff );white-space:nowrap}.dfs-demo-host .dfs-demo select{padding:5px 8px;border-radius:8px;border:1px solid var( --dfs-demo-select-border, #ffffff38 );background:var( --dfs-demo-select-bg, #000000 );color:var( --dfs-demo-select-color, #ffffff );color-scheme:dark;font-size:12px;line-height:1.2;outline:none;cursor:pointer}.dfs-demo-host .dfs-demo select option{background:var( --dfs-demo-select-bg, #000000 );color:var( --dfs-demo-select-color, #ffffff )}.dfs-demo-host .dfs-demo select:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.dfs-demo select[data-dfs-demo-empty="1"]{display:none}.dfs-demo-states,.dfs-demo-host template{display:none}@media (max-width: 600px){.dfs-demo{max-width:calc(100% - 24px);overflow-x:auto;justify-content:flex-start}.dfs-demo-host .dfs-demo select{flex:0 0 auto}}@media print{.dfs-demo{display:none}}