.viralero-story{--viralero-story-gap: clamp(1.6rem, 3vw, 3.2rem);--viralero-story-radius: 1.8rem;--viralero-ink: #102a25;--viralero-ink-soft: #52655f;--viralero-canvas: #fffcf7;--viralero-paper: #ffffff;--viralero-cobalt: #f15a3a;--viralero-signal: #177245;--viralero-line: #d8e0db;--viralero-shadow: 0 1.6rem 4.8rem rgba(16, 42, 37, .1);--viralero-shadow-tight: 0 .8rem 2.4rem rgba(16, 42, 37, .08);position:relative;color:rgb(var(--color-foreground));overflow:hidden}.shopify-section.section:not(:has(>:not(style))){display:none;margin-block-start:0}.shopify-section.section:has(>.viralero-story),.shopify-section.section:has(>.viralero-media-rail){margin-block-start:0}.viralero-story *,.viralero-story *:before,.viralero-story *:after{box-sizing:border-box}.viralero-story figure{margin:0}.viralero-story__intro{max-width:82rem;margin:0 0 clamp(3.2rem,6vw,6rem)}.viralero-story__intro h2{max-width:16ch;margin:0;font-size:clamp(3.6rem,5.6vw,6.4rem);line-height:1}.viralero-story__intro .rte{max-width:62rem;margin-top:1.6rem;color:rgba(var(--color-foreground),.76);font-size:clamp(1.6rem,1.8vw,1.9rem)}.viralero-story--center .viralero-story__intro{margin-right:auto;margin-left:auto;text-align:center}.viralero-story--center .viralero-story__intro h2,.viralero-story--center .viralero-story__intro .rte{margin-right:auto;margin-left:auto}.viralero-story__intro>:last-child,.viralero-story-card p:last-child{margin-bottom:0}.viralero-story__eyebrow{margin:0 0 1.2rem;color:rgb(var(--color-button));font-size:1.2rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.viralero-story-grid{display:grid;grid-template-columns:repeat(var(--viralero-story-mobile-columns, 1),minmax(0,1fr));gap:var(--viralero-story-gap);margin:0;padding:0;list-style:none}.viralero-story-card{min-width:0;height:100%;padding:clamp(2rem,3vw,3.2rem);border:.1rem solid #d8e0db;border-radius:var(--viralero-story-radius);background:rgb(var(--color-background))}.viralero-story-card h3{margin:0 0 1rem}.viralero-story-media{overflow:hidden;border-radius:calc(var(--viralero-story-radius) - .2rem);background:rgba(var(--color-foreground),.05)}.viralero-story-media :is(img,video){display:block;width:100%;height:100%;object-fit:cover}.viralero-story-media--landscape{aspect-ratio:4 / 3}.viralero-story-media--portrait{aspect-ratio:4 / 5}.viralero-story-media--square{aspect-ratio:1}.viralero-story-card .viralero-story-media{margin-bottom:1.8rem}.viralero-story--benefits:after{position:absolute;right:-12rem;bottom:-18rem;width:42rem;height:42rem;border:7rem solid rgba(23,114,69,.06);border-radius:50%;content:"";pointer-events:none}.viralero-story-benefits{position:relative;z-index:1}.viralero-story-benefit{position:relative;overflow:hidden;border-color:var(--viralero-line);box-shadow:none}.viralero-story-benefit:first-child{border-color:var(--viralero-ink);color:#fff;background:var(--viralero-ink)}.viralero-story-benefit:first-child .rte{color:#ffffffd1}.viralero-story-benefit:first-child h3{color:#fff}.viralero-story-benefit__number{display:block;margin-bottom:clamp(4rem,7vw,8rem);color:#177245;font-size:1.2rem;font-weight:700;letter-spacing:.12em}.viralero-story-benefit:first-child .viralero-story-benefit__number{color:#fff;opacity:.82}.viralero-story-benefit h3{max-width:15ch;font-size:clamp(2.4rem,3vw,3.4rem)}.viralero-story-overview{display:grid;gap:0;overflow:hidden;border:.1rem solid #d8e0db;border-radius:var(--viralero-radius-lg);background:var(--viralero-paper);box-shadow:var(--viralero-shadow-tight)}.viralero-story-overview__media{min-width:0;background:var(--viralero-canvas)}.viralero-story-overview__media .viralero-story-media{height:100%;border-radius:0}.viralero-story-overview__media figcaption{padding:.8rem 1.2rem}.viralero-story-overview__copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(3rem,6vw,7.2rem);color:#fff;background:var(--viralero-ink)}.viralero-story-overview__copy .rte{color:#fffc;font-size:clamp(1.6rem,1.8vw,1.9rem)}.viralero-story-overview__copy .rte :is(h2,h3,h4,strong,a){color:#fff}.viralero-story-overview__label{margin-bottom:2rem;color:var(--viralero-signal);font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.viralero-story--steps:before{position:absolute;top:10%;left:-14rem;width:34rem;height:34rem;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:50%;content:"";pointer-events:none}.viralero-story-steps{position:relative}.viralero-story-step-card{position:relative;border-color:#d8e0db;background:#fff}.viralero-story-step{display:inline-grid;width:4.4rem;height:4.4rem;place-items:center;margin-bottom:4rem;border:.1rem solid rgba(var(--color-foreground),.32);border-radius:50%;color:var(--viralero-ink);background:var(--viralero-signal);font-size:1.4rem;font-weight:700}.viralero-story-step-card h3{font-size:clamp(2.2rem,2.7vw,3rem)}.viralero-story-stat{min-width:0;padding:2.4rem;border-radius:var(--viralero-story-radius);background:rgba(var(--color-foreground),.05);text-align:center}.viralero-story-stat__value{display:block;overflow-wrap:anywhere;font-size:clamp(2.8rem,9vw,5.6rem);font-weight:700;line-height:1}.viralero-story--details .viralero-story__intro{position:relative;z-index:1}.viralero-story-details-layout{position:relative;z-index:1;display:grid;gap:var(--viralero-story-gap)}.viralero-story-details-group{min-width:0;padding:clamp(2.2rem,4vw,4rem);border:.1rem solid #d8e0db;border-radius:var(--viralero-story-radius);color:var(--viralero-ink);background:#fff;box-shadow:0 .8rem 2.4rem #102a250f}.viralero-story-details-group>h3{margin:0 0 2rem;color:var(--viralero-ink);font-size:clamp(2.2rem,2.8vw,3.2rem)}.viralero-story-details-group>p:last-child{margin-bottom:0}.viralero-story-details-group>ul{display:grid;gap:1rem;margin:0;padding:0;list-style:none}.viralero-story-details-group>ul>li{position:relative;min-width:0;padding:1.2rem 1.2rem 1.2rem 3.8rem;border-radius:1rem;background:var(--viralero-canvas)}.viralero-story-details-group>ul>li:before{position:absolute;top:1.6rem;left:1.4rem;width:1.2rem;height:1.2rem;border-radius:.3rem;background:var(--viralero-signal);box-shadow:inset 0 0 0 .1rem #102a251f;content:""}.viralero-story-details-group>ul>li strong,.viralero-story-details-group>ul>li span{display:block}.viralero-story-details-group>ul>li .caption{margin-top:.3rem;color:var(--viralero-cobalt);font-weight:700}.viralero-story-details{display:grid;gap:0;margin:0}.viralero-story-details__row{display:grid;grid-template-columns:minmax(9rem,.85fr) minmax(0,1.15fr);gap:1.8rem;margin:0;padding:1.6rem 0;border-bottom:.1rem solid #d8e0db}.viralero-story-details__row:last-child{border-bottom:0}.viralero-story-details dt{font-weight:700}.viralero-story-details dt .caption,.viralero-story-details dd small{display:block}.viralero-story-details dd{min-width:0;margin:0;overflow-wrap:anywhere}.viralero-story-details dd small{margin-top:.5rem;color:var(--viralero-ink-soft)}.viralero-story-scroll{overflow-x:auto;overscroll-behavior-inline:contain}.viralero-story-table__scroll-hint{display:none}.viralero-story-table{width:100%;min-width:58rem;border-collapse:collapse}.viralero-story-table :is(th,td){padding:1.4rem;border-bottom:.1rem solid #d8e0db;overflow-wrap:break-word;word-break:normal;text-align:left;vertical-align:top}.viralero-story-table th[scope=col]{color:#fff;background:var(--viralero-ink);font-weight:700}.viralero-story-table td :is(small,a){display:block;margin-top:.6rem}.viralero-story-table__highlight{background:#eef5f1}.viralero-story-faq{overflow:hidden;border-top:.1rem solid rgba(var(--color-foreground),.2)}.viralero-story-faq details{border-bottom:.1rem solid rgba(var(--color-foreground),.2)}.viralero-story-faq summary{display:flex;min-height:7.2rem;gap:1.6rem;align-items:center;justify-content:space-between;cursor:pointer;font-size:clamp(1.7rem,2vw,2rem);font-weight:700;list-style:none}.viralero-story-faq summary::-webkit-details-marker{display:none}.viralero-story-faq__icon{flex:0 0 auto;transition:transform .18s ease}.viralero-story-faq details[open] .viralero-story-faq__icon{transform:rotate(45deg)}.viralero-story-faq__answer{max-width:74rem;padding:0 0 2.8rem;color:rgba(var(--color-foreground),.78)}.viralero-story-problem-result{display:grid;gap:var(--viralero-story-gap)}.viralero-story-problem-result__panel{min-width:0;padding:2.4rem;border:.1rem solid #d8e0db;border-radius:var(--viralero-story-radius)}.viralero-story-problem-result__label{display:block;margin-bottom:1.2rem;font-weight:700}.viralero-story-problem-result__evidence{margin:2rem 0 0;font-size:1.3rem;opacity:.75}@media screen and (min-width:750px){.viralero-story-grid{grid-template-columns:repeat(var(--viralero-story-desktop-columns, 3),minmax(0,1fr))}.viralero-story-benefits[data-count="3"]{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.viralero-story-benefits[data-count="3"] .viralero-story-benefit:first-child{grid-row:span 2}.viralero-story-overview{align-items:stretch}.viralero-story-overview--with-media{grid-template-columns:repeat(2,minmax(0,1fr))}.viralero-story-overview--copy-only{grid-template-columns:minmax(0,1fr)}.viralero-story-overview--copy-only .viralero-story-overview__copy{min-height:32rem}.viralero-story-overview--right .viralero-story-overview__media{order:2}.viralero-story-overview--with-media .viralero-story-overview__media .viralero-story-media{min-height:56rem}.viralero-story--details .viralero-story__intro{display:grid;max-width:none;grid-template-columns:minmax(0,1.15fr) minmax(30rem,.85fr);gap:4rem;align-items:end}.viralero-story--details .viralero-story__intro .rte{margin-top:0}.viralero-story--details-decision .viralero-story-details-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.viralero-story--details-ownership .viralero-story-details-layout{grid-template-columns:repeat(12,minmax(0,1fr))}.viralero-story--details-ownership .viralero-story-details-group:nth-child(1),.viralero-story--details-ownership .viralero-story-details-group:nth-child(4){grid-column:span 5}.viralero-story--details-ownership .viralero-story-details-group:nth-child(2),.viralero-story--details-ownership .viralero-story-details-group:nth-child(3){grid-column:span 7}.viralero-story--details-specifications .viralero-story-details-group{display:grid;grid-template-columns:minmax(20rem,.55fr) minmax(0,1.45fr);gap:4rem;align-items:start}.viralero-story--details-specifications .viralero-story-details-group>h3{position:sticky;top:12rem}.viralero-story-problem-result{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.viralero-story-overview__copy{min-height:40rem}.viralero-story-details__row{grid-template-columns:minmax(8rem,.75fr) minmax(0,1.25fr);gap:1.2rem}.viralero-story-table{min-width:74rem}.viralero-story-table__scroll-hint{display:flex;gap:.8rem;align-items:center;margin:2.4rem 0 1rem;color:var(--viralero-ink-soft);font-size:1.3rem;font-weight:700;letter-spacing:.04em}.viralero-story-table__scroll-hint span{color:rgb(var(--color-button));font-size:1.8rem;line-height:1}.viralero-story-table :is(th,td):first-child{min-width:12rem}.viralero-story-table :is(th,td):nth-child(2){min-width:22rem}.viralero-story-table :is(th,td):nth-child(3){min-width:36rem}}@media(max-width:374px){.viralero-story-card,.viralero-story-stat,.viralero-story-problem-result__panel,.viralero-story-details-group{padding:1.6rem}.viralero-story-details__row{grid-template-columns:1fr;gap:.4rem}}@media(prefers-reduced-motion:reduce){.viralero-story *,.viralero-story *:before,.viralero-story *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.viralero-before-after{color:rgb(var(--color-foreground))}.viralero-before-after *,.viralero-before-after *:before,.viralero-before-after *:after{box-sizing:border-box}.viralero-before-after__intro{max-width:76rem;margin-bottom:clamp(2.4rem,4vw,4.8rem)}.viralero-before-after__intro h2{margin:0}.viralero-before-after__intro .rte{margin-top:1.6rem}.viralero-before-after__layout{display:grid;gap:clamp(2.4rem,4vw,5.6rem)}.viralero-before-after__comparison{min-width:0}.viralero-before-after__figure{position:relative;aspect-ratio:4 / 3;margin:0;overflow:hidden;border:.1rem solid #d8e0db;border-radius:var(--viralero-radius-lg, 1.8rem);background:rgba(var(--color-foreground),.06)}.viralero-before-after__image{display:block;width:100%;height:100%;object-fit:cover}.viralero-before-after__after-media{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 0 var(--viralero-before-after-position, 50%))}.viralero-before-after__divider{position:absolute;top:0;bottom:0;left:var(--viralero-before-after-position, 50%);width:.2rem;transform:translate(-50%);background:rgb(var(--color-background));box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.24);pointer-events:none}.viralero-before-after__handle{position:absolute;top:50%;left:50%;width:4.4rem;height:4.4rem;transform:translate(-50%,-50%);border:.2rem solid rgb(var(--color-foreground));border-radius:50%;background:rgb(var(--color-background));box-shadow:0 .3rem 1.2rem rgba(var(--color-foreground),.18)}.viralero-before-after__handle:before,.viralero-before-after__handle:after{position:absolute;top:50%;width:.9rem;height:.9rem;border-top:.2rem solid currentColor;border-right:.2rem solid currentColor;content:""}.viralero-before-after__handle:before{left:.9rem;transform:translateY(-50%) rotate(-135deg)}.viralero-before-after__handle:after{right:.9rem;transform:translateY(-50%) rotate(45deg)}.viralero-before-after__label{position:absolute;top:1.2rem;z-index:1;padding:.6rem .9rem;border-radius:999px;color:rgb(var(--color-background));background:rgb(var(--color-foreground));font-size:1.2rem;font-weight:700;line-height:1}.viralero-before-after__label--before{left:1.2rem}.viralero-before-after__label--after{right:1.2rem}.viralero-before-after__range{display:block;width:min(100%,52rem);margin:1.8rem auto 0;accent-color:rgb(var(--color-button));cursor:ew-resize}.viralero-before-after__range:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:.4rem}.viralero-before-after__details{display:grid;gap:1.8rem}.viralero-before-after__details article{padding:clamp(1.8rem,3vw,2.8rem);border:.1rem solid #d8e0db;border-radius:var(--viralero-radius-lg, 1.8rem)}.viralero-before-after__details :is(h3,p){margin-top:0}.viralero-before-after__details .caption{margin:1.6rem 0 0}.viralero-before-after__qualification{margin:0;padding:1.4rem 1.8rem;border-inline-start:.3rem solid rgb(var(--color-button));background:rgba(var(--color-foreground),.05)}@media screen and (min-width:990px){.viralero-before-after__layout{grid-template-columns:minmax(0,1.45fr) minmax(25rem,.75fr);align-items:start}}@media(prefers-reduced-motion:reduce){.viralero-before-after *,.viralero-before-after *:before,.viralero-before-after *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/viralero-story.css.map */