| 1 |
.givewp-embed-skeleton{--givewp-skeleton-bar:rgba(0,0,0,.08);--givewp-skeleton-shine:hsla(0,0%,100%,.5);--givewp-skeleton-radius:0.5rem;--givewp-skeleton-padding:clamp(1.5rem,4vw,5rem);margin:0 auto;max-width:51.5rem;width:100%}@supports(padding:1cqi){.givewp-embed-skeleton{--givewp-skeleton-padding:clamp(1.5rem,7cqi,5rem)}}.givewp-embed-skeleton__bar{animation:givewp-embed-skeleton-shine 1.4s ease-in-out infinite;background-color:var(--givewp-skeleton-bar);background-image:linear-gradient(-90deg,transparent,var(--givewp-skeleton-shine),transparent);background-size:200% 100%;border-radius:.25rem;display:block}.givewp-embed-skeleton__header{align-items:center;background-color:rgba(0,0,0,.04);gap:1rem;padding:var(--givewp-skeleton-padding)}.givewp-embed-skeleton__form,.givewp-embed-skeleton__header{border-radius:var(--givewp-skeleton-radius);display:flex;flex-direction:column}.givewp-embed-skeleton__form{background-color:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 2px rgba(0,0,0,.05)}.givewp-embed-skeleton__section{display:flex;flex-direction:column;gap:1.75rem;padding:var(--givewp-skeleton-padding)}.givewp-embed-skeleton__section:last-child{padding-top:0}.givewp-embed-skeleton__section-header{display:flex;flex-direction:column;gap:.75rem}.givewp-embed-skeleton__field{display:flex;flex-direction:column;gap:.5rem}.givewp-embed-skeleton__image{border-radius:var(--givewp-skeleton-radius);height:12rem;width:100%}.givewp-embed-skeleton__title{height:2rem;width:60%}.givewp-embed-skeleton__heading{height:1.5rem;width:45%}.givewp-embed-skeleton__panel{border-radius:var(--givewp-skeleton-radius);height:14rem;width:100%}.givewp-embed-skeleton__panel--tall{height:15rem}.givewp-embed-skeleton__line{height:1rem;width:90%}.givewp-embed-skeleton__line--short{width:55%}.givewp-embed-skeleton__goal{border-radius:var(--givewp-skeleton-radius);height:4rem;width:100%}.givewp-embed-skeleton__label{height:1rem;width:35%}.givewp-embed-skeleton__input{height:3.5rem;width:100%}.givewp-embed-skeleton__input--tall{height:4.5rem}.givewp-embed-skeleton__levels{display:grid;gap:.5rem;grid-template-columns:1fr}@media(min-width:36rem){.givewp-embed-skeleton__levels{grid-template-columns:repeat(3,1fr)}}@container (max-width: 36rem){.givewp-embed-skeleton__levels{grid-template-columns:1fr}}@container (min-width: 36rem){.givewp-embed-skeleton__levels{grid-template-columns:repeat(3,1fr)}}.givewp-embed-skeleton__level{height:3rem}.givewp-embed-skeleton__field--gateways{gap:1rem}.givewp-embed-skeleton__button{background-color:rgba(0,0,0,.14);height:4rem;width:100%}.givewp-embed-skeleton--classic .givewp-embed-skeleton__header{border-bottom-right-radius:0;border-bottom-left-radius:0}.givewp-embed-skeleton--classic .givewp-embed-skeleton__header+.givewp-embed-skeleton__form{border-top-right-radius:0;border-top-left-radius:0}.givewp-embed-skeleton__step{--givewp-skeleton-padding:2rem;margin:0 auto;max-width:35rem;width:100%}.givewp-embed-skeleton__step-header{align-items:center;border-bottom:.5rem solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:.75rem;height:3.625rem;justify-content:center;margin-bottom:1.5rem}.givewp-embed-skeleton__step-title{height:1.25rem;width:60%}.givewp-embed-skeleton__secure{height:1.25rem;margin:0 auto 1.5rem;width:10rem}.givewp-embed-skeleton--multi-step .givewp-embed-skeleton__form .givewp-embed-skeleton__header{background-color:transparent}.givewp-embed-skeleton--multi-step .givewp-embed-skeleton__form .givewp-embed-skeleton__header+.givewp-embed-skeleton__section{padding-top:0}.givewp-embed-skeleton--two-panel{align-items:flex-start;display:flex;gap:.5rem;max-width:78rem}.givewp-embed-skeleton--two-panel .givewp-embed-skeleton__header{background-color:transparent;flex:1 1 42.5rem}.givewp-embed-skeleton--two-panel .givewp-embed-skeleton__form{flex:1 1 35.5rem;max-width:none}@media(max-width:53.5rem){.givewp-embed-skeleton--two-panel{flex-direction:column;gap:0;max-width:35rem}.givewp-embed-skeleton--two-panel .givewp-embed-skeleton__form,.givewp-embed-skeleton--two-panel .givewp-embed-skeleton__header{flex-basis:auto;width:100%}}@container (max-width: 53.5rem){.givewp-embed-skeleton--two-panel{flex-direction:column;gap:0;max-width:35rem}.givewp-embed-skeleton--two-panel .givewp-embed-skeleton__form,.givewp-embed-skeleton--two-panel .givewp-embed-skeleton__header{flex-basis:auto;width:100%}}@keyframes givewp-embed-skeleton-shine{0%{background-position:-100% 0}to{background-position:300% 0}}@media(prefers-reduced-motion:reduce){.givewp-embed-skeleton__bar{animation:none}} |
