.basic-demo-module__Igo2gW__root{border:1px solid var(--p-content-border-color);border-radius:.5rem;flex-direction:column;gap:1rem;max-width:20rem;margin-inline:auto;padding:1.25rem;display:flex}.basic-demo-module__Igo2gW__heading{color:var(--p-text-color);margin:0;font-size:.875rem;font-weight:600}.basic-demo-module__Igo2gW__input{border:1px solid var(--p-content-border-color);background-color:light-dark(var(--p-surface-0),var(--p-surface-900));width:100%;color:var(--p-text-color);box-sizing:border-box;border-radius:.375rem;outline:none;padding:.5rem .75rem;font-size:.875rem;transition:outline .15s}.basic-demo-module__Igo2gW__input:focus-visible{outline:1px solid var(--p-primary-color);outline-offset:-1px}.basic-demo-module__Igo2gW__button{background-color:var(--p-primary-color);width:100%;color:var(--p-primary-contrast-color);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s}.basic-demo-module__Igo2gW__button:hover{background-color:var(--p-primary-hover-color)}.basic-demo-module__Igo2gW__button:active{background-color:var(--p-primary-active-color)}.basic-demo-module__Igo2gW__button:focus-visible{outline:1px solid var(--p-primary-color);outline-offset:2px}
