.key-benefits{display:block;width:100%;--swiper-theme-color: rgb(var(--color-foreground));--swiper-pagination-color: rgb(var(--color-foreground))}.key-benefits__header{display:flex;flex-direction:column;align-items:center;gap:32px;margin-bottom:48px;text-align:center}.key-benefits__subtitle{margin:0}.key-benefits__circle{position:relative;width:406px;height:406px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--color-gray)}.key-benefits__circle-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--transition-slow)}.key-benefits__circle-image.is-active{opacity:1}.key-benefits__circle-image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-gray);opacity:0;transition:opacity var(--transition-slow)}.key-benefits__circle-image-placeholder.is-active{opacity:1}.key-benefits__benefits-wrapper{position:relative;border-bottom:2px solid rgba(var(--color-foreground),.2)}.key-benefits__benefit-list{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;position:relative;margin:0;padding:0;list-style:none}.key-benefits__indicator{position:absolute;bottom:-2px;left:0;width:calc(100% / 3);height:2px;overflow:hidden;transform:translate(calc(var(--key-benefits-active-index, 0) * 100%));transition:none;pointer-events:none}.key-benefits__indicator-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-foreground));transform:scaleX(0);transform-origin:left center}.key-benefits__benefit{display:grid;grid-row:span 2;grid-template-rows:auto auto;gap:12px;padding:0 24px;cursor:pointer;border:0;background:transparent;text-align:center;width:100%;color:inherit;font:inherit;-webkit-appearance:none;appearance:none}@supports (grid-template-rows: subgrid){.key-benefits__benefit{grid-template-rows:subgrid}}.key-benefits__benefit-heading{margin:0;color:rgba(var(--color-foreground),.5);font-style:normal;transition:color var(--transition-base),font-style var(--transition-base)}.key-benefits__benefit-body{margin:0;padding-bottom:32px;color:rgba(var(--color-foreground),.5);transition:color var(--transition-base)}.key-benefits__benefit.is-active .key-benefits__benefit-heading{color:rgb(var(--color-foreground));font-style:italic}.key-benefits__benefit.is-active .key-benefits__benefit-body{color:rgb(var(--color-foreground))}.key-benefits__benefit:hover .key-benefits__benefit-heading{color:rgba(var(--color-foreground),.8)}.key-benefits__benefit:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:4px;border-radius:2px}.key-benefits__indicator-fill.is-animating,.key-benefits__pagination-fill.is-animating{animation:key-benefits-progress var(--kb-duration, 5.5s) linear forwards}@keyframes key-benefits-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.key-benefits__mobile{display:none}@media screen and (max-width:749px){.key-benefits__desktop{display:none}.key-benefits__mobile{display:block}.key-benefits__circle{width:100%;height:auto;aspect-ratio:1;align-self:stretch}.key-benefits__mobile{margin-left:calc(-1 * var(--grid-margin));margin-right:calc(-1 * var(--grid-margin));overflow:hidden}.key-benefits__swiper{overflow:visible}.key-benefits__slide{width:75vw;max-width:300px;text-align:center;padding:0 0 8px}.key-benefits__slide .key-benefits__benefit-heading{margin:0 0 10px;color:rgba(var(--color-foreground),.5);font-style:normal}.key-benefits__slide .key-benefits__benefit-body{margin:0;color:rgba(var(--color-foreground),.5)}.key-benefits__slide.is-active .key-benefits__benefit-heading{color:rgb(var(--color-foreground));font-style:italic}.key-benefits__slide.is-active .key-benefits__benefit-body{color:rgb(var(--color-foreground))}.key-benefits__pagination{position:relative;width:calc(100% - (var(--grid-margin) * 2));height:2px;margin:0 var(--grid-margin);background:rgba(var(--color-foreground),.2);border-radius:1px;overflow:hidden}.key-benefits__pagination-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-foreground));transform:scaleX(0);transform-origin:left center;border-radius:1px}.key-benefits__pagination-fill.is-animating{animation:key-benefits-progress var(--kb-duration, 5.5s) linear forwards}}@media(prefers-reduced-motion:reduce){.key-benefits__indicator,.key-benefits__circle-image,.key-benefits__circle-image-placeholder{transition:none}.key-benefits__indicator-fill,.key-benefits__pagination-fill{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-key-benefits.css.map */