:root{--dropdown-opacity:.8;--modal-opacity:.9;}.popup{display:none;position:fixed;z-index:1001;left:50%;top:50%;transform:translate(-50%,-50%);background-color:rgba(255,255,255,var(--modal-opacity));padding:20px;border:1px solid #888;width:20rem;height:auto;box-shadow:0 2rem 1rem 0 rgba(28,53,45,.5);overflow-y:auto;}.popup-content{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;position:relative;}.popup-close{grid-column:2/span 2;grid-row:1;color:#aaa;font-size:28px;font-weight:bold;cursor:pointer;justify-self:end;}.popup-close:hover,.popup-close:focus{color:#1c352d;text-decoration:none;}.form-group{display:flex;flex-direction:row;align-items:center;width:100%;margin-bottom:1rem;}.form-group label{margin-right:1rem;}.form-group input{flex:1;}.popup-group{display:flex;flex-direction:row;align-items:center;grid-column:1/span 2!important;grid-row:2!important;margin-bottom:.5rem;}.popup-group label{margin-right:1rem;}.popup-group input{flex:1;}.popup-group input:invalid{border-left:4px solid #f00;}.delete-button{grid-column:1!important;}.standard-button{grid-column:2!important;}.popup-button{grid-row:3!important;visibility:visible!important;display:inline-block!important;width:auto!important;height:auto!important;color:#fff!important;background-color:#f5f5f5!important;border:.0625rem solid #ccc!important;border-radius:.3125rem!important;text-decoration:none!important;color:#5c5c5c!important;transition:transform .3s ease!important;cursor:pointer!important;padding:.375rem .75rem!important;font-size:1rem!important;line-height:1.5!important;border-radius:.25rem!important;}.popup-form{display:grid;}