.modal-fade-enter-active,.modal-fade-leave-active{transition:all .3s ease}.modal-fade-enter-active .g-modal,.modal-fade-leave-active .g-modal{transition:all .2s ease}.modal-fade-enter-active .g-modal,.modal-fade-leave-active{transition-delay:.2s}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.modal-fade-enter-from .g-modal,.modal-fade-leave-to .g-modal{opacity:0;transform:scale(.85)}.g-modal{background-color:var(--bg-main);border:1px solid rgb(var(--primary-rgb)/.1);border-radius:20px;display:flex;flex-direction:column;margin:24px;max-height:calc(100vh - 48px);max-width:450px;position:relative;width:100%;z-index:10}.g-modal-focus-anchor,.g-modal-guard{height:1px;opacity:0;overflow:hidden;pointer-events:none;position:fixed;width:1px}.g-modal-close{height:16px;position:absolute;right:12px;top:12px;transition:transform .2s ease;width:16px;z-index:1}.g-modal-close:hover{transform:rotate(90deg)}.g-modal-close:focus-visible{border-radius:2px;outline:2px solid var(--color-warning);outline-offset:4px}.g-modal-close:after,.g-modal-close:before{background-color:var(--primary-dark);content:"";height:1.5px;left:50%;position:absolute;top:50%;width:130%}.g-modal-close:before{transform:translate(-50%,-50%) rotate(45deg)}.g-modal-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.g-modal-backdrop{align-items:center;background-color:rgb(var(--color-dark-rgb)/.4);display:flex;justify-content:center;inset:0;position:fixed;z-index:111}.g-modal-body,.g-modal-footer,.g-modal-header{margin-left:16px;margin-right:16px;padding-left:16px;padding-right:16px}.g-modal-header{color:var(--color-text);font-size:28px;font-weight:400;line-height:1.2;padding-bottom:24px;padding-right:16px;padding-top:28px;text-align:center}.g-modal-header svg{flex-shrink:0}@media only screen and (min-width:769px){.g-modal-header .h3,.g-modal-header h3{font-weight:400}}@media only screen and (max-width:576px){.g-modal-header{padding-left:0}.g-modal-header .h3,.g-modal-header h3{font-size:20px}}.g-modal-body{min-height:1px;position:relative}@media only screen and (max-width:576px){.g-modal-body{padding-left:0;padding-right:0}}.g-modal-body:after,.g-modal-body:before{height:18px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.g-modal-body:before{background:linear-gradient(to bottom,var(--bg-main) 0,transparent 100%);top:-1px}.g-modal-body:after{background:linear-gradient(to top,var(--bg-main) 0,transparent 100%);bottom:-1px}.g-modal-body-content{flex:1;margin-right:-16px;min-height:calc(100% + 32px);overflow-x:hidden;overflow-y:auto;padding-right:16px;padding-top:16px}@media only screen and (max-width:576px){.g-modal-body-content{margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}}.g-modal-footer{padding-bottom:24px}@media only screen and (max-width:576px){.g-modal-footer{padding-left:0;padding-right:0}}
