.viv-wrap{padding-top:var(--viv-pt-m, 36px);padding-bottom:var(--viv-pb-m, 36px)}@media screen and (min-width:750px){.viv-wrap{padding-top:var(--viv-pt, 48px);padding-bottom:var(--viv-pb, 48px)}}.viv-head{max-width:64rem;margin:0 auto 2.8rem;text-align:center}.viv-head>*{margin:0}.viv-head:after{content:"";display:block;width:4.8rem;height:.1rem;margin:2rem auto 0;background:rgb(var(--color-button))}.viv-eyebrow{display:block;margin:0 0 1rem;font-size:1.2rem;line-height:1.4;letter-spacing:.18rem;text-transform:uppercase}.viv-head .viv-head__sub{margin-top:1.2rem;font-size:1.5rem;line-height:1.7}@media screen and (min-width:750px){.viv-head{margin-bottom:4rem}.viv-head .viv-head__sub{font-size:1.6rem}}.viv-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem;margin:0;padding:0;list-style:none}.viv-card{display:flex;gap:1.6rem;padding:2rem;border:.1rem solid rgba(var(--color-foreground),.22);border-radius:1.2rem;background:#ffffff61}.viv-card__num{flex:0 0 auto;min-width:3.2rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:2.4rem;line-height:1.2;color:rgb(var(--color-button))}.viv-card__body{min-width:0}.viv-card__title{margin:0 0 .8rem}.viv-card__text{font-size:1.4rem;line-height:1.7}.viv-card__text>*:first-child{margin-top:0}.viv-card__text>*:last-child{margin-bottom:0}.viv-card__text.rte ul,.viv-card__text.rte ol{padding-left:2rem;list-style-position:outside}.viv-card__text li{margin-bottom:.6rem}@media screen and (min-width:750px){.viv-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.viv-card{flex-direction:column;gap:1.2rem;padding:2.8rem 2.4rem}.viv-card__text{font-size:1.5rem}}@media screen and (min-width:990px){.viv-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.viv-mt{display:grid;grid-template-columns:minmax(0,1fr);gap:2.4rem;align-items:center}.viv-mt__media{overflow:hidden;border-radius:var(--media-radius)}.viv-mt__media img{display:block;width:100%;height:auto}.viv-mt__media--square{aspect-ratio:1 / 1}.viv-mt__media--portrait{aspect-ratio:4 / 5}.viv-mt__media--square img,.viv-mt__media--portrait img{height:100%;object-fit:cover}.viv-mt__content>*:first-child{margin-top:0}.viv-mt__title{margin:0 0 1.6rem}.viv-mt__text{line-height:1.8}.viv-mt__text>*:last-child{margin-bottom:0}.viv-steps{display:grid;gap:1.4rem;margin:2rem 0 0;padding:0;list-style:none;counter-reset:viv-step}.viv-steps li{position:relative;min-height:3.2rem;padding:.3rem 0 0 4.6rem;line-height:1.6;counter-increment:viv-step}.viv-steps li:before{content:counter(viv-step);position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border:.1rem solid rgb(var(--color-button));border-radius:50%;font-family:var(--font-heading-family);font-size:1.5rem;line-height:1;color:rgb(var(--color-button))}@media screen and (min-width:750px){.viv-mt{grid-template-columns:repeat(2,minmax(0,1fr));gap:5rem}.viv-mt--media-right .viv-mt__media{order:2}.viv-mt--no-media{grid-template-columns:minmax(0,68rem);justify-content:center}}.viv-cta{display:grid;grid-template-columns:minmax(0,1fr);gap:1.8rem;justify-items:center;padding:2.8rem 2rem;border:.1rem solid rgba(var(--color-foreground),.22);border-radius:1.6rem;background:#ffffff61;text-align:center}.viv-cta__media{width:11rem;overflow:hidden;border-radius:1.2rem}.viv-cta__media img{display:block;width:100%;height:auto}.viv-cta__title{margin:0 0 .8rem}.viv-cta__note{margin:.8rem 0 0;font-size:1.3rem;line-height:1.5;letter-spacing:.06rem}.viv-cta__button{min-width:20rem}@media screen and (min-width:750px){.viv-cta{grid-template-columns:12rem minmax(0,1fr) auto;gap:3.2rem;align-items:center;justify-items:start;padding:3.2rem 4rem;text-align:left}.viv-cta--no-media{grid-template-columns:minmax(0,1fr) auto}.viv-cta__media{width:12rem}}.viv-ba{display:grid;grid-template-columns:minmax(0,1fr);gap:2.8rem;align-items:center}@media screen and (min-width:750px){.viv-ba{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:5.6rem}.viv-ba--single{grid-template-columns:minmax(0,56rem);justify-content:center}}.viv-compare{--pos: 50%;position:relative;display:block;overflow:hidden;aspect-ratio:var(--ratio, 4 / 5);border-radius:var(--media-radius);background:rgba(var(--color-foreground),.08);cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.viv-compare__layer{position:absolute;top:0;right:0;bottom:0;left:0}.viv-compare__layer img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.viv-compare__layer--before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.viv-compare__ph{display:flex;align-items:center;width:100%;height:100%;padding:2rem;font-size:1.3rem;letter-spacing:.12rem;text-transform:uppercase}.viv-compare__ph--before{justify-content:flex-start;background:rgb(var(--color-background)) repeating-linear-gradient(45deg,rgba(var(--color-foreground),.3) 0 1.2rem,rgba(var(--color-foreground),.2) 1.2rem 2.4rem)}.viv-compare__ph--after{justify-content:flex-end;background:rgba(var(--color-foreground),.07)}.viv-compare__divider{position:absolute;top:0;bottom:0;left:var(--pos);width:.3rem;margin-left:-.15rem;background:rgb(var(--color-background));pointer-events:none}.viv-compare__handle{position:absolute;top:50%;left:var(--pos);display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;padding:0;border:0;border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-button));box-shadow:0 .2rem 1rem #0003;transform:translate(-50%,-50%);cursor:ew-resize;touch-action:none}.viv-compare__handle:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:.3rem}.viv-compare__label{position:absolute;bottom:1.2rem;padding:.4rem 1.2rem;border-radius:10rem;background:rgb(var(--color-background));font-size:1.2rem;line-height:1.6;letter-spacing:.08rem;pointer-events:none}.viv-compare__label--before{left:1.2rem}.viv-compare__label--after{right:1.2rem}.viv-quote{margin:0}.viv-quote__text{margin:0;padding:0;border:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:2.2rem;line-height:1.45;color:rgb(var(--color-foreground))}.viv-quote__text p{margin:0 0 1.6rem}.viv-quote__text p:last-child{margin-bottom:0}.viv-quote__author{margin-top:2rem;font-size:1.4rem;letter-spacing:.06rem}@media screen and (min-width:990px){.viv-quote__text{font-size:2.8rem}}.viv-placeholder-note{margin:1.6rem 0 0;padding:1.2rem 1.6rem;border:.1rem dashed rgba(var(--color-foreground),.55);border-radius:1rem;font-size:1.3rem;line-height:1.5}
/*# sourceMappingURL=/cdn/shop/t/33/assets/vivante-sections.css.map */