.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s linear;overflow:hidden}.dialog-overlay.visible{visibility:visible;opacity:1}.dialog-scroll{display:flex;overflow:auto;position:absolute;inset:0}.dialog{position:relative;display:flex;margin:auto;flex-direction:column;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);max-width:90%}@media only screen and (max-width:768px){.dialog{max-width:100%;height:100%;margin:0}}.dialog-close-button{position:absolute;z-index:2;top:10px;padding:0;right:10px;background:none;border:none;align-self:flex-end;width:40px;height:40px;cursor:pointer;color:#333}.dialog-close-button.dark{color:#fff}.dialog-close-button:hover{color:#000}@media only screen and (max-width:768px){.kindful-donate-dialog{justify-content:center;margin:auto;box-shadow:none}.kindful-donate-dialog-close-button{top:70px}}.grantee-works.cards{--card-row-count:3}@media only screen and (max-width:1400px){.grantee-works.cards{--card-row-count:2}}@media only screen and (max-width:768px){.grantee-works.cards{--card-row-count:1}}.grantee-works.cards{align-items:center}.grantee-works.cards li{min-height:100px;height:100%;display:flex}.grantee-works.cards .card{box-shadow:0 1rem 4rem rgba(0,0,0,.1);height:100%}.grantee-works.cards .card .card-back{background-color:var(--color-marine);color:var(--color-white);padding:var(--spacing) calc(var(--spacing) * 2)}.grantee-works.cards .card .card-back .button-tag{color:var(--color-black)}