.app-cards{background:var(--ac-background, #ffffff);padding-top:var(--ac-padding-top, 64px);padding-bottom:var(--ac-padding-bottom, 64px)}.app-cards__header{max-width:68rem;margin:0 auto 4rem;text-align:center}.app-cards__eyebrow{margin:0 0 1.2rem;color:var(--ac-eyebrow-color, #004751);font-size:1.6rem;font-weight:700}.app-cards__heading{margin:0 0 1.6rem;font-family:var(--font-heading-family);font-size:4rem;font-weight:700;line-height:1.15;color:var(--ac-heading-color, #004751);text-wrap:balance}.app-cards__description{color:var(--ac-text-color, #3a3a4a);font-size:1.7rem;line-height:1.5}.app-cards__description p{margin:0}.app-cards__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem}.app-cards__card{display:flex;flex-direction:column;padding:2.4rem;border-radius:1.6rem;background:var(--ac-card-background, #fff7f2);border:1px solid var(--ac-card-border, #f0e2d8)}.app-cards__visual{display:grid;place-items:center;height:15rem;margin-bottom:2rem;padding:2rem;border-radius:1.2rem;background:var(--ac-visual-background, #0e2240);overflow:hidden}.app-cards__title{margin:0 0 .8rem;font-family:var(--font-heading-family);font-size:2rem;font-weight:700;line-height:1.25;color:var(--ac-heading-color, #004751)}.app-cards__text{color:var(--ac-text-color, #3a3a4a);font-size:1.5rem;line-height:1.5}.app-cards__text p{margin:0}.app-cards__routine{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;width:100%}.app-cards__routine li{display:flex;align-items:center;gap:1rem;color:#fff;font-size:1.5rem;opacity:.35;transition:opacity .35s ease;transition-delay:calc(var(--ac-row, 0) * .22s)}.app-cards__routine-check{display:grid;place-items:center;width:2.4rem;height:2.4rem;flex:0 0 auto;border-radius:50%;border:2px solid rgba(255,255,255,.35);color:var(--ac-visual-background, #0e2240);transition:background .3s ease,border-color .3s ease;transition-delay:calc(var(--ac-row, 0) * .22s)}.app-cards__routine-check svg{width:1.4rem;height:1.4rem;opacity:0;transition:opacity .25s ease;transition-delay:calc(.1s + var(--ac-row, 0) * .22s)}.app-cards__grid--running .app-cards__routine li{opacity:1}.app-cards__grid--running .app-cards__routine-check{background:var(--ac-accent, #c6f222);border-color:var(--ac-accent, #c6f222)}.app-cards__grid--running .app-cards__routine-check svg{opacity:1}.app-cards__test{width:100%;text-align:center}.app-cards__test-value{margin:0 0 1.2rem;font-family:var(--font-heading-family);font-size:4.4rem;font-weight:700;line-height:1;color:var(--ac-accent, #c6f222);font-variant-numeric:tabular-nums}.app-cards__test-unit{font-size:2rem}.app-cards__bar{height:.8rem;border-radius:999px;background:#ffffff24;overflow:hidden}.app-cards__bar span{display:block;width:0;height:100%;border-radius:inherit;background:var(--ac-accent, #c6f222);transition:width 1.2s cubic-bezier(.22,1,.36,1);transition-delay:.2s}.app-cards__grid--running .app-cards__bar span{width:var(--ac-fill, 75%)}.app-cards__test-note{margin:1rem 0 0;color:#ffffffbf;font-size:1.3rem}.app-cards__mood{display:flex;align-items:flex-end;gap:1.6rem;width:100%;height:100%}.app-cards__mood-bars{display:flex;align-items:flex-end;gap:.6rem;flex:1;height:100%}.app-cards__mood-bars span{flex:1;height:18%;border-radius:.4rem .4rem 0 0;background:var(--ac-accent, #c6f222);opacity:.55;transition:height .6s cubic-bezier(.22,1,.36,1),opacity .6s ease;transition-delay:calc(var(--ac-bar, 0) * .08s)}.app-cards__grid--running .app-cards__mood-bars span{height:var(--ac-h, 50%);opacity:1}.app-cards__mood-face{flex:0 0 auto;width:4.4rem;color:var(--ac-accent, #c6f222);transform:scale(.4);opacity:0;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .35s ease;transition-delay:.6s}.app-cards__mood-face svg{display:block;width:100%;height:auto}.app-cards__grid--running .app-cards__mood-face{transform:scale(1);opacity:1}@media(prefers-reduced-motion:reduce){.app-cards__routine li,.app-cards__routine-check,.app-cards__routine-check svg,.app-cards__bar span,.app-cards__mood-bars span,.app-cards__mood-face{transition:none}}@media screen and (max-width:989px){.app-cards__grid{grid-template-columns:1fr}.app-cards__heading{font-size:3rem}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/section-app-feature-cards.css.map */