.md-chrome-browser{z-index:5;background:var(--paper);border-bottom:1px solid;align-items:center;height:32px;padding:0 12px;display:flex;position:absolute;top:0;left:0;right:0}.md-dots{gap:6px;display:flex}.md-dots i{border:1px solid;border-radius:50%;width:8px;height:8px}.md-url{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.md-chrome-phone{pointer-events:none;z-index:5;position:absolute;inset:0}.md-notch{border:1px solid;border-radius:3px;width:120px;height:6px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.md-controls{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 0 0;display:grid}.md-buttons{gap:8px;display:flex}.md-play,.md-replay{border:1px solid;align-items:center;height:44px;padding:0 14px;display:inline-flex}.md-play-off,.md[data-playing=true] .md-play-on{display:none}.md[data-playing=true] .md-play-off{display:inline}.md-scrub{height:44px;position:relative}.md-track{background:currentColor;height:1px;position:absolute;top:50%;left:0;right:0}.md-progress{transform-origin:0;pointer-events:none;background:currentColor;height:3px;position:absolute;top:calc(50% - 1px);left:0;right:0;transform:scaleX(0)}.md-ticks i{background:currentColor;width:1px;height:13px;position:absolute;top:calc(50% - 6px);transform:translate(-.5px)}.md-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.md-range::-webkit-slider-runnable-track{background:0 0;height:100%}.md-range::-webkit-slider-thumb{appearance:none;background:var(--paper);border:1px solid;border-radius:0;width:12px;height:22px;margin-top:11px}.md-range::-moz-range-track{background:0 0;height:100%}.md-range::-moz-range-thumb{background:var(--paper);border:1px solid;border-radius:0;width:12px;height:20px}.md-range:focus-visible{outline-offset:2px;outline:2px solid}.inv .md-range::-webkit-slider-thumb,.inv .md-range::-moz-range-thumb{background:var(--ink)}.md-counter{white-space:nowrap}@media (width<=600px){.md-controls{grid-template-columns:auto minmax(0,1fr)}.md-counter{grid-column:1/-1}}.md{width:100%;display:block;position:relative}.md:focus-visible{outline-offset:6px;outline:2px solid}.md-viewport{background:var(--paper);width:100%;color:var(--ink);contain:layout paint;border:1px solid;position:relative;overflow:hidden}.md-browser .md-viewport{aspect-ratio:auto!important}.md-browser .md-stage-wrap{position:relative}.md-stage{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.md-browser .md-stage{top:32px}.md-scene{font-family:var(--font-sans);background:#fff;font-size:16px;line-height:1.3;position:absolute;inset:0;overflow:hidden}.md-pointer{z-index:20;will-change:transform;transform-origin:2px 2px;position:absolute;top:0;left:0}.md-pointer-ring{border:1px solid #000;border-radius:50%;width:28px;height:28px;position:absolute;top:-12px;left:-12px}.md-caption{height:2.4em;margin-top:14px;font-size:clamp(16px,1.35vw,20px);line-height:1.2;overflow:hidden}.md-caption-track{will-change:transform}.md-caption-line{letter-spacing:-.015em;text-wrap:pretty;align-items:flex-start;height:2.4em;display:flex}.md-captions-list{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}html:not(.js) .md-captions-list,.md[data-static=true] .md-captions-list{clip:auto;width:auto;height:auto;margin-top:16px;position:static}.md-captions-list ol{counter-reset:md;gap:6px;display:grid}.md-captions-list li{counter-increment:md;grid-template-columns:32px 1fr;gap:8px;font-size:15px;display:grid}.md-captions-list li:before{content:counter(md, decimal-leading-zero);font-family:var(--font-mono);letter-spacing:.06em;padding-top:2px;font-size:12px}.md[data-static=true] .md-caption,.md[data-static=true] .md-controls{display:none}.d-box{position:absolute}.d-panel{background:#fff;border:1px solid #000}.d-panel-head{border-bottom:1px solid #000;align-items:center;height:28px;padding:0 10px;font-size:13px;display:flex}.d-panel-body{position:absolute;inset:0}.d-panel-head+.d-panel-body{top:28px}.d-text{position:absolute}.d-h{letter-spacing:-.03em;font-size:28px;font-weight:500;line-height:1.05}.d-h2{letter-spacing:-.02em;font-size:20px;font-weight:500;line-height:1.1}.d-small{font-size:13px}.d-num{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:500;line-height:1}.d-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:500}.d-chip{isolation:isolate;white-space:nowrap;background:#fff;border:1px solid #000;align-items:center;height:30px;margin:0 8px 8px 0;padding:0 12px;font-size:13px;display:inline-flex;position:relative;overflow:hidden}.d-chip>span{z-index:1;mix-blend-mode:difference;color:#fff;position:relative}.d-chip .fill,.d-btn .fill{background:#000;position:absolute;inset:0;transform:translateY(101%)}.d-btn{isolation:isolate;white-space:nowrap;background:#fff;border:1px solid #000;justify-content:center;align-items:center;height:36px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.d-btn>span{z-index:1;mix-blend-mode:difference;color:#fff;position:relative}.d-btn-solid{color:#fff;background:#000}.d-btn-solid>span{mix-blend-mode:normal;color:#fff}.d-table-wrap{overflow:hidden}.d-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}.d-table th,.d-table td{text-align:left;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #000;height:32px;padding:0 10px;overflow:hidden}.d-table th{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:500}.d-tr{position:relative}.d-tile{border:1px solid #000;align-content:space-between;padding:14px 16px;display:grid}.d-bars{align-items:flex-end;gap:6px;display:flex}.d-bar{transform-origin:bottom;background:#000;flex:1}.d-bar-hatch{background:repeating-linear-gradient(135deg,#000 0 1px,#fff 1px 5px)}.d-avatar{background:#fff;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;display:inline-flex}.d-avatar+.d-avatar{margin-left:-8px}.d-avatar-solid{color:#fff;background:#000}.d-rule{transform-origin:0;background:#000;height:1px;position:absolute}.d-phone{background:#fff;border:1px solid #000;border-radius:24px;padding:10px}.d-phone-screen{border:1px solid #000;border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden}.d-card{background:#fff;border:1px solid #000;padding:14px 16px}.d-check-row{align-items:center;gap:10px;height:28px;font-size:14px;display:flex}.d-check{flex:none;width:16px;height:16px}.d-svg{position:absolute;overflow:visible}.d-input{border-bottom:1px solid #000;padding-bottom:6px}.d-input .d-label{margin-bottom:6px}.d-input-value{white-space:nowrap;min-height:1.3em;font-size:16px}.d-badge{visibility:hidden;transform-origin:50%;background:#fff;border:1.5px solid #000;align-items:center;height:26px;padding:0 10px;display:inline-flex;position:absolute}.d-badge-solid{color:#fff;background:#000}.d-bubble{background:#fff;border:1px solid #000;border-radius:14px;padding:10px 12px;font-size:14px}.d-bubble-solid{color:#fff;background:#000}.d-rows{align-content:start;display:grid}.d-row{white-space:nowrap;border-bottom:1px solid #000;align-items:center;height:36px;padding:0 10px;font-size:14px;display:flex;position:relative;overflow:hidden}.d-frame916{background:#fff;border:1px solid #000;overflow:hidden}.strike{transform-origin:0;z-index:2;background:#000;height:1px;position:absolute;top:50%;left:0;right:0;transform:scaleX(0)}.d-type{white-space:nowrap;display:inline-block}.d-caret{vertical-align:-.15em;visibility:hidden;background:#000;width:1px;height:1em;margin-left:1px;display:inline-block}.d-dash{border-style:dashed}.d-solid{color:#fff;background:#000}.d-token{font-family:var(--font-mono);border:1px dashed #000;padding:0 4px;font-size:12px;display:inline-block}.d-dot{background:#000;border-radius:50%;width:8px;height:8px;display:inline-block}.d-cell{border:1px solid #000;position:absolute;overflow:hidden}.d-cell .fill{background:#000;position:absolute;inset:0;transform:translateY(101%)}