.Modal{position:fixed;z-index:2000000;top:0;left:0;width:100%;height:100%;display:none;background-color:rgba(0,0,0,.205);padding:var(--space-sm)}.Modal--on{display:flex;flex-direction:column}.Modal__close{display:block;background:rgba(0,0,0,0);height:40px;width:40px;border:none;position:relative;transition:all .25s;z-index:2}.Modal__close:before{display:block;content:"";position:absolute;top:-2px;bottom:-2px;left:-4px;width:0;width:calc(100% + 8px);background-color:#f93;transition:opacity .25s;z-index:-1;opacity:0}.Modal__close:focus,.Modal__close:focus-within,.Modal__close:hover{color:#fff}.Modal__close:focus-within:before,.Modal__close:focus:before,.Modal__close:hover:before{width:calc(100% + 8px);opacity:1}.Modal__head{flex-shrink:0;height:60px;background-color:#004b88;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-sm)}.Modal__head svg{fill:#fff}.Modal__body{background-color:#fff;flex-grow:1;overflow-y:scroll}.Modal__body>*{margin-top:var(--space-xl)}.Modal__body>:last-child{margin-bottom:var(--space-xl)}