.basic-demo-module__bpH4FW__wrapper{justify-content:center;display:flex}.basic-demo-module__bpH4FW__trigger{height:2.25rem;color:var(--p-text-color);border:1px solid var(--p-content-border-color);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border-radius:.5rem;justify-content:center;align-items:center;padding:0 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s;display:inline-flex}.basic-demo-module__bpH4FW__trigger:hover{background-color:light-dark(var(--p-surface-50),var(--p-surface-800))}.basic-demo-module__bpH4FW__trigger[data-open]{background-color:light-dark(var(--p-surface-100),var(--p-surface-700))}.basic-demo-module__bpH4FW__trigger:focus-visible{outline:1px solid var(--p-primary-color);outline-offset:2px}.basic-demo-module__bpH4FW__popup{background-color:light-dark(var(--p-surface-0),var(--p-surface-900));border:1px solid var(--p-content-border-color);border-radius:.75rem;outline:none;width:18rem;position:relative;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.basic-demo-module__bpH4FW__arrow{background-color:light-dark(var(--p-surface-0),var(--p-surface-900));border:1px solid var(--p-content-border-color);border-bottom:none;border-right:none;width:.5rem;height:.5rem;position:absolute}.basic-demo-module__bpH4FW__arrow[data-side=bottom]{top:-.25rem;left:var(--placer-arrow-x);transform:translate(-50%)rotate(45deg)}.basic-demo-module__bpH4FW__arrow[data-side=top]{bottom:-.25rem;left:var(--placer-arrow-x);transform:translate(-50%)rotate(225deg)}.basic-demo-module__bpH4FW__arrow[data-side=left]{right:-.25rem;top:var(--placer-arrow-y);transform:translateY(-50%)rotate(315deg)}.basic-demo-module__bpH4FW__arrow[data-side=right]{left:-.25rem;top:var(--placer-arrow-y);transform:translateY(-50%)rotate(135deg)}.basic-demo-module__bpH4FW__content{align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.basic-demo-module__bpH4FW__icon{color:var(--p-primary-color);width:2rem!important;height:2rem!important}.basic-demo-module__bpH4FW__message{color:var(--p-text-color);font-size:.875rem}.basic-demo-module__bpH4FW__footer{justify-content:flex-end;gap:.5rem;padding:0 1rem 1rem;display:flex}.basic-demo-module__bpH4FW__cancelButton{height:2rem;color:var(--p-text-muted-color);border:1px solid var(--p-content-border-color);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border-radius:.375rem;justify-content:center;align-items:center;padding:0 .75rem;font-size:.875rem;font-weight:500;transition:background-color .2s;display:inline-flex}.basic-demo-module__bpH4FW__cancelButton:hover{background-color:light-dark(var(--p-surface-50),var(--p-surface-800))}.basic-demo-module__bpH4FW__cancelButton:focus-visible{outline:1px solid var(--p-primary-color);outline-offset:-1px}.basic-demo-module__bpH4FW__saveButton{height:2rem;color:var(--p-primary-contrast-color);background-color:var(--p-primary-color);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:0 .75rem;font-size:.875rem;font-weight:500;transition:background-color .2s;display:inline-flex}.basic-demo-module__bpH4FW__saveButton:hover{background-color:var(--p-primary-hover-color)}.basic-demo-module__bpH4FW__saveButton:active{background-color:var(--p-primary-active-color)}.basic-demo-module__bpH4FW__saveButton:focus-visible{outline:1px solid var(--p-primary-color);outline-offset:2px}