duocore-demo-header{display:block;flex:0 0 auto;font-family:Montserrat,Arial,sans-serif}duocore-demo-header,duocore-demo-header *{box-sizing:border-box}.dc-demo-header{position:relative;z-index:100;display:flex;align-items:center;gap:14px;height:64px;padding:9px 17px 11px;border-bottom:1px solid #386d7a;background:radial-gradient(ellipse at 0 0,#15515d55,transparent 60%),linear-gradient(115deg,#0a222b,#0d1725);box-shadow:inset 0 1px #b7ffff0d;color:#cee7ef}
.dc-demo-identity{display:flex;align-items:center;gap:9px;min-width:0;margin-right:auto}.dc-demo-mark{display:grid;place-items:center;width:33px;height:35px;flex-shrink:0;border:1px solid #4b8995;border-radius:10px;background:linear-gradient(145deg,#296372,#132f3c);box-shadow:inset 0 1px #b5ffff33;font-size:18px;font-weight:650;color:#a8f3ee}.dc-demo-identity strong{font-size:13px;font-weight:650;letter-spacing:-.3px;white-space:nowrap}.dc-demo-identity strong span{font-size:7px;letter-spacing:1px;color:#81bfc9;border:1px solid #42707c;border-radius:4px;padding:2px 4px;margin-left:4px;vertical-align:middle}.dc-demo-identity small{display:block;font-size:8px;line-height:1.4;color:#789fab;margin-top:4px;white-space:nowrap}
.dc-demo-switch{display:flex;gap:5px;padding:3px;border:1px solid #31525f;border-radius:11px;background:#06182366}.dc-demo-header button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:6px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:#91b4c0;font:550 11px/1.2 Montserrat,Arial,sans-serif;cursor:pointer;touch-action:manipulation;transition:background .2s,border-color .2s,color .2s}.dc-demo-header button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.dc-demo-header button[aria-pressed=true]{background:linear-gradient(145deg,#245565,#143340);border-color:#62adba;box-shadow:inset 0 1px #b3ffff2b;color:#d7f7fb}.dc-demo-header button:hover{background:#214452;color:#defbff}.dc-demo-header button:focus-visible{outline:2px solid #7be8ec;outline-offset:2px}.dc-demo-header .dc-demo-reset{width:34px;height:34px;padding:7px;flex-shrink:0;border:1px solid #416b79;background:linear-gradient(145deg,#243349,#172a38);color:#a7cbd9}.dc-demo-header .dc-demo-reset:hover{border-color:#8297bd;background:#283c52}.dc-demo-header .dc-demo-reset svg{width:18px;height:18px}
.dc-demo-clock{display:flex;align-items:center;gap:9px;padding:6px 10px;flex-shrink:0;border:1px solid #3d6c7a;border-radius:9px;background:#071b2570}.dc-demo-clock>span{font-size:8px;color:#85acb9}.dc-demo-clock time{font-size:18px;font-weight:600;letter-spacing:.4px;line-height:1.2;font-variant-numeric:tabular-nums;color:#baf4f0;min-width:52px}.dc-demo-clock[data-warning=true]{border-color:#be8a5d}.dc-demo-clock[data-warning=true] time{color:#f1c293}.dc-demo-header progress{position:absolute;bottom:0;left:0;width:100%;height:2px;appearance:none;border:0;background:#16313d;color:#70dfe3}.dc-demo-header progress::-webkit-progress-bar{background:#16313d}.dc-demo-header progress::-webkit-progress-value{background:linear-gradient(90deg,#39bdce,#9cecec);transition:width .5s linear}.dc-demo-header progress::-moz-progress-bar{background:#70dfe3}

.dc-demo-header{font-family:Montserrat,Arial,sans-serif;line-height:normal;width:100%}.dc-demo-header strong,.dc-demo-header small{margin:0}.dc-demo-picker{display:none}.dc-demo-header [hidden]{display:none!important}.dc-demo-header button:disabled{opacity:.55;cursor:wait}.dc-demo-header .dc-demo-switch button{white-space:nowrap}
@media(max-width:700px){.dc-demo-header{height:84px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px 8px;padding:7px 10px 8px}.dc-demo-identity{grid-column:1;grid-row:1;gap:7px}.dc-demo-mark{width:25px;height:27px;font-size:15px;border-radius:8px}.dc-demo-identity strong{font-size:11px}.dc-demo-identity small{display:none}.dc-demo-clock{grid-column:2;grid-row:1;padding:4px 7px;gap:6px;border-radius:7px}.dc-demo-clock>span{font-size:7px}.dc-demo-clock time{font-size:15px;min-width:44px}.dc-demo-switch{grid-column:1/3;grid-row:2;width:100%;padding:2px;gap:4px}.dc-demo-switch button{flex:1;min-height:30px;font-size:10px;padding:5px 9px}.dc-demo-header .dc-demo-reset{grid-column:3;grid-row:2;height:34px;width:34px}.dc-demo-header .dc-demo-many{display:none}.dc-demo-picker{display:block;grid-column:1/3;grid-row:2;position:relative;min-width:0}.dc-demo-header .dc-demo-picker-trigger{width:100%;justify-content:space-between;min-height:36px;padding:7px 12px;border:1px solid #62adba;background:linear-gradient(145deg,#245565,#143340);color:#d7f7fb}.dc-demo-picker-list{position:absolute;top:calc(100% + 7px);left:0;right:0;padding:5px;border:1px solid #4a7b8c;border-radius:10px;background:#102630;box-shadow:0 12px 30px #0008}.dc-demo-picker-list button{width:100%;justify-content:flex-start;min-height:40px;margin:2px 0;font-size:11px}.dc-demo-header .dc-demo-picker-list button[aria-pressed=true]{background:#245565}}
@media(prefers-reduced-motion:reduce){.dc-demo-header button,.dc-demo-header progress::-webkit-progress-value{transition:none}}