.benefit-orbit{overflow:hidden}.benefit-orbit__grid{display:grid;gap:3.2rem;align-items:center}@media screen and (min-width:990px){.benefit-orbit__grid{grid-template-columns:minmax(0,50rem) auto;justify-content:center;gap:clamp(4.2rem,6vw,10rem)}}.benefit-orbit__header>*{margin:0}.benefit-orbit__header>*+*{margin-top:1.6rem}.benefit-orbit__heading{max-width:60rem}@media screen and (min-width:750px)and (max-width:989px){.benefit-orbit__header{max-width:72rem;margin:0 auto;text-align:center}.benefit-orbit__heading{margin-left:auto;margin-right:auto}}.benefit-orbit__stage{--stage: min(60rem, calc(100vw - 3rem) );--radius: calc(var(--stage) * .355);--bubble: calc(var(--stage) * .29);position:relative;width:var(--stage);aspect-ratio:1 / 1;margin:0 auto}.benefit-orbit__stage:before{content:"";position:absolute;top:50%;left:50%;width:calc(var(--radius) * 2);height:calc(var(--radius) * 2);border:.1rem solid rgba(var(--color-foreground),.15);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.benefit-orbit__center{position:absolute;top:50%;left:50%;width:calc(var(--stage) * .36);height:calc(var(--stage) * .4);transform:translate(-50%,-50%)}.benefit-orbit__center img{width:100%;height:100%;object-fit:contain;opacity:.9}.benefit-orbit__items{position:absolute;top:0;right:0;bottom:0;left:0;margin:0}.benefit-orbit__item{position:absolute;top:50%;left:50%;width:var(--bubble);height:var(--bubble);margin:calc(var(--bubble) / -2) 0 0 calc(var(--bubble) / -2);transform:rotate(var(--angle)) translate(var(--radius)) rotate(calc(-1 * var(--angle)))}.benefit-orbit__bubble{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:1.6rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:50%;background-color:rgb(var(--color-background));box-shadow:0 1rem 2.6rem rgba(var(--color-shadow),.05);text-align:center}.benefit-orbit__label{font-size:1.3rem;line-height:1.35;-webkit-hyphens:auto;hyphens:auto}@media screen and (max-width:749px){.benefit-orbit__bubble{padding:.6rem;box-shadow:0 .6rem 1.6rem rgba(var(--color-shadow),.05)}.benefit-orbit__label{font-size:1rem;line-height:1.3;letter-spacing:0;overflow-wrap:break-word}}@media screen and (min-width:750px){.benefit-orbit__stage{--stage: min(60rem, 80vw);--radius: calc(var(--stage) * .36);--bubble: calc(var(--stage) * .25)}.benefit-orbit__bubble{padding:1.6rem}}@media screen and (min-width:990px){.benefit-orbit__stage{--stage: min(56rem, 42vw)}.benefit-orbit__label{font-size:clamp(1.15rem,.9vw,1.35rem)}}@keyframes benefitOrbit{0%{transform:rotate(var(--angle)) translate(var(--radius)) rotate(calc(-1 * var(--angle)))}to{transform:rotate(calc(var(--angle) + 360deg)) translate(var(--radius)) rotate(calc(-1 * var(--angle) - 360deg))}}@media(prefers-reduced-motion:no-preference){.benefit-orbit__stage--animated .benefit-orbit__item{animation:benefitOrbit var(--orbit-duration, 60s) linear infinite}.benefit-orbit__stage--animated:hover .benefit-orbit__item,.benefit-orbit__stage--animated:focus-within .benefit-orbit__item{animation-play-state:paused}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-benefit-orbit.css.map */