.sp-pains{padding:40px 0 48px}.sp-pains__head{max-width:720px;margin:0 auto 24px;text-align:center}.sp-pains__title{margin:0}.sp-pains__intro{margin:12px 0 0;color:var(--sp-color-muted)}.sp-pains__list{display:grid;gap:16px}.sp-pains__card{display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;border-radius:var(--sp-radius-media-lg, 16px);background:rgb(var(--sp-color-soft-rgb) / .7)}.sp-pains__media{position:relative;min-width:0}.sp-pains__img{display:block;width:100%;height:auto}.sp-pains__problem,.sp-pains__solution{min-width:0}.sp-pains__problem{padding:20px 18px 0}.sp-pains__tag{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:var(--sp-eyebrow-tracking-sm, .12em);text-transform:uppercase;line-height:1.5}.sp-pains__tag--problem{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;background:rgb(var(--sp-white-rgb) / .92);color:var(--sp-color-ink)}.sp-pains__tag--problem:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sp-color-alert)}.sp-pains__tag--solution{margin-bottom:4px;color:var(--sp-color-primary)}.sp-pains__q{margin:0;font-size:clamp(21px,5.6vw,26px);line-height:1.2;text-wrap:balance}.sp-pains__emoji{font-size:1.05em}.sp-pains__solution{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start;padding:16px 18px 20px}.sp-pains__check{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--sp-color-primary);color:var(--sp-color-bg)}.sp-pains__check svg{display:block}.sp-pains__a{margin:0;color:var(--sp-color-ink);font-size:16px;line-height:1.5}.sp-pains__card--empty{opacity:.6}.sp-pains__card--empty .sp-pains__problem{padding-bottom:20px}@media(max-width:768px){.sp-pains__card:not(.sp-pains__card--text) .sp-pains__media,.sp-pains__card:not(.sp-pains__card--text) .sp-pains__problem{grid-area:1 / 1}.sp-pains__card:not(.sp-pains__card--text) .sp-pains__img{aspect-ratio:1 / 1;object-fit:cover}.sp-pains__card:not(.sp-pains__card--text) .sp-pains__problem{z-index:1;align-self:end;padding:64px 18px 18px;background:linear-gradient(to top,rgb(var(--sp-black-rgb) / .8),rgb(var(--sp-black-rgb) / .62) 55%,rgb(var(--sp-black-rgb) / 0))}.sp-pains__card--text .sp-pains__problem:last-child{padding-bottom:20px}.sp-pains__card:not(.sp-pains__card--text) .sp-pains__q{color:var(--sp-white);text-shadow:0 1px 12px rgb(var(--sp-black-rgb) / .35)}}@media(min-width:769px){.sp-pains{padding:64px 0 72px}.sp-pains__list{max-width:1000px;margin:0 auto;gap:24px}.sp-pains__card{grid-template-columns:minmax(0,420px) minmax(0,1fr);grid-template-rows:1fr 1fr;grid-template-areas:"media problem" "media solution";column-gap:48px;padding:22px}.sp-pains__card--flip{grid-template-columns:minmax(0,1fr) minmax(0,420px);grid-template-areas:"problem media" "solution media"}.sp-pains__card--text{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"problem" "solution";padding:28px 32px}.sp-pains__media{grid-area:media;align-self:center}.sp-pains__img{border-radius:var(--sp-radius-media, 14px)}.sp-pains__problem{grid-area:problem;align-self:end;padding:0 0 10px}.sp-pains__solution{grid-area:solution;align-self:start;padding:10px 0 0}.sp-pains__card--text .sp-pains__problem,.sp-pains__card--text .sp-pains__solution{padding:0}.sp-pains__problem:last-child{grid-row:1 / -1;align-self:center;padding-bottom:0}.sp-pains__card--text .sp-pains__solution{padding-top:16px}.sp-pains__q{font-size:clamp(24px,1.2rem + 1vw,32px)}.sp-pains__a{font-size:17px}}.sp-pains__card.is-armed [data-sp-reveal-item]{opacity:0;transform:translate3d(0,16px,0)}.sp-pains__card.is-armed.is-in [data-sp-reveal-item]{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i, 0) * 90ms)}@media(prefers-reduced-motion:reduce){.sp-pains__card.is-armed [data-sp-reveal-item]{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/sp-pains.css.map */
