.basic-demo-module__07L68W__wrapper{justify-content:center;display:flex}.basic-demo-module__07L68W__trigger{background-color:var(--p-primary-color);color:var(--p-primary-contrast-color);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s}.basic-demo-module__07L68W__trigger:hover{background-color:var(--p-primary-hover-color)}.basic-demo-module__07L68W__trigger:active{background-color:var(--p-primary-active-color)}.basic-demo-module__07L68W__trigger:focus-visible{outline:1px solid var(--p-primary-color);outline-offset:2px}.basic-demo-module__07L68W__backdrop{background-color:#00000080;position:fixed;inset:0}.basic-demo-module__07L68W__positioner{pointer-events:none;z-index:50;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.basic-demo-module__07L68W__popup{background-color:light-dark(var(--p-surface-0),var(--p-surface-900));border:1px solid var(--p-content-border-color);pointer-events:auto;border-radius:.75rem;flex-direction:column;width:28rem;max-width:90vw;max-height:100%;display:flex;box-shadow:0 25px 50px -12px #00000040}.basic-demo-module__07L68W__header{flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.basic-demo-module__07L68W__title{color:var(--p-text-color);font-size:1.125rem;font-weight:600}.basic-demo-module__07L68W__close{width:2rem;height:2rem;color:var(--p-text-muted-color);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;transition:background-color .2s;display:inline-flex}.basic-demo-module__07L68W__close:hover{background-color:light-dark(var(--p-surface-100),var(--p-surface-800))}.basic-demo-module__07L68W__close:focus-visible{outline:1px solid var(--p-primary-color);outline-offset:-1px}.basic-demo-module__07L68W__content{padding:0 1.25rem 1.25rem;overflow-y:auto}.basic-demo-module__07L68W__form{flex-direction:column;gap:1rem;display:flex}.basic-demo-module__07L68W__field{flex-direction:column;gap:.25rem;display:flex}.basic-demo-module__07L68W__label{color:var(--p-text-color);font-size:.875rem;font-weight:600}.basic-demo-module__07L68W__input{border:1px solid var(--p-content-border-color);width:100%;color:var(--p-text-color);box-sizing:border-box;background:0 0;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem}.basic-demo-module__07L68W__input:focus{outline:1px solid var(--p-primary-color);outline-offset:-1px}.basic-demo-module__07L68W__actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.basic-demo-module__07L68W__cancelButton{border:1px solid var(--p-content-border-color);color:var(--p-text-color);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s}.basic-demo-module__07L68W__cancelButton:hover{background-color:light-dark(var(--p-surface-50),var(--p-surface-800))}.basic-demo-module__07L68W__cancelButton:focus-visible{outline:1px solid var(--p-primary-color);outline-offset:2px}.basic-demo-module__07L68W__saveButton{background-color:var(--p-primary-color);color:var(--p-primary-contrast-color);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s}.basic-demo-module__07L68W__saveButton:hover{background-color:var(--p-primary-hover-color)}.basic-demo-module__07L68W__saveButton:active{background-color:var(--p-primary-active-color)}.basic-demo-module__07L68W__saveButton:focus-visible{outline:1px solid var(--p-primary-color);outline-offset:2px}