.modal-wrapper{position:relative;z-index:50}.backdrop{background:#000000a3;z-index:50}.backdrop,.modal{bottom:0;left:0;position:fixed;right:0;top:0}.modal{z-index:51}.modal--open .modal__close-button:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.modal--open .modal__close-button:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.modal__container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;height:-moz-calc(var(--vh,1vh)*100);height:calc(var(--vh, 1vh)*100);height:100dvh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1.25rem;pointer-events:none}.modal__close-button-area{max-width:25rem;padding-bottom:.625rem;text-align:right;width:100%}.modal__close-button{color:#fff;height:1.5rem;outline:none;pointer-events:auto;position:relative;width:1.5rem}.modal__close-button:focus-visible{outline:auto}.modal__close-button:after,.modal__close-button:before{border-top:.0625rem solid #fff;content:"";left:-.25rem;position:absolute;top:.75rem;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center;-moz-transform-origin:center;transform-origin:center;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;-moz-transition:transform .2s ease-in-out,-moz-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out,-moz-transform .2s ease-in-out;width:2rem}.modal__surface{background-color:#fff;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;max-height:-moz-calc(100% - 5rem);max-height:calc(100% - 5rem);max-width:25rem;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;pointer-events:auto}.modal__header{font-size:1.125rem;font-weight:700;padding:1.25rem;text-align:center}.modal__content{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:0 1.25rem}.modal__action{padding:1.25rem}