.Modal{--modal-color-bg:var(--color-white)}.dark-mode .Modal{--modal-color-bg:var(--modal-bg-color)}.Modal{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media screen and (max-width:767px){.Modal{align-items:flex-end}}.Modal__overlay{z-index:-1;pointer-events:none;background:#00000080;position:absolute;inset:0}.Modal__wrapper{z-index:2;overscroll-behavior:contain;background:var(--modal-color-bg);border-radius:20px;width:100%;max-width:480px;max-height:90%;position:relative;overflow-y:auto}@media screen and (max-width:767px){.Modal__wrapper{border-bottom-right-radius:0;border-bottom-left-radius:0;max-width:100%}}.Modal__wrapper:focus{outline:none}.Modal__wrapper--dark .Modal__close:hover{color:var(--color-white)}.Modal__header{z-index:99;background:var(--modal-color-bg);padding:20px;display:flex;position:sticky;top:0}.Modal__header--close{padding-right:60px}.Modal__header:before{content:"";background:var(--border-color);width:100%;max-width:calc(100% - 40px);height:1px;display:block;position:absolute;bottom:0;left:20px}.Modal__icon{color:var(--icon-color);flex-shrink:0;margin-right:16px}.dark-mode .Modal__icon svg{filter:invert(.8)contrast(1.4)brightness(1.8)}.Modal__header-actions{align-self:center;align-items:center;height:0;margin-left:auto;display:flex}.Modal__title{color:var(--font-color);align-self:center;font-size:20px;font-weight:700;line-height:20px}.Modal__title,.Modal__title:hover{text-decoration:none}.Modal__body{padding:0 20px 20px}.Modal__close{width:40px;height:40px;color:var(--icon-color);cursor:pointer;box-shadow:none;background:0 0;border:0;padding:0;transition:color .2s;position:absolute;top:10px;right:10px}.Modal__close:hover{color:var(--color-black)}.dark-mode .Modal__close:hover{color:var(--color-white)}.Modal-fade-enter-active,.Modal-fade-leave-active{transition:opacity .3s}@media screen and (max-width:767px){.Modal-fade-enter-active,.Modal-fade-leave-active{transition:opacity .4s}}.Modal-fade-enter-from,.Modal-fade-leave-to{opacity:0}.Modal-slide-enter-active,.Modal-slide-leave-active{transition:opacity .2s}@media screen and (max-width:767px){.Modal-slide-enter-active,.Modal-slide-leave-active{transition:transform .4s}}.Modal-slide-enter-from,.Modal-slide-leave-to{opacity:0}@media screen and (max-width:767px){.Modal-slide-enter-from,.Modal-slide-leave-to{opacity:1;transform:translateY(100%)}}