.region-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto;width:100%;background:rgba(var(--color-foreground),.2);height:100%}.region-modal[open]{opacity:1;visibility:visible;z-index:101}.region-modal__content{border-radius:var(--popup-corner-radius);background-color:rgb(var(--color-background));overflow:auto;height:auto;margin:0 auto;left:50%;top:40%;transform:translate(-50%) translateY(-50%);width:92%;position:absolute;padding:0 1.5rem 4rem;border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-style:solid;border-width:var(--popup-border-width);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.region-modal__content.focused{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.region-modal__content:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}@media screen and (min-width: 750px){.region-modal__content{width:50%;max-width:60rem}}.region-modal__content-info{max-width:48rem;margin:0 auto;text-align:center}.region-modal__content-info .h2{margin-bottom:0}.region-modal__content-info p{margin:.5rem 0}.region-modal__actions{margin-top:3rem}.region-modal__toggle{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;position:sticky;padding:1.2rem;z-index:2;top:1.5rem;width:4rem;margin:0 0 0 auto}.region-modal__toggle:hover{color:rgba(var(--color-foreground),.75)}.region-modal__toggle .icon{height:auto;margin:0;width:2.2rem}
