.modal {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .4);backdrop-filter: blur(var(--size-2xs));z-index: 9999;opacity: 0;transition: opacity .3s}
.modal .content {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0;background-color: #fff;padding: var(--size-md);border-radius: var(--size-2xs);z-index: 999}
.modal .close {color: var(--color-n8);font-size: var(--size-5xl);position: absolute;left: var(--size-md);top: 0}
.modal .close:focus, .modal .close:hover {color: #000;cursor: pointer}
.show {display: block;opacity: 1}
div#otp-response {background: var(--color-p1);color: var(--color-n10);padding: var(--size-2xs) var(--size-md);border-radius: var(--size-2xs);display: none;margin: 0 !important}
.dropdown-menu {position: absolute;background: var(--color-n10);padding: 0;top: 30px;z-index: 999}
.dropdown-menu li a {display: block;padding: 10px}
.dropdown-menu li a:hover {background: var(--color-n8)}
.rotate {transform: rotate(180deg);transition: transform .3s}