.sketch-page-body{padding-bottom:2rem}.sketch-chrome-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;font-size:13px;display:flex}.sketch-chrome-footer-link{color:inherit;text-underline-offset:2px;text-decoration:underline;transition:opacity .16s}.sketch-chrome-footer-link:hover{opacity:.55}.sketch-chrome-footer-sep,.sketch-chrome-footer-muted{color:var(--notebook-muted,#8c8c8c)}.sketch-design-note{padding-top:4px;scroll-margin-top:6rem}.sketch-design-note-link{color:inherit;text-underline-offset:2px;text-decoration:underline;transition:opacity .16s}.sketch-design-note-link:hover{opacity:.55}.sketch-digit-flow{flex-direction:column;gap:20px;display:flex}.sketch-example{flex-direction:column;gap:12px;display:flex}.sketch-example-label{margin:0;padding:0;font-size:13px;line-height:1.3}.sketch-example .notebook-media{flex-direction:column;gap:8px;display:flex}.sketch-example .notebook-media-caption{margin:0}.sketch-flow-stage{--media-letterbox:var(--notebook-surface,#fafafa);aspect-ratio:auto;min-height:220px;padding:32px 24px}:is(.sketch-flow-stage:has(.sketch-activity),.sketch-flow-stage:has(.sketch-slider)){min-height:120px;padding:28px 20px}.sketch-ascii-stage{--media-letterbox:#0c0c0e;min-height:min(72vw,420px);padding:18px 10px 20px}@media (prefers-color-scheme:dark){.sketch-ascii-stage{--media-letterbox:#050505}}.sketch-ascii-panel{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.sketch-ascii-viewport{justify-content:center;align-items:center;width:100%;height:300px;display:flex;overflow:hidden}.sketch-ascii-viewport-inner{transform-origin:50%;will-change:transform;display:inline-block}.sketch-ascii-panel--hover{color:inherit;cursor:pointer;background:0 0;border:none;width:100%;margin:0;padding:0}.sketch-ascii-panel--hover:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #ffffff59}.sketch-ascii-pre{letter-spacing:0;white-space:pre;color:#d8e8d8;-webkit-user-select:none;user-select:none;width:max-content;margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:7px;line-height:.52}.sketch-ascii-pre--color .sketch-ascii-row{display:block}.sketch-ascii-hint{text-align:center;font-size:12px}.sketch-ascii-control{color:#ffffff8c;align-items:center;gap:10px;width:min(100%,220px);font-size:12px;display:flex}.sketch-ascii-range{accent-color:#d8e8d8;flex:1}.sketch-ascii-range-value{text-align:right;font-variant-numeric:tabular-nums;color:#ffffffb8;min-width:1.5rem}.notebook-media-stage.sketch-liquid-stage{--media-letterbox:#2c2c2c;--media-stage-border:#ffffff24;aspect-ratio:16/9;touch-action:none;cursor:default;min-height:200px;padding:0;box-shadow:0 10px 32px #1111111f}.sketch-liquid-fill{position:absolute;inset:0}.sketch-liquid-canvas{width:100%;height:100%;display:block}.sketch-liquid-status{z-index:2;color:#ffffff8c;pointer-events:none;font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.sketch-flow-inner{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.sketch-flow-label{font-size:13px}.sketch-flow-hit{cursor:pointer;color:inherit;background:0 0;border:none;margin:0;padding:0}.sketch-flow-hit:focus-visible{outline-offset:6px;border-radius:4px;outline:2px solid #11111159}.sketch-flow-number{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--notebook-text,#111);--number-flow-mask-height:.2em;--number-flow-mask-width:.4em;font-size:clamp(2.1rem,8vw,2.85rem);font-weight:600;line-height:.88;display:inline-block}.sketch-flow-action{font:inherit;color:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:15px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;transition:opacity .16s}.sketch-flow-action:hover{opacity:.55}.sketch-activity{width:100%;color:var(--notebook-muted,#8c8c8c);-webkit-user-select:none;user-select:none;align-items:center;gap:4px;display:flex}.sketch-activity-item,.sketch-activity-btn{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.sketch-activity-btn{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;transition:color .16s}.sketch-activity-btn:hover{color:var(--notebook-text,#111)}.sketch-activity-btn.is-reply.is-on{color:#1d8cd6}.sketch-activity-btn.is-like.is-on{color:#c23d67}.sketch-activity-btn.is-save.is-on{color:#2f5d9b}.sketch-activity-btn.is-on svg{fill:currentColor}.sketch-activity-bookmark{flex:1}.sketch-activity-share{flex-shrink:0;margin-left:auto;display:flex}.sketch-activity-icon{flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}.sketch-activity-icon svg{width:16px;height:16px}.sketch-activity-number{font-variant-numeric:tabular-nums;color:inherit;font-size:14px;font-weight:500;line-height:1}@media (max-width:380px){.sketch-activity-number--bookmark{display:none}.sketch-activity-bookmark{flex:0}}.sketch-slider{width:min(100%,200px);margin:28px auto 8px;padding-top:36px;position:relative}.sketch-slider-value{pointer-events:none;position:absolute;top:0;transform:translate(-50%)}.sketch-slider-number{font-variant-numeric:tabular-nums;color:var(--notebook-text,#111);font-size:18px;font-weight:600;line-height:1}.sketch-slider-input{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:0}.sketch-slider-input:focus-visible{outline:none}.sketch-slider-input::-webkit-slider-runnable-track{background:#1111111a;border-radius:999px;height:3px}.sketch-slider-input::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:1px solid #1111111f;border-radius:50%;width:20px;height:20px;margin-top:-8px;box-shadow:0 2px 8px #1111111f}.sketch-slider-input::-moz-range-track{background:#1111111a;border-radius:999px;height:3px}.sketch-slider-input::-moz-range-thumb{background:#fff;border:1px solid #1111111f;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #1111111f}@media (prefers-color-scheme:dark){.sketch-flow-hit:focus-visible{outline-color:#fff6}.sketch-slider-input::-webkit-slider-runnable-track{background:#ffffff24}.sketch-slider-input::-moz-range-track{background:#ffffff24}.sketch-slider-input::-webkit-slider-thumb{background:var(--notebook-surface,#0d0d0d);border-color:#ffffff29}.sketch-slider-input::-moz-range-thumb{background:var(--notebook-surface,#0d0d0d);border-color:#ffffff29}}@media (prefers-reduced-motion:reduce){.sketch-flow-action:hover,.sketch-chrome-footer-link:hover{opacity:1}}