.components-modal .modal{z-index:1050;-webkit-overflow-scrolling:touch;outline:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:hidden;overflow-y:auto}.components-modal .modal-title{width:-moz-fit-content;width:fit-content;margin:40px auto;font-size:26px}.components-modal .modal-body{padding:7px 50px 35px;position:relative}.components-modal .modal-content{background:var(--primary-800);background-clip:padding-box;border-radius:8px;outline:0;position:relative;box-shadow:0 3px 9px rgba(0,0,0,.5)}.components-modal .modal-backdrop{z-index:1040;opacity:.5;background-color:#000;position:fixed;top:0;bottom:0;left:0;right:0}.components-modal .close{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;z-index:1;background:0 0;border:0;padding:4px 6px;position:absolute;top:14px;right:14px}.components-modal .close svg{fill:var(--white-77);width:28px;height:28px}.components-modal .close:hover svg{fill:var(--white-100)}@media (min-width:769px){.components-modal .modal-dialog{width:600px;margin:30px auto}.components-modal .modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}}