.modal__wrapper dialog{--translate-center:translate(0,-50%);background:#fff;border:none;border-radius:3.2rem;bottom:0;box-shadow:0 0 24px 0 rgba(0,0,0,.25);display:none;font-size:1.6rem;height:-moz-fit-content;height:fit-content;left:1rem;line-height:2.4rem;margin:.8rem;max-height:calc(100vh - 8rem);min-height:50vh;padding:6.4rem 1.4rem 1.6rem;position:fixed;top:50%;width:calc(100% - 2rem);z-index:99999}@media (min-width:768px){.modal__wrapper dialog{left:50%;margin:0;padding:6.4rem;transform:translate(-50%,-50%);width:84rem}}.modal__wrapper dialog[open]{display:block}.modal__wrapper dialog.modal--bottom-left,.modal__wrapper dialog.modal--bottom-right{bottom:0;margin-bottom:0;top:unset;transform:unset}.modal__wrapper dialog.modal--bottom-left{left:0}@media (min-width:768px){.modal__wrapper dialog.modal--bottom-right{left:unset;right:0}}.modal__wrapper dialog.modal--blur::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal__wrapper dialog.modal--fade-in{animation:fadeIn 1s cubic-bezier(.165,.84,.44,1) forwards}.modal__wrapper dialog.modal--slide-up{animation:scaleUp .5s cubic-bezier(.165,.84,.44,1) forwards}.modal__wrapper dialog.modal--fade-in,.modal__wrapper dialog.modal--slide-up{animation:fadeIn 1s cubic-bezier(.165,.84,.44,1) forwards;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:translate(-50%,-50%) scale(.8) translateY(1000px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}}.modal__wrapper dialog .modal__content{height:auto;max-height:calc(90vh - 8rem);overflow-x:hidden;overflow-y:auto;width:100%}.modal__wrapper dialog .modal__content :last-child{margin-bottom:0}.modal__wrapper dialog form[method=dialog] button{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;height:4.4rem;justify-content:center;padding:0;position:absolute!important;right:1.6rem;top:1.6rem!important;width:4.4rem;z-index:99}.modal__wrapper dialog form[method=dialog] button svg[data-fa-i2svg],.modal__wrapper dialog form[method=dialog] button svg[data-fa]{color:#868e96;font-size:5.6rem;font-weight:900;height:5.6rem;top:0;width:5.6rem}@media (min-width:768px){.modal__wrapper dialog form[method=dialog] button svg[data-fa-i2svg],.modal__wrapper dialog form[method=dialog] button svg[data-fa]{font-size:4.4rem;height:4.4rem;width:4.4rem}}[data-use-backdrop] dialog{height:auto;margin:1rem;max-height:90vh;overflow:hidden;position:fixed;top:0;width:calc(100vw - 2.8rem)}@media (min-width:768px){[data-use-backdrop] dialog{bottom:auto;padding-bottom:1.6rem;top:50%;width:84rem}}[data-use-backdrop] dialog::backdrop{background-color:rgba(0,0,0,.6);cursor:pointer}