#su-wrap:has(+.modal--takeover){position:fixed;pointer-events:none;overflow:hidden;min-width:100%;scroll-behavior:auto}.no--click{pointer-events:none;scroll-behavior:auto}.modal--takeover{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(8px);z-index:1000;pointer-events:all;display:flex;align-items:center;justify-content:center}.modal--takeover:has(~.ui-dialog),.ui-dialog~.modal--takeover{pointer-events:none;position:fixed;z-index:950}.modal--takeover~.ui-dialog,.ui-dialog:has(~.modal--takeover){pointer-events:all}.modal--pane{background-color:#fff;opacity:1;pointer-events:all;border-radius:4px;box-shadow:1px 1px 3px rgba(0,0,0,.1);max-height:95vh;width:clamp(60%,655px,80vw);overflow:scroll}.modal--body{padding:2.5em;margin-block-start:-2rem}.modal--close{position:sticky;top:.5rem;left:calc(100% - 2rem);display:inline-block}.modal--close svg{color:#000;width:1.5em}.modal--close a{font-weight:bold}.modal--interaction{display:flex;justify-content:space-between;margin-block-start:1.25rem}.modal--interaction .solo-modal--confirmation-button[inert]{opacity:.5}.modal--interaction:has(.solo-modal--confirmation-button[inert]){cursor:not-allowed}.solo-modal-confirmation-checkbox--wrapper{padding:.25rem .5rem .5rem .5rem;background-color:rgba(0,0,0,0);transition:all .2s ease-in-out;display:block}.modal--content:has(+.modal--interaction:hover .solo-modal--confirmation-button[inert]) .solo-modal-confirmation-checkbox--wrapper{background-color:var(--solo-color-tan-light)}
