@keyframes modal-show{0%{opacity:0;transform:translateY(-50px)scale(.9)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes modal-hide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}body.dark-mode .modal-background{--modal-container-bg-color:var(--dark-mode-grey-3);--modal-container-header-color:var(--dark-mode-grey-17);--modal-container-color:var(--dark-mode-grey-17);--modal-container-body-color:var(--dark-mode-grey-17);--modal-container-input-bg-color:var(--dark-mode-grey-3);--modal-container-input-color:var(--dark-mode-grey-2);--modal-container-input-border-color:var(--dark-mode-grey-7);--modal-container-footer-second-button-bg-color:var(--red-3);--modal-container-footer-close-button-bg-color:var(--dark-mode-grey-7)}.modal-background{--modal-background-bg-color:var(--shadow-3);--modal-container-bg-color:var(--white);--modal-container-color:var(--grey-36);--modal-container-header-color:var(--grey-37);--modal-container-body-color:var(--grey-36);--modal-container-input-bg-color:var(--white);--modal-container-input-border-color:var(--grey-5);--modal-container-input-color:var(--grey-10);--modal-container-error-input-border-color:var(--red-2);--modal-container-footer-button-color:var(--white);--modal-container-footer-confirm-button-bg-color:var(--pink-2);--modal-container-footer-second-button-bg-color:var(--red-5);--modal-container-footer-close-button-bg-color:var(--grey-38);-webkit-overflow-scrolling:touch;background:var(--modal-background-bg-color);box-sizing:border-box;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"top-start top top-end""center-start center center-end""bottom-start bottom-center bottom-end";grid-template-rows:minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto);z-index:1060;grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);height:100%;padding:.625em;transition:background-color .1s;display:grid;position:fixed;inset:0;overflow-x:hidden}.modal-background .modal-container{background:var(--modal-container-bg-color);box-sizing:border-box;color:var(--modal-container-color);border:none;border-radius:5px;grid-area:2/2;grid-template-columns:minmax(0,100%);place-self:center;width:32em;max-width:100%;padding:0 0 1.25em;font-family:inherit;font-size:1rem;animation:.3s modal-show;display:grid;position:relative}.modal-background .modal-container.modal-show{animation:.3s modal-show}.modal-background .modal-container.modal-hide{animation:.15s forwards modal-hide}.modal-background .modal-container .modal-header h2{color:var(--modal-container-header-color);text-align:center;text-transform:none;word-wrap:break-word;max-width:100%;margin:0;padding:.8em 1em 0;font-size:1.875em;font-weight:600;position:relative}.modal-background .modal-container .modal-header label{text-align:center;justify-content:center;margin:1em auto 0;padding:0 25px;font-size:16px;display:flex}.modal-background .modal-container .modal-body{color:var(--modal-container-body-color);text-align:center;word-break:break-word;word-wrap:break-word;justify-content:center;margin:1em 1.6em .3em;padding:0;font-size:1.125em;font-weight:400;line-height:normal;overflow:auto}.modal-background .modal-container .modal-body input:not([type=file]):not(.floating-input--field){appearance:none;background-color:var(--modal-container-input-bg-color);border:1px solid;border-color:var(--modal-container-input-border-color);color:var(--modal-container-input-color);border-radius:12px;outline:none;height:48px;font-size:16px;transition:all .3s ease-out}.modal-background .modal-container .modal-body input:not([type=file]):not(.floating-input--field).error{border-color:var(--modal-container-error-input-border-color)}.modal-background .modal-container .modal-footer{box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;width:auto;margin:1.25em auto 0;padding:0;display:flex}.modal-background .modal-container .modal-footer button{background:initial;color:var(--modal-container-footer-button-color);border:0;border-radius:.25em;margin:.3125em;padding:.625em 1.1em;font-size:1em;font-weight:500;transition:box-shadow .1s;box-shadow:0 0 0 3px #0000}.modal-background .modal-container .modal-footer button:not([disabled],[disabled=""],[disabled=true]){cursor:pointer}.modal-background .modal-container .modal-footer button:hover{background-image:linear-gradient(#0000001a,#0000001a)}.modal-background .modal-container .modal-footer .confirm-button{background-color:var(--modal-container-footer-confirm-button-bg-color)}.modal-background .modal-container .modal-footer .second-button{background-color:var(--modal-container-footer-second-button-bg-color)}.modal-background .modal-container .modal-footer .close-button{background-color:var(--modal-container-footer-close-button-bg-color)}
