.modal__backdrop{z-index:30;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:.75rem;flex-direction:column;width:100%;max-width:32rem;max-height:calc(100vh - 2rem);display:flex}.modal__head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.5rem;padding:1.25rem 1.5rem .75rem;display:flex}.modal__title{margin:0;font-size:1.125rem}.modal__close{border:1px solid var(--color-border);width:2rem;height:2rem;color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border-radius:.375rem;flex:none;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.modal__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal__body{padding:1.25rem 1.5rem 1.5rem;overflow:auto}