body{background:#FDFAF3!important;font-family:Inter,Arial,sans-serif!important}.demo-shell{min-height:100vh;display:flex}.demo-main{margin-left:var(--nwg-sidebar-w,220px);width:calc(100% - var(--nwg-sidebar-w,220px));min-width:0}.demo-banner{background:#172b2b;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 24px;gap:12px;font-size:12px}.demo-banner strong{font-size:10px;letter-spacing:1.2px;color:#eac56f;margin-right:16px}.demo-banner button{border:1px solid #69807c;border-radius:6px;padding:5px 10px;white-space:nowrap;cursor:pointer}.demo-content{padding:24px;max-width:1900px;margin:auto;overflow-x:auto}.demo-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.demo-eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#8f7943}h1{font-size:25px;font-weight:700;color:#172b2b}.demo-intro p,.demo-quick p{font-size:12px;color:#70746d;margin-top:5px}.demo-primary{background:#172b2b;color:white;border:0;border-radius:8px;padding:10px 15px;white-space:nowrap;cursor:pointer;font-size:12px}.demo-notice{font-size:11px;color:#776c51;margin:10px 0 18px;padding:9px 12px;background:#f6f0df;border:1px solid #ece0bc;border-radius:6px}.demo-quick{display:flex;align-items:start;justify-content:space-between;gap:18px;background:white;border:1px solid #e8d3df;border-radius:10px;padding:16px;margin:12px 0}.demo-quick strong{font-size:13px}.demo-footer{font-size:10px;color:#8d8d86;padding:24px 0}button:disabled{cursor:not-allowed;opacity:.55}button,input,textarea,select{font-family:inherit}button{cursor:pointer}@media(max-width:700px){.demo-banner{padding:10px 12px;align-items:start}.demo-banner span{display:block;font-size:10px;margin-top:3px}.demo-content{padding:14px 10px}.demo-intro{align-items:start;flex-wrap:wrap}.demo-quick{flex-direction:column}.demo-main{margin-left:60px;width:calc(100% - 60px)}.demo-shell header>div{padding-left:10px!important;padding-right:10px!important}}
.demo-shell{color:var(--t1)}.demo-content button:not([style]){color:#334155;border:1px solid #d7dbdf;border-radius:5px;padding:4px 8px;background:#fff;font-size:11px}.demo-content input:not([style]){border:1px solid #cbd5e1;border-radius:4px;padding:5px;color:#111;background:white}

.demo-content .demo-primary{background:#172b2b!important;color:white!important;padding:10px 15px!important;border:0!important;font-size:12px!important}.demo-shell{width:100%;max-width:100vw}.demo-main{overflow:hidden}@media(max-width:700px){html,body{width:100%;overflow-x:clip}.demo-main>header>div{height:auto!important;min-height:64px;flex-wrap:wrap;padding:9px 10px!important;gap:8px!important}.demo-main>header>div>div:first-child{flex-basis:100%;width:100%;min-width:0;flex-shrink:0!important}.demo-main>header>div>div{max-width:100%}.demo-main>header>div>div[style*="margin-left"]{margin-left:0!important}.demo-main>header>div{overflow-x:auto}}