.pm-how-it-works{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "media" "steps";justify-items:center;row-gap:28px;width:100%;padding:44px 20px 52px;background:#fff;color:#000;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Lato,Arial,sans-serif}.pm-how-it-works *,.pm-how-it-works *:before,.pm-how-it-works *:after{box-sizing:border-box}.pm-how-it-works__title{grid-area:title;margin:0;color:#152c46;font-size:30.416px;font-weight:700;line-height:1.2;text-align:center}.pm-how-it-works__media{grid-area:media;display:block;width:min(100%,552px);aspect-ratio:1244 / 700;overflow:hidden;border-radius:16px}.pm-how-it-works__media video{display:block;width:100%;height:100%;object-fit:contain;border-radius:16px}.pm-how-it-works__process-art{display:none}.pm-how-it-works__steps{grid-area:steps;width:min(100%,430px);margin:0;padding:0;list-style:none;counter-reset:pm-how-step}.pm-how-it-works__step{position:relative;margin:0;padding:0 0 30px 46px;counter-increment:pm-how-step;color:#000}.pm-how-it-works__step:last-child{padding-bottom:0}.pm-how-it-works__step:before{position:absolute;top:0;left:0;display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#a12eb6;color:#fff;content:counter(pm-how-step);font-size:17px;font-weight:700;line-height:1}.pm-how-it-works__step:not(:last-child):after{position:absolute;top:34px;bottom:6px;left:13.5px;width:1px;background:repeating-linear-gradient(to bottom,#000 0 2px,transparent 2px 4px);content:""}.pm-how-it-works__step h3{margin:0 0 8px;font-size:19px;font-weight:700;line-height:28px;text-align:left;text-transform:capitalize}.pm-how-it-works__step p{margin:0;font-size:16px;font-weight:400;line-height:1.45;text-align:left}.pm-how-it-works__step strong{font-weight:700}.pm-how-it-works__medium{font-weight:500}@media(min-width:1024px){.pm-how-it-works{grid-template-columns:minmax(0,552px) minmax(0,430px);grid-template-areas:"title title" "media steps";align-items:center;justify-content:center;column-gap:52px;row-gap:36px;padding:56px 32px 64px}.pm-how-it-works__media,.pm-how-it-works__steps{width:100%}.pm-how-it-works__step h3{font-size:22px}.pm-how-it-works__step p{font-size:17px}}.pm-how-it-works{background:#000;color:#fff;font-family:Lato,Arial,sans-serif}.pm-how-it-works__title{color:#fff;font-weight:400}.pm-how-it-works__step{color:#fff}.pm-how-it-works__step:not(:last-child):after{display:none}.pm-how-it-works__step p{font-family:Rubik,Arial,sans-serif}@media(max-width:1023px){.pm-how-it-works{grid-template-areas:"media" "title" "steps";row-gap:30px;padding:0 0 28px}.pm-how-it-works__media{width:min(100%,860px)}.pm-how-it-works__title{font-size:30.416px;line-height:36.5px;margin-bottom:14px}.pm-how-it-works__steps{width:min(calc(100% - 56px),430px);transform:translate(3.625px)}.pm-how-it-works__step{padding-left:43.885px;padding-bottom:48px}.pm-how-it-works__step h3{font-size:18.764px;line-height:23px;margin-bottom:10px}.pm-how-it-works__step p{font-size:14px;line-height:17px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/pm-pdp-how-it-works.css.map */