.value-props{color:rgb(var(--color-foreground));background:#000;background-color:#000}.value-props .elmnt-h2-wrap{background:#000}.value-props--colored{padding-inline:1.5rem}@media screen and (min-width:750px){.value-props--colored{padding-inline:5rem}}.value-props__header{margin-bottom:2rem;padding:0 1rem;position:relative}@media screen and (min-width:990px){.value-props__header{margin-bottom:5rem;padding:0}}.value-props__header.center{text-align:center}.value-props__header.left{text-align:left}.value-props__header.right{text-align:right}.value-props__callout{font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--vp-accent, #ffffff);margin:0 0 1rem;position:relative}@media screen and (min-width:990px){.value-props__callout{font-size:1.5rem;letter-spacing:0;margin:0 0 2rem}}.value-props__heading{margin:0;font-size:2.2rem}@media screen and (min-width:990px){.value-props__heading{font-size:3.4rem}}.value-props__grid{display:flex;flex-direction:column;align-items:center;gap:0}@media screen and (min-width:990px){.value-props__grid{flex-direction:row;align-items:stretch}}.value-props__col{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem .8rem;width:100%;max-width:100%}@media screen and (min-width:990px){.value-props__col{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);flex:1;max-width:none;padding-block:2% 2%}}.value-props__item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;position:relative;z-index:2}@media screen and (min-width:990px){.value-props__item{gap:1.7rem}}@media screen and (min-width:990px){.value-props__item{flex-direction:row;text-align:right;gap:2rem}.value-props__col--left .value-props__item{justify-content:flex-end}.value-props__col--left .value-props__item-content{align-items:flex-end}.value-props__col--right .value-props__item{text-align:left;justify-content:flex-end}.value-props__col--right .value-props__item-content{align-items:flex-start}}.value-props__item-icon{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;position:relative;flex-shrink:0}@media screen and (min-width:990px){.value-props__item-icon{width:3rem;height:3rem}}.value-props__item-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:var(--vp-accent, #ffffff);z-index:-1;transition:transform .75s ease}.value-props__item-icon img{max-width:2rem;max-height:2rem;object-fit:contain}@media screen and (min-width:990px){.value-props__item-icon{width:6rem;height:6rem}.value-props__item-icon img{max-width:4rem;max-height:4rem}}.value-props__item-content{display:flex;flex-direction:column;flex:1;gap:.3rem}@media screen and (min-width:990px){.value-props__item-content{gap:.7rem}}.value-props__item-title{font-family:var(--font-heading-family);font-size:1.7rem;font-weight:700;letter-spacing:0;text-transform:uppercase;line-height:1.15;margin:0;color:rgb(var(--color-foreground))}@media screen and (min-width:990px){.value-props__item-title{font-size:2.4rem;letter-spacing:0}}.value-props__item-desc{font-size:1.3rem;line-height:1.35;margin:0;opacity:.7}@media screen and (min-width:990px){.value-props__item-desc{font-size:1.5rem;line-height:1.35;max-width:200px}}.value-props__media{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:24rem;aspect-ratio:1 / 1;padding:2rem;box-sizing:border-box;margin:1rem auto}@media screen and (min-width:990px){.value-props__media{max-width:52rem;aspect-ratio:520 / 620;padding:6rem;flex-shrink:0;margin:0}}.value-props__video,.value-props__center-img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 20px rgba(0,0,0,.2));transition:transform .75s ease,box-shadow .6s ease;box-shadow:none}.value-props__media-inner{position:relative;z-index:2;width:100%;height:100%}@property --vp-ring{syntax: "<angle>"; inherits: false; initial-value: 360deg;}.value-props__media-inner:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:3px dashed #ffffff;z-index:3;pointer-events:none;--vp-ring: 360deg;-webkit-mask-image:conic-gradient(#000 0deg var(--vp-ring),transparent var(--vp-ring));mask-image:conic-gradient(#000 0deg var(--vp-ring),transparent var(--vp-ring));transition:--vp-ring 1.6s ease-out}.value-props__decor{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none}.value-props__placeholder{position:relative;z-index:2;width:100%;height:100%;border-radius:50%;overflow:hidden;background:rgba(var(--color-foreground),.04)}.value-props__placeholder svg{width:100%;height:100%}.value-props[data-animate] .value-props__media{opacity:0;transition:opacity .75s ease}.value-props[data-animate] .value-props__video,.value-props[data-animate] .value-props__center-img{transform:scale(0);box-shadow:0 0 50px transparent}.value-props[data-animate] .value-props__media-inner:after{--vp-ring: 0deg}.value-props[data-animate].vp--visible .value-props__media{opacity:1}.value-props[data-animate].vp--visible .value-props__video,.value-props[data-animate].vp--visible .value-props__center-img{transform:scale(1);box-shadow:none;transition:transform .75s ease,box-shadow .6s ease 1.8s}.value-props[data-animate].vp--visible .value-props__media-inner:after{--vp-ring: 360deg;transition:--vp-ring 1.6s ease-out .35s}.value-props[data-animate] .value-props__item-icon:before{transform:scale(0)}.value-props[data-animate] .value-props__item-content{opacity:0;transition:opacity .75s ease,transform .75s ease;position:relative}.value-props[data-animate] .value-props__col--left .value-props__item-content,.value-props[data-animate] .value-props__col--right .value-props__item-content{transform:translateY(10px)}@media screen and (min-width:990px){.value-props[data-animate] .value-props__col--left .value-props__item-content{transform:translate(-30%)}.value-props[data-animate] .value-props__col--right .value-props__item-content{transform:translate(30%)}}.value-props[data-animate] .value-props__item.vp-item--visible .value-props__item-content{opacity:1;transform:translate(0)}.value-props[data-animate] .value-props__item.vp-item--visible .value-props__item-icon:before{transform:scale(1)}@media screen and (min-width:990px){.value-props__col.value-props__col--left .value-props__item:first-of-type,.value-props__col.value-props__col--left .value-props__item:last-of-type{right:-30px}.value-props__col--right .value-props__item:first-of-type,.value-props__col--right .value-props__item:last-of-type{left:-30px}}@media all and (max-width:989px){.value-props__col.value-props__col--left .value-props__item:first-of-type,.value-props__col.value-props__col--left .value-props__item:last-of-type{bottom:-30px}.value-props__col--right .value-props__item:first-of-type,.value-props__col--right .value-props__item:last-of-type{top:-30px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-value-props.css.map */