.modal{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:hsla(0,0%,97%,.9)}.modal-close-button:hover{animation:none}.modal-content{overflow-x:auto;overflow-y:auto;scroll-behavior:smooth;scrollbar-color:var(--undpds-color-black) transparent;scrollbar-width:thin}.modal-content::-webkit-scrollbar{border-radius:0;height:5px;width:5px}.modal-content::-webkit-scrollbar-track{background:var(--undpds-color-black);background-clip:padding-box;border:2px solid var(--undpds-color-white)}.modal-content::-webkit-scrollbar-corner{display:none}.modal-content::-webkit-scrollbar-thumb{background:var(--undpds-color-black)}.modal{bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .4s ease-in-out;visibility:hidden;z-index:99}@media(min-width:48em){.modal{align-items:center}}.modal-content{background:#fff;max-width:64rem;padding:4rem .75rem .75rem;position:relative;width:100%}@media(min-width:48em){.modal-content{margin-left:5rem;margin-right:5rem;max-height:calc(100vh - 291px);padding:4rem}}.modal-close-button{background:url(../../images/times-circle.svg) no-repeat 0;border:0;cursor:pointer;font-size:0;height:45px;position:absolute;right:.75rem;top:.75rem;width:45px}@media(min-width:48em){.modal-close-button{right:1rem;top:1rem}}.modal.open{opacity:1;visibility:visible}[dir=rtl] .modal-close-button{left:16px;right:unset}:lang(my) .modal-close-button{font-size:0}