.InteractionDesign_page__Ntdbj{--ink:#222;--muted:#727272;--square:#333;min-height:100vh;background:#fff;color:var(--ink);color-scheme:light;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:1.5;-webkit-font-smoothing:antialiased}.InteractionDesign_page__Ntdbj button{font-family:inherit;cursor:pointer}.InteractionDesign_page__Ntdbj button:disabled{opacity:.4;cursor:default}.InteractionDesign_page__Ntdbj :is(a,button,input):focus-visible{outline:2px solid #555;outline-offset:5px}.InteractionDesign_sidebar__jOcU9{position:fixed;top:80px;left:max(32px,calc((100vw - 1280px) / 2));width:164px;font-size:12px;line-height:1.5}.InteractionDesign_back__BbNEo{display:block;margin-bottom:45px;color:#555}.InteractionDesign_sidebar__jOcU9 nav{display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:#707070}.InteractionDesign_sidebar__jOcU9 a:hover{color:#222;text-decoration:underline}.InteractionDesign_readingColumn__FMP6M{width:550px;max-width:calc(100% - 40px);margin:0 auto;padding:80px 0 100px}.InteractionDesign_articleHeader__DdB3J{margin-bottom:26px}.InteractionDesign_articleHeader__DdB3J h1{margin:0;font-size:14px;font-weight:600;line-height:20px}.InteractionDesign_articleHeader__DdB3J p{color:var(--muted);margin:4px 0 0!important}.InteractionDesign_article__rhwY6 section>p,.InteractionDesign_article__rhwY6>p{margin:0 0 18px;font-size:14px;line-height:20px}.InteractionDesign_article__rhwY6 p a{text-decoration:underline;text-decoration-color:#bbb;text-underline-offset:3px}.InteractionDesign_article__rhwY6 a:hover{text-decoration-color:#333}.InteractionDesign_article__rhwY6 section{scroll-margin-top:50px}.InteractionDesign_article__rhwY6 h2{display:flex;flex-direction:column;align-items:stretch;gap:18px;font-size:14px;line-height:20px;font-weight:600;margin:52px 0 28px}.InteractionDesign_article__rhwY6 h2:before{content:"";height:1px;width:100%;background:#efefef}.InteractionDesign_sectionIllustration__xOCzx{display:block;width:112px;height:auto;margin:-12px 0 18px}.InteractionDesign_example__adirY{margin:28px 0}.InteractionDesign_demo__JNNjc{position:relative;background:#f8f8f8;padding:34px 0 16px;border-radius:3px}.InteractionDesign_example__adirY figcaption{margin-top:10px;font-size:12px;line-height:18px;color:var(--muted);text-align:center}.InteractionDesign_page__Ntdbj .InteractionDesign_reset__LRl7e{position:absolute;top:8px;right:12px;padding:5px;border:0;background:transparent;color:var(--muted);font-size:11px;z-index:1}.InteractionDesign_reset__LRl7e:hover{text-decoration:underline;text-underline-offset:3px}.InteractionDesign_footer__gh5xK{border-top:1px solid #eee;margin-top:56px;padding-top:22px;color:var(--muted);font-size:12px;line-height:18px}.InteractionDesign_footer__gh5xK p{margin:0 0 20px}.InteractionDesign_square__or6Sr{display:block;width:64px;height:64px;border:0;border-radius:0;padding:0;background:var(--square);flex-shrink:0}.InteractionDesign_controls__UzGu_{display:flex;justify-content:center;gap:16px}.InteractionDesign_page__Ntdbj .InteractionDesign_controls__UzGu_ button{padding:6px 0;min-height:32px;border:0;background:transparent;color:var(--muted);font-size:12px}.InteractionDesign_page__Ntdbj .InteractionDesign_controls__UzGu_ button[aria-pressed=true]{color:#222;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#777}.InteractionDesign_feedbackStage__ZEETi{display:grid;grid-template-columns:1fr 1fr;height:240px}.InteractionDesign_feedbackExample__b0dxM{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.InteractionDesign_exampleLabel__S6vgA{font-size:12px;color:var(--muted)}.InteractionDesign_responsiveSquare__DJIdP{transition:transform .12s,background .12s}.InteractionDesign_responsiveSquare__DJIdP:active{transform:scale(.9)}.InteractionDesign_square__or6Sr[data-status=working]{transform:scale(.91);background:#555;outline:1px solid #777;outline-offset:7px}.InteractionDesign_square__or6Sr[data-status=done]{background:#667267}.InteractionDesign_demoStatus__TxY7P{margin:0;padding:0 16px;min-height:20px;font-size:11px;line-height:18px;text-align:center;color:var(--muted)}.InteractionDesign_demoFooter__jfO6t{display:flex;justify-content:center;gap:6px 16px;padding:8px 16px 0;font-size:11px;line-height:16px;text-align:center;color:var(--muted);flex-wrap:wrap}.InteractionDesign_weightStage__QG8R8{position:relative;height:220px;margin:5px 0;overflow:hidden}.InteractionDesign_centerCross__6hUeH{display:none}.InteractionDesign_dragSquare___ttlV{position:absolute;left:0;top:0;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grab!important;will-change:transform}.InteractionDesign_dragSquare___ttlV:active,.InteractionDesign_intentSquare__bgBSt:active{cursor:grabbing!important}.InteractionDesign_continuityStage__k_doi{height:210px;position:relative;margin:10px 24px 0}.InteractionDesign_placeA__NcVz2,.InteractionDesign_placeB__X99d8{position:absolute;height:82px;width:82px;border:1px dashed #ccc;left:calc(20% - 41px);top:102px}.InteractionDesign_placeB__X99d8{left:calc(80% - 41px);top:25px}.InteractionDesign_placeA__NcVz2 span,.InteractionDesign_placeB__X99d8 span{position:absolute;left:50%;transform:translateX(-50%);top:-25px;font-size:11px;color:var(--muted)}.InteractionDesign_path__7d1JX{display:none}.InteractionDesign_travelSquare__xoW9r{position:absolute;left:calc(20% - 32px);top:111px}.InteractionDesign_travelSquare__xoW9r[data-destination=true]{left:calc(80% - 32px);top:34px}.InteractionDesign_centerControl__lDwbn{display:flex;justify-content:center}.InteractionDesign_page__Ntdbj .InteractionDesign_actionButton__ByiXT{min-height:36px;padding:5px 12px;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:12px;color:#333;display:inline-flex;align-items:center;gap:16px;margin:0 0 10px}.InteractionDesign_actionButton__ByiXT:not(:disabled):hover{border-color:#888}.InteractionDesign_intentStage__NtXxC{height:236px;position:relative;display:flex;margin-top:12px}.InteractionDesign_zone__qOQtg{position:relative;flex:1;margin:24px 0 26px}.InteractionDesign_zone__qOQtg+.InteractionDesign_zone__qOQtg{border-left:1px dashed #ccc}.InteractionDesign_zone__qOQtg[data-preview=true]{background:#00000003}.InteractionDesign_zone__qOQtg>span{position:absolute;left:18px;top:12px;font-size:11px;color:var(--muted)}.InteractionDesign_boundaryLabel__HsdFi{position:absolute;top:6px;left:50%;transform:translateX(-50%);color:var(--muted);font-size:10px}.InteractionDesign_intentSquare__bgBSt{position:absolute;top:86px;touch-action:none;cursor:grab!important;transition:left .25s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.InteractionDesign_zoneCaption__3yVzr{position:absolute;bottom:4px;left:0;right:0;font-size:11px;text-align:center;color:var(--muted)}.InteractionDesign_intentStage__NtXxC+.InteractionDesign_demoStatus__TxY7P{padding-top:8px;min-height:32px}.InteractionDesign_recoveryStage__skJyK{position:relative;height:160px}.InteractionDesign_recoverySquare__QKEZk,.InteractionDesign_squarePlaceholder__ywbDh{position:absolute;top:40px;left:calc(50% - 32px)}.InteractionDesign_squarePlaceholder__ywbDh{width:64px;height:64px;border:1px dashed #ccc}.InteractionDesign_recoverySquare__QKEZk{transition:transform .25s ease,opacity .25s ease}.InteractionDesign_recoverySquare__QKEZk[data-removed=true]{opacity:0;transform:translateY(22px) scale(.85)}.InteractionDesign_undoArea__KgmGj{min-height:52px;display:flex;justify-content:center;align-items:center}.InteractionDesign_undoMessage__ZV_ak{display:flex;align-items:center;gap:24px;padding:3px 14px;font-size:12px}.InteractionDesign_page__Ntdbj .InteractionDesign_undoMessage__ZV_ak button{min-height:36px;background:none;border:0;font-size:12px;color:#333}.InteractionDesign_undoMessage__ZV_ak button:first-of-type{text-decoration:underline;text-underline-offset:3px}.InteractionDesign_page__Ntdbj .InteractionDesign_textButton__YfWzZ{background:none;border:0;font-size:12px;text-decoration:underline;color:#333;min-height:32px}.InteractionDesign_srOnly__BQMSx{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.InteractionDesign_keyboardHelp__LWHk4{font-size:11px;text-align:center;color:var(--muted);min-height:18px;margin:0;opacity:0}.InteractionDesign_demo__JNNjc:focus-within .InteractionDesign_keyboardHelp__LWHk4{opacity:1}.InteractionDesign_page__Ntdbj[data-motion=false] *,.InteractionDesign_page__Ntdbj[data-motion=false] :after{transition:none!important;animation:none!important}.InteractionDesign_page__Ntdbj[data-motion=false] .InteractionDesign_responsiveSquare__DJIdP:active,.InteractionDesign_page__Ntdbj[data-motion=false] .InteractionDesign_square__or6Sr[data-status=working]{transform:none}.InteractionDesign_teaser__SxfSK{color:#222;display:block;border-top:1px solid #e8e8e8;padding-top:24px}.InteractionDesign_teaserText__kaxpL h2{font-size:15px;line-height:1.5;font-weight:500;margin:0 0 6px}.InteractionDesign_teaserText__kaxpL p{font-size:13px;color:#727272;margin:0;line-height:1.6}.InteractionDesign_teaser__SxfSK:hover h2{text-decoration:underline;text-underline-offset:3px}.InteractionDesign_teaser__SxfSK:focus-visible{outline:2px solid #555;outline-offset:6px}@media (max-width:1100px){.InteractionDesign_sidebar__jOcU9{left:28px;width:140px}.InteractionDesign_readingColumn__FMP6M{margin-left:max(205px,calc((100vw - 550px) / 2));margin-right:28px}}@media (max-width:800px){.InteractionDesign_sidebar__jOcU9{position:sticky;top:0;left:auto;z-index:10;width:auto;margin:0 auto;max-width:550px;padding:16px 0;background:#fff;display:flex;align-items:center;justify-content:space-between}.InteractionDesign_sidebar__jOcU9 nav{display:none}.InteractionDesign_back__BbNEo{margin:0;min-height:44px;min-width:44px;display:inline-flex;align-items:center}.InteractionDesign_article__rhwY6 section{scroll-margin-top:96px}.InteractionDesign_readingColumn__FMP6M{margin:0 auto;padding:42px 0 64px}}@media (max-width:590px){.InteractionDesign_sidebar__jOcU9{margin:0 22px}.InteractionDesign_readingColumn__FMP6M{max-width:calc(100% - 44px)}.InteractionDesign_article__rhwY6 h2{margin-top:42px;gap:14px}.InteractionDesign_article__rhwY6 section{scroll-margin-top:96px}.InteractionDesign_example__adirY{margin:26px -8px}.InteractionDesign_example__adirY figcaption{padding:0 8px}.InteractionDesign_exampleLabel__S6vgA{font-size:11px}.InteractionDesign_feedbackExample__b0dxM{gap:24px}.InteractionDesign_footer__gh5xK{margin-top:42px}}.InteractionDesign_choice__S86i0{margin:24px 0 18px;padding:0;border:0;min-width:0}.InteractionDesign_choice__S86i0 legend{padding:0;margin-bottom:10px;font-size:14px;line-height:20px}.InteractionDesign_choice__S86i0 label{display:flex;align-items:baseline;gap:9px;margin:5px 0;padding:4px 0;font-size:14px;line-height:20px;cursor:pointer}.InteractionDesign_choice__S86i0 input{accent-color:#333;flex-shrink:0}.InteractionDesign_article__rhwY6 section>.InteractionDesign_awaiting__VtW2E,.InteractionDesign_article__rhwY6 section>.InteractionDesign_motionNotice__8Syx4{font-size:12px;line-height:18px;color:var(--muted)}.InteractionDesign_response__GowFq p{margin:0 0 18px;font-size:14px;line-height:20px}.InteractionDesign_discussion__p5Rt9{margin-top:24px}.InteractionDesign_discussion__p5Rt9 summary{cursor:pointer;font-size:13px;color:#555;text-decoration:underline;text-decoration-color:#bbb;text-underline-offset:3px;padding:6px 0}.InteractionDesign_discussion__p5Rt9[open] summary{margin-bottom:18px}.InteractionDesign_constraints__OyijR{margin:8px 0 0;font-size:12px;line-height:1.6;color:var(--muted)}.InteractionDesign_constraints__OyijR summary{cursor:pointer;min-height:32px;display:list-item;width:-moz-fit-content;width:fit-content}.InteractionDesign_constraints__OyijR p{margin:0 0 12px}.InteractionDesign_discussion__p5Rt9 summary:focus-visible{outline:2px solid #555;outline-offset:4px}.InteractionDesign_pullMarker__6lfFh{position:absolute;top:0;left:0;width:8px;height:8px;border:1px solid #777;pointer-events:none;opacity:0;z-index:1}.InteractionDesign_transitionTitle__Jzcr2{display:inline-block;view-transition-name:page-title}.InteractionDesign_readingColumn__FMP6M:focus{outline:none}@media (pointer:coarse){.InteractionDesign_constraints__OyijR summary{min-height:44px}.InteractionDesign_page__Ntdbj .InteractionDesign_reset__LRl7e{min-width:44px;min-height:44px}.InteractionDesign_choice__S86i0 label{align-items:center;min-height:44px}.InteractionDesign_discussion__p5Rt9 summary,.InteractionDesign_page__Ntdbj .InteractionDesign_actionButton__ByiXT,.InteractionDesign_page__Ntdbj .InteractionDesign_controls__UzGu_ button,.InteractionDesign_page__Ntdbj .InteractionDesign_textButton__YfWzZ,.InteractionDesign_page__Ntdbj .InteractionDesign_undoMessage__ZV_ak button{min-height:44px}.InteractionDesign_keyboardHelp__LWHk4{display:none}}