.wp-personal-stories{--wp-personal-stories-ink: #102f4b;--wp-personal-stories-copy: #714523;--wp-personal-stories-gold: #bd8a36;width:min(1180px,calc(100% - 32px));margin:clamp(28px,4vw,48px) auto;padding:clamp(30px,4vw,48px);border:1px solid #e3d7bd;border-radius:16px;background:#fffaf0;color:var(--wp-personal-stories-copy);box-shadow:none;font-family:var(--wp-font-body);font-weight:400;text-align:left}.wp-personal-stories .wp-personal-stories__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"copy art";align-items:center;column-gap:clamp(30px,4vw,52px);row-gap:30px}.wp-personal-stories .wp-personal-stories__copy{grid-area:copy;display:grid;grid-template-areas:"intro" "benefits";gap:30px;min-width:0}.wp-personal-stories .wp-personal-stories__intro{grid-area:intro;min-width:0}.wp-personal-stories .wp-personal-stories__heading{position:relative;width:fit-content;max-width:100%;margin:0;padding:0 0 14px;color:var(--wp-personal-stories-ink);font-family:var(--wp-personal-stories-heading-font, Georgia, "Times New Roman", serif);font-size:clamp(40px,4.2vw,50px);font-weight:400;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.wp-personal-stories .wp-personal-stories__heading span{display:block}.wp-personal-stories .wp-personal-stories__heading:after{position:absolute;bottom:0;left:1px;width:38px;height:3px;border-radius:3px;background:#ed795f;content:"";transform:rotate(-3deg)}.wp-personal-stories .wp-personal-stories__description{max-width:49ch;margin:18px 0 0;padding:0;color:var(--wp-personal-stories-copy);font:400 18px/1.55 var(--wp-font-body);letter-spacing:0}.wp-personal-stories .wp-personal-stories__art{grid-area:art;align-self:center;min-width:0;width:100%;aspect-ratio:1.1;margin:0;overflow:hidden;border:0;border-radius:40px 55px;background:#e8e3cb;box-shadow:none}.wp-personal-stories .wp-personal-stories__art img{display:block;width:100%;max-width:100%;height:100%;margin:0;border:0;border-radius:inherit;object-fit:cover;object-position:center;box-shadow:none}.wp-personal-stories .wp-before-after{--wp-before-after-split: 50%;position:relative;isolation:isolate;aspect-ratio:1;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}.wp-personal-stories .wp-before-after img{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-drag:none;border-radius:0;transform-origin:0 0}.wp-personal-stories .wp-before-after__before{transform:translate(-8%,-9.28%) scale(1.16)}.wp-personal-stories .wp-before-after__after{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 0 var(--wp-before-after-split));pointer-events:none}.wp-personal-stories .wp-before-after__illustration{transform:translate(-4.667%,-1.115%) scale(1.0602)}.wp-personal-stories .wp-before-after__label{position:absolute;top:16px;z-index:2;padding:7px 13px;border-radius:999px;background:#fffaf0;color:var(--wp-personal-stories-ink);font:600 12px/1.2 var(--wp-font-body)}.wp-personal-stories .wp-before-after__label--before{left:16px}.wp-personal-stories .wp-before-after__label--after{right:16px}.wp-personal-stories .wp-before-after__divider{position:absolute;top:0;bottom:0;left:var(--wp-before-after-split);z-index:2;width:2px;background:#fffaf0;transform:translate(-50%);pointer-events:none}.wp-personal-stories .wp-before-after__handle{position:absolute;top:78%;left:50%;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#fffaf0;color:var(--wp-personal-stories-ink);box-shadow:0 2px 12px #102f4b26;transform:translate(-50%,-50%)}.wp-personal-stories .wp-before-after__handle svg{width:48px;height:24px}.wp-personal-stories .wp-before-after__hint{position:absolute;bottom:14px;left:50%;z-index:2;padding:6px 11px;border-radius:999px;background:#fffaf0ed;color:var(--wp-personal-stories-ink);font:500 11px/1.2 var(--wp-font-body);white-space:nowrap;transform:translate(-50%)}.wp-personal-stories .wp-before-after__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}.wp-personal-stories .wp-before-after:focus-within{outline:3px solid var(--wp-personal-stories-gold);outline-offset:4px}.wp-personal-stories .wp-personal-stories__benefits{grid-area:benefits;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-width:0;margin:0;padding:0;list-style:none}.wp-personal-stories .wp-personal-stories__benefit{min-width:0;margin:0;padding:0;list-style:none}.wp-personal-stories .wp-personal-stories__icon{display:grid;place-items:center;width:48px;height:48px;margin:0 0 8px;border:1px solid var(--wp-personal-stories-gold);border-radius:50%;background:transparent;color:#896135}.wp-personal-stories .wp-personal-stories__icon svg{display:block;width:26px;height:26px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45}.wp-personal-stories .wp-personal-stories__benefit h3{margin:0;padding:0;color:var(--wp-personal-stories-ink);font-family:var(--wp-personal-stories-heading-font, Georgia, "Times New Roman", serif);font-size:20px;font-weight:400;line-height:1.18;letter-spacing:-.025em;text-wrap:balance}.wp-personal-stories .wp-personal-stories__benefit p{max-width:25ch;margin:6px 0 0;padding:0;color:var(--wp-personal-stories-copy);font:400 15px/1.5 var(--wp-font-body);letter-spacing:0}@media(min-width:761px)and (max-width:999px){.wp-personal-stories{padding:28px}.wp-personal-stories .wp-personal-stories__inner{column-gap:26px;row-gap:24px}.wp-personal-stories .wp-personal-stories__copy{gap:24px}.wp-personal-stories .wp-personal-stories__heading{font-size:36px}.wp-personal-stories .wp-personal-stories__description{font-size:16px}.wp-personal-stories .wp-personal-stories__benefits{gap:24px 16px}.wp-personal-stories .wp-personal-stories__benefit h3{font-size:18px}.wp-personal-stories .wp-personal-stories__benefit p{font-size:14px}}@media(max-width:760px){.wp-personal-stories{width:calc(100% - 24px);margin-block:28px;padding:26px 18px 28px}.wp-personal-stories .wp-personal-stories__inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "art" "benefits";gap:24px}.wp-personal-stories .wp-personal-stories__copy{display:contents}.wp-personal-stories .wp-personal-stories__heading{font-size:clamp(30px,9.1vw,36px);line-height:1.06;letter-spacing:-.035em}.wp-personal-stories .wp-personal-stories__description{margin-top:16px;font-size:15.5px;line-height:1.52}.wp-personal-stories .wp-personal-stories__art{aspect-ratio:16 / 11;border-radius:30px 38px}.wp-personal-stories .wp-before-after{aspect-ratio:1}.wp-personal-stories .wp-before-after__handle{width:54px;height:54px}.wp-personal-stories .wp-before-after__handle svg{width:42px;height:22px}.wp-personal-stories .wp-personal-stories__benefits{gap:26px 18px;text-align:center}.wp-personal-stories .wp-personal-stories__icon{width:49px;height:49px;margin:0 auto 9px}.wp-personal-stories .wp-personal-stories__icon svg{width:26px;height:26px}.wp-personal-stories .wp-personal-stories__benefit h3{font-size:17px;line-height:1.15;letter-spacing:-.025em}.wp-personal-stories .wp-personal-stories__benefit p{max-width:22ch;margin:7px auto 0;font-size:13px;line-height:1.45}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/wonderpods-personal-stories.css.map */