.lab-demo{max-width:34rem;margin:0 auto;padding:24px 20px 8px}.lab-demo__stage{min-height:22rem}.lab-demo__stage--settled{min-height:0}.lab-demo__again{display:block;margin:18px auto 0;background:transparent;border:1px solid var(--line);border-radius:999px;padding:10px 20px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--stone);cursor:pointer;transition:border-color .18s ease,color .18s ease}.lab-demo__again:hover{border-color:var(--cherry);color:var(--cherry)}@media (prefers-reduced-motion:reduce){.lab-demo__again{transition:none}}.lab-demo__after{text-align:center;animation:lab-demo-after-in .62s ease both}@keyframes lab-demo-after-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.lab-demo__after{animation:none}}.lab-demo__after .layering-result__keep{margin-top:0;padding-top:0;border-top:none}.lab-demo__safety{position:relative;display:block;width:-moz-fit-content;width:fit-content;max-width:32ch;margin:0 auto 34px;padding:18px 22px 19px;border:1px solid rgba(200,54,42,.3);border-radius:18px;background:hsla(0,0%,100%,.42);text-align:left}.lab-demo__after .layering-result__safety{padding-top:18px;border-top:0}.lab-demo__safety-mark{margin-right:.5em;font-family:var(--mono);font-style:normal;font-size:12px;color:var(--cherry)}.lab-demo__after .layering-result__disclaimer{color:var(--cherry)}.lab-demo__after .layering-result__disclaimer-line{color:inherit}@media (max-width:400px){.lab-demo__safety{padding:16px 18px 17px;max-width:100%}}.lab-demo .layering-predicting{margin:28px auto 0;padding:0 24px}.lab-demo__typing{max-width:30rem;margin:28px auto 0;animation:lab-demo-after-in .42s ease both}.lab-demo__slot{display:flex;align-items:center;min-height:51px;transition:border-color .22s ease,background .22s ease}.lab-demo__slot--active{border-color:var(--cherry);background:var(--cream)}.lab-demo__slot-placeholder{color:var(--stone);opacity:.7}.lab-demo__caret{display:inline-block;width:1px;height:1.05em;margin-left:2px;background:var(--cherry);animation:lab-demo-caret .9s steps(1) infinite}@keyframes lab-demo-caret{0%,50%{opacity:1}50.01%,to{opacity:0}}.lab-demo__button{display:inline-block;cursor:default;transition:opacity .26s ease,transform .15s ease}.lab-demo__button--waiting{opacity:.45}.lab-demo__button--pressed{transform:scale(.955)}@media (max-width:560px){.lab-demo__slot{min-height:76px;justify-content:center}}@media (prefers-reduced-motion:reduce){.lab-demo__typing{animation:none}.lab-demo__caret{animation:none;opacity:0}}.lab-demo__after .layering-result__keep{font-size:1.36rem}.lab-demo__after .layering-result__keep em{font-size:12.5px}.lab-demo__after .layering-result__safety{font-size:17px}.lab-demo__after .layering-result__disclaimer,.lab-demo__after .layering-result__disclaimer-line,.lab-demo__safety-mark{font-size:14px}.lab-demo__after .layering-result__disclaimer{max-width:30rem}.lab-demo{max-width:40rem}.lab-demo .layering-predicting{max-width:100%;padding:0}.lab-demo .layering-predicting__pair{white-space:nowrap;font-size:clamp(16px,3.9vw,24px)}.lab-demo .layering-predicting__pair-brand{font-size:.5em}@media (max-width:560px){.lab-demo .layering-predicting__pair-brand{display:none}.lab-demo .layering-predicting__pair{font-size:clamp(14px,5vw,20px)}}.lab-demo__after .layering-result__keep{max-width:34ch}