@media screen and (min-width: 0rem) {.modal__container {position: fixed;bottom: 0;right: 0;background-color: rgba(0, 0, 0, 0.8);width: 100vw;height: 100vh;display: grid;align-items: flex-end;overflow: hidden;transition: all 0.3s;z-index: 1000;visibility: hidden;opacity: 0;}.modal_wrapper {position: relative;background-color: #fff;padding: 2rem 1rem 1rem;border-radius: 1rem 1rem 0 0;transition: all 0.3s;overflow: hidden;height: 80%;transform: translateY(10%);}.modal__content {overflow-x: hidden;overflow-y: scroll;height: 100%;}.modal__content p {color: var(--bodyTextColor);}.modal__content * {margin-bottom: 1rem;}.modal_close {position: fixed;top: 8px;right: 12px;background-color: transparent;font-weight: bold;font-size: xx-large;transform: rotate(45deg);cursor: pointer;border: none;outline: none;}.show-modal {visibility: visible;opacity: 1;}.show-modal .modal_wrapper {transform: translateY(0);}.disable-scroll {overflow: hidden;}body.dark-mode .modal_wrapper {background-color: var(--dark);}body.dark-mode .modal_close {color: var(--bodyTextColorWhite);}}@media screen and (min-width: 48rem) {.modal_wrapper {margin: auto;width: 90%;height: 80%;border-radius: 1.25rem;padding: 3rem 2rem 2rem;}}