.core-window-demo{margin:30px 0 0;padding:24px;border:1px solid #dfe3e5;border-radius:9px;background:#fff;min-width:0;text-align:left}
.core-window-demo h3{font:normal 24px/1.25 Georgia,serif;margin:0 0 12px;text-align:left}
.core-window-demo>p{font-size:13px;line-height:1.8;color:#5b6064;margin:0 0 20px}
.core-window-form{display:flex;align-items:flex-start;flex-wrap:wrap;gap:16px 22px;margin:22px 0 0}
.core-window-form label{display:flex;flex:1 1 190px;max-width:280px;flex-direction:column;gap:8px;font-size:12px;font-weight:600;color:#3f464b}
.core-window-form input{box-sizing:border-box;width:100%;padding:11px 12px;font:14px Arial,sans-serif;color:#23282c;background:white;border:1px solid #ced5d9;border-radius:5px}
.core-window-form input::placeholder{color:#a6adb3;opacity:1}
.core-window-form small{font-size:11px;font-weight:400;color:#777f85;line-height:1.5}
.core-window-form button{margin-top:23px;padding:11px 23px;border:1px solid #374b58;border-radius:5px;background:#374b58;color:#fff;font-size:13px;cursor:pointer}
.core-window-demo :is(input,button,select):focus-visible,.core-window-trace:focus-visible{outline:2px solid #567f99;outline-offset:3px}
.core-window-status{font-size:12px;line-height:1.7;color:#4d5961;margin:18px 0}
.core-window-demo [hidden]{display:none}
.core-window-legend{display:flex;align-items:center;gap:8px;font-size:11px;color:#66717a;margin-bottom:12px}
.core-window-legend i{background:rgba(181,225,193,.45);display:inline-block;width:16px;height:11px;border:1.5px solid #435864;border-radius:2px}
.core-window-map{position:relative;height:28px;margin:0 0 14px;border:1px solid #e0e4e6;border-radius:4px;background:#f5f6f7}
.core-window-map button{position:absolute;top:5px;height:18px;min-width:2px;padding:0;border:1px solid #435864;border-radius:2px;background:#fff;cursor:pointer}
.core-window-map button[aria-pressed=true]{background:rgba(181,225,193,.65)}
.core-window-navigation{display:flex;gap:6px;align-items:center;margin:0 0 15px}
.core-window-navigation select{flex:1;min-width:0;max-width:340px}
.core-window-navigation :is(select,button){padding:9px 11px;font-size:12px;background:#fff;color:#4b5760;border:1px solid #d5dce0;border-radius:5px}
.core-window-navigation button{cursor:pointer}
.core-window-navigation button:disabled{opacity:.35;cursor:default}
.core-window-trace{max-height:440px;overflow-y:auto;overscroll-behavior:contain;white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;border:1px solid #e0e4e6;border-radius:6px;background:#fafbfb;color:#30383d;font:13px/2.3 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:4}
.core-window-span{border:1.5px solid #435864;border-radius:3px;padding:2px 0;background:rgba(181,225,193,.45);box-decoration-break:clone;-webkit-box-decoration-break:clone;cursor:pointer}
.core-window-span.is-current{border-color:#263f50;box-shadow:0 0 0 1px #263f50}
.core-window-demo .core-window-footnote{font-size:11px;color:#7a8288;line-height:1.7;margin:13px 0 0}
@media(max-width:620px){.core-window-demo{padding:18px 12px}.core-window-demo h3{font-size:21px}.core-window-form{gap:13px}.core-window-form label{max-width:none;flex-basis:130px}.core-window-form button{margin-top:0;width:100%}.core-window-trace{padding:13px 10px;font-size:11px;max-height:380px}.core-window-status{font-size:11px}.core-window-demo>p{font-size:12px}}