.mpr-moments{scroll-margin-top:8rem}.mpr-moments__grid{display:grid;gap:2rem}.mpr-moment{display:flex;flex-direction:column;border-radius:var(--mpr-radius-lg);overflow:hidden;background:#fff;box-shadow:var(--mpr-shadow-sm)}.mpr-moment--day{--mpr-moment-tint: var(--mpr-butter);--mpr-moment-accent: var(--mpr-ink)}.mpr-moment--night{--mpr-moment-tint: var(--mpr-lavender);--mpr-moment-accent: var(--mpr-purple)}.mpr-moment__media{background:var(--mpr-moment-tint)}.mpr-moment__media:empty{display:none}.mpr-moment__media img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:contain}.mpr-moment__placeholder{padding:2rem 2rem 1.2rem;display:grid;gap:1rem}.mpr-moment__placeholder .mpr-board{width:100%;height:auto}.mpr-moment__placeholder .mpr-editor-note{margin:0}.mpr-moment__body{display:flex;flex-direction:column;gap:1.2rem;padding:2rem 2rem 2.4rem;flex:1 1 auto}.mpr-moment__head{display:flex;align-items:center;gap:1.2rem}.mpr-moment__icon{background:var(--mpr-moment-tint);color:var(--mpr-moment-accent)}.mpr-moment__title{margin:0;font-family:var(--font-heading-family);font-weight:600;font-size:2.2rem;line-height:1.2;color:var(--mpr-ink)}.mpr-moment__text{margin:0;font-size:1.6rem;line-height:1.55;color:rgba(var(--mpr-ink-rgb),.8)}.mpr-moment__steps-title{margin:.4rem 0 0;font-size:1.3rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:rgba(var(--mpr-ink-rgb),.66)}.mpr-moment__steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.8rem;counter-reset:mpr-step}.mpr-moment__step{counter-increment:mpr-step;display:inline-flex;align-items:center;gap:.6rem;min-height:3.6rem;padding:.4rem 1.2rem .4rem .5rem;border-radius:999px;background:var(--mpr-moment-tint);font-size:1.5rem;font-weight:700;color:var(--mpr-ink)}.mpr-moment__step:before{content:counter(mpr-step);display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:#fff;font-size:1.3rem;font-weight:800;color:var(--mpr-moment-accent)}.mpr-moment__btn{margin-top:auto;align-self:flex-start}.mpr-moments__note{margin:2.4rem auto 0;max-width:60ch;text-align:center;font-size:1.5rem;color:rgba(var(--mpr-ink-rgb),.72)}@media screen and (max-width:749px){.mpr-moment__btn{align-self:stretch}}@media screen and (min-width:750px){.mpr-moments__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem}.mpr-moment__body{padding:2.4rem 2.8rem 2.8rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/mpr-moments.css.map */