.section-webinar-cards .webinar-grid{--grid-gap: 2rem;display:grid;grid-template-columns:1fr;gap:var(--grid-gap)}@media screen and (min-width:500px){.section-webinar-cards .webinar-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:750px){.section-webinar-cards .webinar-grid{grid-template-columns:repeat(3,1fr);--grid-gap: 2.4rem}}@media screen and (min-width:990px){.section-webinar-cards .webinar-grid{grid-template-columns:repeat(4,1fr);--grid-gap: 3rem}}@keyframes webinarCardIn{0%{opacity:0;transform:translateY(2.4rem)}to{opacity:1;transform:translateY(0)}}@keyframes webinarGlitter{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.webinar-card{--card-stagger: 0;position:relative;display:flex;flex-direction:column;height:100%;border-radius:1.6rem;overflow:hidden;background:rgb(var(--color-secondary-background, var(--color-background)));box-shadow:0 1px 3px #0000000a,0 4px 14px #0000000f;transition:box-shadow .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1);animation:webinarCardIn .6s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--card-stagger) * .1s)}.webinar-card:after{content:"";position:absolute;top:50%;left:50%;width:200%;aspect-ratio:1;translate:-50% -50%;z-index:0;opacity:0;pointer-events:none;background:conic-gradient(from 0deg,#d4899b,#fff,#d4899b 6%,#e0a3b3 12%,#fff,#d4899b 18%,#e0a3b3 25%,#f2b8c6,#d4899b 31%,#e0a3b3 37%,#fff,#d4899b 43%,#e0a3b3 50%,#fff,#d4899b 56%,#e0a3b3 62%,#f2b8c6,#d4899b 68%,#e0a3b3 75%,#fff,#d4899b 81%,#e0a3b3 87%,#f2b8c6,#d4899b 93%,#e0a3b3);transition:opacity .4s ease;animation:webinarGlitter 3s linear infinite}.webinar-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000001a,0 24px 48px #0000000f}.webinar-card:hover:before{opacity:0}.webinar-card:hover:after{opacity:1}.webinar-card__inner{display:flex;flex-direction:column;flex:1 1 auto;position:relative;z-index:1;margin:2px;border-radius:calc(1.6rem - 2px);overflow:hidden;background:rgb(var(--color-secondary-background, var(--color-background)));transition:filter .4s ease,opacity .4s ease}.webinar-card--blurred{pointer-events:none;-webkit-user-select:none;user-select:none}.webinar-card--blurred .webinar-card__inner{filter:blur(7px) saturate(.6);opacity:.45}.webinar-card--blurred .webinar-card__overlay{display:flex}.webinar-card--blurred:before{opacity:.3}.webinar-card--blurred:after{display:none}.webinar-card__overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;align-items:center;justify-content:center;border-radius:1.6rem}.webinar-card__overlay-badge{padding:.8rem 2.4rem;border-radius:10rem;background:rgba(var(--color-background),.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(var(--color-border),.3);font-weight:700;font-size:1.3rem;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-foreground));box-shadow:0 4px 20px #00000014}.webinar-card__image{position:relative;aspect-ratio:16 / 9;overflow:hidden}.webinar-card__image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgb(var(--color-secondary-background, var(--color-background))),transparent);z-index:1;pointer-events:none;opacity:.5}.webinar-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.22,1,.36,1)}.webinar-card:hover .webinar-card__image img{transform:scale(1.06)}.webinar-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-secondary-background, var(--color-background)))}.webinar-card__image-placeholder svg{width:4rem;height:4rem;opacity:.3}.webinar-card__content{display:flex;flex-direction:column;flex-grow:1;padding:2rem 2rem 2.4rem;gap:1rem}.webinar-card__heading{font-weight:700;font-size:1.8rem;line-height:1.3;margin:0;color:rgb(var(--color-heading, var(--color-foreground)))}.webinar-card__text{font-size:1.4rem;line-height:1.65;color:rgb(var(--color-secondary-text, var(--color-foreground)));flex-grow:1}.webinar-card__text p{margin:0}.webinar-card__button{margin-top:auto;padding-top:.8rem}.webinar-card__button .button{width:100%;text-align:center;justify-content:center}@media screen and (min-width:1280px){.webinar-card__heading{font-size:2rem}.webinar-card__content{padding:2.4rem 2.4rem 2.8rem}}.section-webinar-cards .section__header{margin-bottom:3.6rem}.section-webinar-cards .section__header .section__heading{margin-bottom:.8rem}.section-webinar-cards .section__header .section__subheading{max-width:60ch;opacity:.75}.section-webinar-cards .section__header.text-center .section__subheading{margin-inline:auto}
/*# sourceMappingURL=/cdn/shop/t/72/assets/section-webinar-cards.css.map */