:root{--shared-web-comp-background:#ffffff;--shared-web-comp-foreground:#000000}.modal-overlay{z-index:50;background-color:rgba(31,41,55,.75)}.modal,.modal-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center}.modal{z-index:1000}.modal-container{position:relative;z-index:1010;width:91.666667%;max-width:33.333333%;overflow:hidden}.modal-container,.modal-content{background-color:var(--shared-web-comp-background);color:var(--shared-web-comp-foreground);border-radius:.375rem;box-shadow:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.1)}.modal-content div,.modal-content p{padding:1rem}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--shared-web-comp-foreground)}.modal-title{font-size:1.25rem;font-weight:500;text-align:center}.modal-close{background:none;border:none;color:var(--shared-web-comp-foreground);font-size:1.5rem;cursor:pointer}.modal-body{padding:1rem}.modal-footer{display:flex;justify-content:flex-end;padding:1rem;border-top:1px solid var(--shared-web-comp-foreground)}.modal-button{padding:.5rem 1rem;background-color:#3b82f6;color:#ffffff;border-radius:.25rem;cursor:pointer;transition:background-color .2s ease;&:hover{background-color:#2563eb}&:focus{outline:none}}.modal-accept-button{background-color:#3b82f6;color:white;padding:.5rem 1rem;border-radius:.375rem}.modal-accept-button:hover{background-color:#1d4ed8}.modal-decline-button{background-color:#ef4444;color:white;padding:.5rem 1rem;border-radius:.375rem}.modal-decline-button:hover{background-color:#b91c1c}