.scene-pair{container-type:inline-size}.scene-pair,.kp-scene{--kp-ease:cubic-bezier(.22, 1, .36, 1);--kp-ease-land:cubic-bezier(.2, .9, .25, 1.12)}.kp-cue{border:2px solid var(--ink);border-radius:var(--look-button-radius);background:var(--brand);width:clamp(1.75rem,4cqw,2.5rem);height:clamp(1.75rem,4cqw,2.5rem);color:var(--on-brand);opacity:0;place-items:center;margin:calc(clamp(1.75rem,4cqw,2.5rem)/-2) 0 0 calc(clamp(1.75rem,4cqw,2.5rem)/-2);display:grid;position:absolute;top:0;left:0}.kp-tap{animation:.65s ease-out both kp-tap}@keyframes kp-tap{0%{opacity:0;scale:.5}30%{opacity:1;scale:1}to{opacity:0;scale:1.8}}.kp-scene[data-playing] [data-new]{animation:kp-row-in .65s var(--kp-ease) both;overflow:hidden}@keyframes kp-row-in{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{max-height:calc(var(--spacing) * 16);opacity:1}}.kp-fold{animation:kp-fold .6s var(--kp-ease) both;overflow:hidden}@keyframes kp-fold{0%,45%{max-height:calc(var(--spacing) * 16);opacity:1}to{opacity:0;border-top-width:0;max-height:0}}.kp-drop-in{animation:kp-drop-in .56s var(--kp-ease-land) both}@keyframes kp-drop-in{0%{opacity:0;translate:0 -45%;scale:.96}to{opacity:1;translate:0;scale:1}}.kp-rise-in{animation:kp-rise-in .42s var(--kp-ease) both}@keyframes kp-rise-in{0%{opacity:0;translate:0 40%}to{opacity:1;translate:0}}.kp-pointer{transition:left .65s var(--kp-ease), top .65s var(--kp-ease), opacity .3s ease-out}.kp-pointer[data-carrying]{transition:left .8s cubic-bezier(.45,0,.2,1),top .8s cubic-bezier(.45,0,.2,1),opacity .3s ease-out}.kp-fade-in{animation:.42s ease-out both kp-fade-in}@keyframes kp-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){html:not([data-motion=paused]) .kp-panel-in{animation:.36s ease-out both kp-fade-in}}.kp-layer{transition:opacity .28s ease-out}.kp-fill{transform-origin:0;animation-name:kp-fill;animation-timing-function:linear;animation-fill-mode:both}@keyframes kp-fill{0%{scale:0 1}to{scale:1}}
.build-scene{--kp-ease:cubic-bezier(.22, 1, .36, 1);--kp-ease-land:cubic-bezier(.2, .9, .25, 1.12)}.build-tap{transition:filter .15s ease-out}@media (hover:hover){.build-tap:hover{filter:brightness(.94)}}.kp-bump{animation:kp-bump .56s var(--kp-ease-land) both}@keyframes kp-bump{0%{scale:1}35%{scale:1.16}to{scale:1}}.kp-sheet-in{animation:kp-sheet-in .44s var(--kp-ease) both}@keyframes kp-sheet-in{0%{translate:0 100%}to{translate:0}}.build-scene[data-moving] [data-new]{animation:kp-row-in .65s var(--kp-ease) both;overflow:hidden}@media not (min-width:64rem){.build-step[data-off]{display:none}html:has(.build-sendbar:not(.hidden)){scroll-padding-bottom:8rem}}