.modal{--modal-close-btn-size:2.5rem;--right-offset:0;align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:9999}@media (min-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{background-color:var(--color-black-900);height:100%;left:0;opacity:.5;position:absolute;right:var(--right-offset);top:0}.modal__container{background-clip:padding-box;background-color:var(--color-white);border:.25rem solid var(--color-blue-pastel);border-radius:var(--border-radius-16);display:flex;flex-direction:column;min-height:4rem;pointer-events:auto;position:relative;transition:.3s;width:36.25rem;z-index:32}@media (max-width:62rem){.modal__container{border:none;border-radius:0;width:100%}}.modal__container--xl{width:64.5rem}@media (max-width:80rem){.modal__container--xl{width:96%}}@media (max-width:62rem){.modal__container--xl{width:100%}}.modal__container--lg{width:51.25rem}@media (max-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}@media (max-width:30rem){.modal__container--sm{border:none;border-radius:0;width:100%}}.modal__container--sm .modal__body{height:auto}@media (max-width:30rem){.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}@media (max-width:30rem){.modal__container--sm-plus{border:none;border-radius:0;width:100%}}.modal__container--sm-plus .modal__body{height:auto}@media (max-width:30rem){.modal__container--sm-plus .modal__body{height:calc(100vh - var(--modal-close-btn-size))}}.modal__container--transparent{background:none;border:none}.modal__container--black-100{background-color:var(--color-black-100)}.modal__close-btn{--btn-size:var(--modal-close-btn-size);align-items:center;background:none;border:none;color:var(--color-black-900);display:flex;flex:0 0 var(--btn-size);font-size:calc(var(--btn-size)*.5);height:var(--btn-size);justify-content:center;margin-left:auto;padding:.25rem;transition:color var(--transition-duration-primary);width:var(--btn-size)}.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{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.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);overflow-x:hidden;overflow-y:auto;will-change:scroll-position}@media (max-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-leave-to{opacity:0}.modal-fade-enter .modal__container,.modal-fade-leave-to .modal__container{transform:scale(.9)}.modal-fade-enter-from{opacity:0}.modal-fade-enter-from .modal__container{transform:scale(.9)}