.hs-benefit-rotator{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;position:relative;width:100%;box-sizing:border-box;padding:5px 10px 5px 12px;border:0;border-radius:6px;color:#20221f;background:#dfe8cf;font-family:inherit;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.015em}.hs-benefit-rotator:after{content:"";position:absolute;top:100%;left:24px;border:6px solid transparent;border-top-color:#dfe8cf}.hs-benefit-rotator__viewport{position:relative;display:block;min-width:0;overflow:hidden;touch-action:pan-y pinch-zoom;border-radius:2px}.hs-benefit-rotator .hs-benefit-rotator__slide{position:absolute;inset:0 auto auto 0;width:100%;margin:0;padding:0;color:inherit;font:inherit;text-transform:uppercase;overflow-wrap:anywhere;opacity:0;visibility:hidden;transform:translate(16px);transition:opacity .18s ease-out,transform .24s cubic-bezier(.23,1,.32,1),visibility 0s .24s}.hs-benefit-rotator .hs-benefit-rotator__slide[data-active=true]{position:relative;opacity:1;visibility:visible;transform:translate(0);transition-delay:0s}.hs-benefit-rotator__controls{display:flex;visibility:hidden;align-items:center;justify-content:flex-end;width:64px;gap:0}.hs-benefit-rotator[data-ready=true]:not([data-count="1"]) .hs-benefit-rotator__controls{visibility:visible}.hs-benefit-rotator .hs-benefit-rotator__button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:24px;min-width:0;min-height:0;padding:0;border:0;border-radius:4px;background:transparent;color:#3f5145;box-shadow:none;cursor:pointer;transition:background-color .16s ease,transform .16s ease-out}.hs-benefit-rotator__button>span{display:inline-flex}.hs-benefit-rotator [hidden]{display:none!important}.hs-benefit-rotator__viewport:focus-visible,.hs-benefit-rotator__button:focus-visible{outline:2px solid #3f5145;outline-offset:2px}.hs-benefit-rotator__button:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.hs-benefit-rotator__button:hover{background:#3f51451a}}.hs-benefit-rotator[data-instant=true] .hs-benefit-rotator__slide,.hs-benefit-rotator[data-reduced-motion=true] .hs-benefit-rotator__slide{transition:none;transform:none}@media(prefers-reduced-motion:reduce){.hs-benefit-rotator .hs-benefit-rotator__slide,.hs-benefit-rotator .hs-benefit-rotator__button{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/happysoy-benefit-rotator.css.map */