.benefits-radial{background-color:#fff;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.benefits-radial__header{text-align:center;max-width:640px;margin:0 auto 3rem}.benefits-radial__eyebrow{font-size:var(--eyebrow-size, 12px);font-weight:var(--eyebrow-weight, 700);letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;color:var(--how-eyebrow)}.benefits-radial__heading{line-height:1.2;margin:0 0 .75rem;font-size:clamp(24px,3.2vw,34px);font-weight:700;color:#0aa8c4}.benefits-radial__subheading{font-size:18px;margin:0}.benefits-radial__stage{position:relative;width:100%;max-width:900px;aspect-ratio:1 / 1;margin:0 auto}.benefits-radial__lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.benefits-radial__line{stroke:#1b4965;stroke-width:3;stroke-linecap:round;stroke-dasharray:1 11;opacity:0;transition:stroke .3s ease,stroke-width .3s ease,opacity .5s ease}.benefits-radial__line.is-revealed{opacity:.5}.benefits-radial__line.is-active{stroke:#0b2e44;stroke-width:4.5}.benefits-radial__product{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(140px,22vw,260px);z-index:2}.benefits-radial__product-img,.benefits-radial__placeholder-svg{width:100%;height:auto;display:block;filter:drop-shadow(0 12px 24px rgba(0,0,0,.12))}.benefits-radial__nodes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.benefits-radial__pos{position:absolute!important;top:50%;left:50%;width:clamp(120px,16vw,170px);text-align:center;cursor:pointer;transition:margin-top .25s ease}.benefits-radial__pos:hover,.benefits-radial__pos.is-open{margin-top:-4px;z-index:10}.benefits-radial.enable-float .benefits-radial__float-el{animation:benefits-radial-float 4.5s ease-in-out infinite;animation-delay:var(--delay, 0s);will-change:transform}@keyframes benefits-radial-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.benefits-radial__trigger{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;width:100%;border-radius:12px;transition:background-color .25s ease,opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1);opacity:0;transform:translateY(14px) scale(.94)}.benefits-radial__pos.is-revealed .benefits-radial__trigger{opacity:1;transform:translateY(0) scale(1)}.benefits-radial__pos:hover .benefits-radial__trigger,.benefits-radial__pos.is-open .benefits-radial__trigger{background-color:none}.benefits-radial__icon{display:flex;align-items:center;justify-content:center;border-radius:50%;background:none;margin-inline:auto;overflow:hidden;flex-shrink:0}.benefits-radial__icon img{width:100%;height:100%;object-fit:cover}.benefits-radial__icon-fallback{color:#fff;font-weight:700;font-size:1.8rem}.benefits-radial__pos.is-spotlighted .benefits-radial__icon{animation:benefits-radial-spotlight 1s ease}@keyframes benefits-radial-spotlight{0%{box-shadow:0 0 #168aad99}70%{box-shadow:0 0 0 14px #168aad00}to{box-shadow:0 0 #168aad00}}.benefits-radial__title{font-weight:700;font-size:15.5px;line-height:1.3;text-align:center}.benefits-radial__snippet{font-size:13px;opacity:.7;line-height:1.5;text-align:center}.benefits-radial__desc{overflow:hidden;max-height:0;opacity:0;margin-top:0;text-align:center;transition:max-height .35s ease,opacity .25s ease,margin-top .35s ease;background:#fff}.benefits-radial__desc p{margin:0;font-size:.9rem;line-height:1.4}.benefits-radial__pos.is-open .benefits-radial__desc{max-height:220px;opacity:1;margin-top:.5rem}@media screen and (max-width:749px){.benefits-radial__stage{aspect-ratio:auto;max-width:100%}.benefits-radial__lines{display:none}.benefits-radial__product{position:static;transform:none;width:clamp(160px,45vw,220px);margin:0 auto 2rem}.benefits-radial__nodes{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem;padding-left:20px;padding-right:20px;padding-bottom:20px;box-sizing:border-box}.benefits-radial__pos{position:static!important;transform:none!important;width:100%!important;margin-top:0!important}.benefits-radial__float-el{animation:none!important;transform:none!important}.benefits-radial__heading{font-size:2.4rem}}@media(prefers-reduced-motion:reduce){.benefits-radial__float-el,.benefits-radial__icon{animation:none!important}.benefits-radial__trigger{transition:none!important;opacity:1!important;transform:none!important}.benefits-radial__line{transition:none!important;opacity:.5!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-product-benefits-radial.css.map */