@keyframes modal-slide-down{0%{opacity:0;transform:translateY(calc(var(--unit-8) * -1))}to{opacity:1;transform:translateY(0)}}.modal{opacity:0;padding:var(--layout-spacing-md);justify-content:center;align-items:center;display:none;position:fixed;inset:0;overflow:hidden}.modal:target,.modal.active{opacity:1;z-index:var(--zindex-4);display:flex}.modal:target .modal-overlay,.modal.active .modal-overlay{background:rgba(var(--body-bg--rgb-triplet), .75);cursor:default;display:block;position:absolute;inset:0}.modal:target .modal-container,.modal.active .modal-container{z-index:var(--zindex-0);animation:.2s modal-slide-down}.modal.modal-sm .modal-container{max-width:var(--control-width-sm);padding:0 var(--unit-2)}.modal.modal-lg .modal-overlay{background:var(--body-bg)}.modal.modal-lg .modal-container{box-shadow:none;max-width:var(--control-width-lg)}.modal-container{box-shadow:0 var(--unit-1) calc(var(--unit-1) + var(--unit-o) * 2) rgba(var(--body-fg-monochrome--rgb-triplet), .3);background:var(--body-bg);border-radius:var(--control-border-radius);max-height:75vh;max-width:var(--control-width-md);padding:0 var(--unit-4);flex-direction:column;width:100%;display:flex}.modal-container.modal-fullheight{max-height:100vh}.modal-container .modal-header{color:var(--body-fg-monochrome);padding:var(--unit-4)}.modal-container .modal-body{padding:var(--unit-4);position:relative;overflow-y:auto}.modal-container .modal-footer{padding:var(--unit-4);text-align:right}