.modal{--modal-close-btn-size:2.5rem;--right-offset:0;z-index:9999;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}@media (width>=62rem){.modal{padding-right:var(--right-offset)}}.modal._hide-header{--modal-close-btn-size:0}.disable-scroll .modal{--right-offset:var(--scrollbar-width)}.modal__overlay{top:0;left:0;right:var(--right-offset);background-color:var(--color-black-900);opacity:.5;height:100%;position:absolute}.modal__container{z-index:32;border:.25rem solid var(--color-blue-pastel);border-radius:var(--border-radius-16);background-color:var(--color-white);pointer-events:auto;background-clip:padding-box;flex-direction:column;width:36.25rem;min-height:4rem;transition:all .3s;display:flex;position:relative}@media (width<=62rem){.modal__container{border:none;border-radius:0;width:100%}}.modal__container--xl{width:64.5rem}@media (width<=80rem){.modal__container--xl{width:96%}}@media (width<=62rem){.modal__container--xl{width:100%}}.modal__container--lg{width:51.25rem}@media (width<=62rem){.modal__container--lg{width:100%}}.modal__container--sm{border:.25rem solid var(--color-blue-pastel);border-radius:var(--border-radius-16);width:26.75rem}.modal__container--sm .modal__body{height:auto}@media (width<=30rem){.modal__container--sm{border:none;border-radius:0;width:100%}.modal__container--sm .modal__body{height:calc(100vh - var(--modal-close-btn-size))}}.modal__container--sm-plus{border:.25rem solid var(--color-blue-pastel);border-radius:var(--border-radius-16);width:31.75rem}.modal__container--sm-plus .modal__body{height:auto}@media (width<=30rem){.modal__container--sm-plus{border:none;border-radius:0;width:100%}.modal__container--sm-plus .modal__body{height:calc(100vh - var(--modal-close-btn-size))}}.modal__container--transparent{background:0 0;border:none}.modal__container--black-100{background-color:var(--color-black-100)}.modal__close-btn{--btn-size:var(--modal-close-btn-size);flex:0 0 var(--btn-size);width:var(--btn-size);height:var(--btn-size);font-size:calc(var(--btn-size) * .5);color:var(--color-black-900);transition:color var(--transition-duration-primary);background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:.25rem;display:flex}.modal__close-btn:not(:disabled){cursor:pointer}@media (any-hover:hover){.modal__close-btn:not(:disabled):hover{color:var(--color-black-500)}}.modal__close-btn:not(:disabled):focus{color:var(--color-black-500)}.modal__header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.modal__title{color:var(--color-black);font-size:1.125rem;font-weight:700}.modal__title>a{transition:color var(--transition-duration-primary)}@media (any-hover:hover){.modal__title>a:hover{color:var(--color-primary)}}.modal__body{max-height:calc(100vh - var(--modal-close-btn-size) * 2);will-change:scroll-position;overflow:hidden auto}@media (width<=62rem){.modal__body{height:calc(100vh - var(--modal-close-btn-size));max-height:calc(100vh - var(--modal-close-btn-size))}}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .3s}.modal-fade-enter,.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.modal-fade-enter .modal__container,.modal-fade-enter-from .modal__container,.modal-fade-leave-to .modal__container{transform:scale(.9)}