/* Example chrome only: do not recolor the embedded editor or its document. */
body.aspnet-example-pages{--ex-bg:#fff;--ex-surface:#f2f6fc;--ex-text:#17263d;--ex-muted:#47576d;--ex-link:#1457b7;--ex-line:#ccd6e5;--rs-bg:var(--ex-bg);--rs-text:var(--ex-text);--rs-text-muted:var(--ex-muted);--rs-border:var(--ex-line);color:var(--ex-text);background:var(--ex-bg);color-scheme:light}
[data-theme=dark] body.aspnet-example-pages{--ex-bg:#101a2a;--ex-surface:#19283e;--ex-text:#eff4fc;--ex-muted:#bfcee2;--ex-link:#a4c5ff;--ex-line:#43546f;color-scheme:dark}
.aspnet-example-pages #content{background:var(--ex-bg)!important}
.aspnet-example-pages #content .col-lg-8,.aspnet-example-pages #navbarSettings{background:var(--ex-bg)!important;color:var(--ex-text)!important;border-color:var(--ex-line)!important;max-width:100%}
.aspnet-example-pages #navbarSettings :is(a,span){color:var(--ex-text)!important}
.aspnet-example-pages #navbarSettings a:hover{background:var(--ex-surface)!important}
.aspnet-example-pages #content .col-lg-8>:is(h1,h2,h3,h4,p,ul,ol){color:var(--ex-text)!important}
.aspnet-example-pages #content .col-lg-8>h1{font-size:clamp(28px,3vw,38px);line-height:1.25;letter-spacing:-.7px;margin:22px 0 16px}
.aspnet-example-pages .example-resources{display:flex;flex-wrap:wrap;gap:8px 18px;border-bottom:1px solid var(--ex-line);padding-bottom:16px;margin-bottom:20px}
.aspnet-example-pages .example-resources a,.aspnet-example-pages .example-guidance a,.aspnet-example-pages .childBox a{color:var(--ex-link)!important;text-underline-offset:3px}
.aspnet-example-pages .example-resources a{font-size:14px;line-height:1.6;padding-block:5px}
.aspnet-example-pages .example-guidance{padding:18px 20px;background:var(--ex-surface);border:1px solid var(--ex-line);border-radius:10px;margin:18px 0 24px;font-size:15px;line-height:1.8;color:var(--ex-text)}
.aspnet-example-pages .example-guidance p{color:inherit!important}.aspnet-example-pages .example-guidance p:last-child{margin-bottom:0}
.aspnet-example-pages .example-editor-surface{background:#fff;color:#17263d;color-scheme:light;overflow:auto;max-width:100%;margin-block:20px;padding:8px;border:1px solid var(--ex-line);border-radius:8px}
.aspnet-example-pages .childBox{background:var(--ex-surface)!important;border-color:var(--ex-line)!important;color:var(--ex-text)!important;overflow-wrap:anywhere}
.aspnet-example-pages .childBox :is(p,div,span,b){color:inherit!important}
.aspnet-example-pages .childBox span[style*="yellow"]{background:#fae68b!important;color:#17263d!important}
.aspnet-example-pages .parent{font:inherit;color:var(--ex-link)!important;background:transparent;border:0;padding:8px 0;text-align:left;text-decoration:underline;cursor:pointer}
.aspnet-example-pages #content table[id$='_ConfigureList'],.aspnet-example-pages #content table[id$='_RadioList']{max-width:100%;width:100%!important;background:var(--ex-surface)!important;color:var(--ex-text)!important}
.aspnet-example-pages #content table[id$='_RadioList'] tr{display:flex;flex-wrap:wrap}.aspnet-example-pages #content table[id$='_RadioList'] td{display:flex;align-items:center;gap:6px;border:0}.aspnet-example-pages #content :is(table[id$='_RadioList'],table[id$='_ConfigureList']) :is(label,td){color:var(--ex-text)!important}
.aspnet-example-pages :is(.example-resources a,.parent,.rs-legacy-bar a,.rs-legacy-bar button):focus-visible{outline:3px solid var(--ex-link);outline-offset:4px}
.aspnet-example-pages .rs-legacy-bar__theme{display:inline-flex!important;min-width:44px;min-height:44px}
.aspnet-example-pages footer.bg-dark{background:#101a2a!important;color:#d6e2f4!important}.aspnet-example-pages footer.bg-dark :is(a,p,h5,li,strong){color:#d6e2f4!important}
@media(max-width:991px){.aspnet-example-pages #content>.container>.row>.col-lg-3{order:2;margin-top:24px}.aspnet-example-pages #content>.container>.row>.col-lg-8{order:1;width:100%}.aspnet-example-pages #content .col-lg-8{padding:16px}.aspnet-example-pages #content>.container{padding:16px}.aspnet-example-pages .example-guidance{padding:16px}.aspnet-example-pages #content .row{margin-inline:0}}
@media(max-width:767px){.aspnet-example-pages .rs-legacy-bar__inner{flex-wrap:wrap!important;padding:16px!important;gap:12px}.aspnet-example-pages .rs-legacy-bar__nav{order:2;flex:0 0 100%;flex-wrap:wrap!important;white-space:normal!important;overflow:visible!important;gap:4px 14px}.aspnet-example-pages .rs-legacy-bar__theme{margin-left:auto}.aspnet-example-pages .rs-legacy-bar__nav a{min-height:40px;display:inline-flex;align-items:center}.aspnet-example-pages .example-editor-surface{padding:4px}}