.modal-backdrop{inset:0;width:100dvw;height:100dvh;background-color:rgba(27,30,37,.8)}.modal,.modal-backdrop{position:fixed;z-index:999}.modal{background-color:white;min-width:24rem;max-width:80dvw;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:1rem;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);padding:2.25rem 1.5rem}@media screen and (max-width:calc(48rem - 1px)){.modal{top:unset;bottom:0;left:0;transform:unset;min-width:100%;border-end-start-radius:0;border-end-end-radius:0}}.modal-header{width:100%;padding:.75rem;position:absolute;top:0;left:0;display:flex;justify-content:flex-end;align-content:center}.modal-header__close-button{cursor:pointer;transition:all .3s ease-in-out;color:var(--neutral-light-60)}.modal-header__close-button:hover{color:var(--color-red-500)}.modal-header__close-button,.modal-header__close-button:focus{border:none;outline:none}.modal-header__close-button>svg{width:1rem;height:1rem}.modal-body{max-height:80dvh;overflow-y:auto}