@import"base-styles.css";.section-benefits-grid-padding{padding-top:calc(var(--section-padding-top, 36px) * .75);padding-bottom:calc(var(--section-padding-bottom, 36px) * .75)}@media (min-width: 750px){.section-benefits-grid-padding{padding-top:var(--section-padding-top, 36px);padding-bottom:var(--section-padding-bottom, 36px)}}.benefits-grid{position:relative;width:100%;overflow:hidden;--card-bg: var(--color-background);--card-fg: var(--color-foreground)}.benefits-grid__items{display:grid;gap:var(--fb-spacing-md);grid-template-columns:1fr;align-items:start}@media (min-width: 750px){.benefits-grid__items{grid-template-columns:repeat(3,1fr);gap:var(--fb-spacing-lg);align-items:stretch}}.benefits-grid__card{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;height:auto;padding:2rem;background-color:#00000003;border:1px solid rgba(var(--card-fg),.08);border-radius:var(--fb-radius-medium);transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;cursor:pointer}@media (min-width: 750px){.benefits-grid__card{padding:2.5rem;cursor:default;height:100%}}@media (max-width: 749px){.benefits-grid__card{height:auto}}@media (max-width: 749px){.benefits-grid__card:hover{transform:translateY(-5px)}}@media (min-width: 750px){.benefits-grid__card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000026}}.benefits-grid__card{min-height:auto}.benefits-grid__item{display:flex;flex-direction:column}@media (min-width: 750px){.benefits-grid__item{height:100%}}@media (max-width: 749px){.benefits-grid__item{height:auto}}.benefits-grid__icon-wrapper{display:flex;place-content:center;width:80px;height:80px;justify-content:center;align-items:center;border-radius:50%;flex-shrink:0}@media (min-width: 750px){.benefits-grid__icon-wrapper{width:80px;height:80px;margin-bottom:var(--fb-spacing-sm)}}.benefits-grid__icon{max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto}.benefits-grid__content{display:flex;flex-direction:column;flex-grow:1;width:100%;position:relative}@media (min-width: 750px){.benefits-grid__content{justify-content:flex-start;height:100%}}@media (max-width: 749px){.benefits-grid__content{height:auto}}.benefits-grid__header{display:flex;align-items:flex-start;justify-content:space-between;width:100%;margin-bottom:var(--fb-spacing-sm)}.benefits-grid__text-content{display:flex;flex-direction:column;flex:1}.benefits-grid__title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:var(--fb-spacing-xs);flex-wrap:wrap}.benefits-grid__title{font-family:var(--font-heading-family)!important;font-size:var(--fb-size-h4)!important;font-weight:var(--fb-weight-medium)!important;line-height:var(--fb-line-height-heading)!important;color:rgb(var(--card-fg));margin:0}@media (min-width: 750px){.benefits-grid__title{font-size:var(--fb-size-h4)!important}}.benefits-grid__amount-badge{background-color:rgba(var(--card-fg),.08);border:1px solid rgba(var(--card-fg),.12);border-radius:12px;padding:.25rem .65rem;font-size:1rem!important;font-weight:600!important;white-space:nowrap;flex-shrink:0;color:rgba(var(--card-fg),.8)}@media (min-width: 750px){.benefits-grid__amount-badge{font-size:.75rem;padding:.2rem .4rem}}.benefits-grid__subtitle{font-size:var(--fb-size-body-large);font-weight:var(--fb-weight-medium);color:rgba(var(--card-fg),.7);font-family:var(--font-heading-family)!important;margin:0}@media (min-width: 750px){.benefits-grid__subtitle{font-size:var(--fb-size-body-large)!important;font-family:var(--font-heading-family)!important;font-weight:var(--fb-weight-regular)!important;color:rgba(var(--card-fg),1)}}@media (min-width: 750px){.benefits-grid__header{margin-bottom:var(--fb-spacing-xs)}}.benefits-grid__progress-wrapper{margin-bottom:var(--fb-spacing-sm);width:100%}.benefits-grid__progress-bar{width:100%!important;height:6px!important;background-color:rgb(var(--card-fg),.1);border-radius:3px;overflow:visible!important;position:relative;display:block!important;min-height:6px!important}.benefits-grid__progress-fill{height:100%;background-color:rgb(var(--card-fg),.3);border-radius:3px;position:relative;display:block!important;min-width:0}@media (min-width: 750px){.benefits-grid__progress-wrapper{margin-bottom:var(--fb-spacing-xs)}.benefits-grid__progress-bar{height:4px}}.benefits-grid__text{font-family:var(--font-body-family)!important;font-size:var(--fb-size-body-large)!important;font-weight:var(--fb-weight-regular)!important;line-height:var(--fb-line-height-body-large)!important;color:rgba(var(--card-fg),.77);max-height:0;overflow:hidden;opacity:0;transition:max-height .35s cubic-bezier(.25,.46,.45,.94),opacity .35s cubic-bezier(.25,.46,.45,.94),margin-top .35s cubic-bezier(.25,.46,.45,.94),padding-top .35s cubic-bezier(.25,.46,.45,.94);margin-top:0;padding-top:0;transform:translateZ(0)}@media (max-width: 749px){.benefits-grid__text{max-height:0;opacity:0;margin-top:0;padding-top:0}.benefits-grid__card.expanded .benefits-grid__text{max-height:200px;opacity:1;margin-top:var(--fb-spacing-sm);padding-top:var(--fb-spacing-xs)}}@media (min-width: 750px){.benefits-grid__text{font-size:var(--fb-size-body)!important;line-height:var(--fb-line-height-body)!important;max-height:0;opacity:0;margin-top:0;padding-top:0;overflow:hidden}.benefits-grid__card.expanded .benefits-grid__text{max-height:0;opacity:0;overflow:hidden}}.benefits-grid__chevron{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--card-fg),.12),rgba(var(--card-fg),.08));border:1px solid rgba(var(--card-fg),.15);border-radius:50%;transition:transform .35s cubic-bezier(.25,.46,.45,.94),background .35s cubic-bezier(.25,.46,.45,.94),border-color .35s cubic-bezier(.25,.46,.45,.94);pointer-events:none;flex-shrink:0;align-self:center}.benefits-grid__chevron svg{width:14px;height:14px;color:rgba(var(--card-fg),.7);transition:color .35s cubic-bezier(.25,.46,.45,.94)}@media (min-width: 750px){.benefits-grid__chevron{width:24px;height:24px;background:linear-gradient(135deg,rgba(var(--card-fg),.1),rgba(var(--card-fg),.06));border:1px solid rgba(var(--card-fg),.12)}.benefits-grid__chevron svg{width:12px;height:12px;color:rgba(var(--card-fg),.6)}}@media (max-width: 749px){.benefits-grid__chevron svg{transform:rotate(90deg)}}@media (min-width: 750px){.benefits-grid__chevron svg{transform:rotate(0)}}.benefits-grid__card.expanded .benefits-grid__chevron{background:linear-gradient(135deg,rgba(var(--card-fg),.18),rgba(var(--card-fg),.12));border-color:rgba(var(--card-fg),.2)}.benefits-grid__card.expanded .benefits-grid__chevron svg{color:rgba(var(--card-fg),.8)}@media (max-width: 749px){.benefits-grid__card.expanded .benefits-grid__chevron svg{transform:rotate(-90deg)}}@media (min-width: 750px){.benefits-grid__card.expanded .benefits-grid__chevron svg{transform:rotate(0)}}.benefits-grid__card:hover .benefits-grid__chevron{background:linear-gradient(135deg,rgba(var(--card-fg),.16),rgba(var(--card-fg),.1));border-color:rgba(var(--card-fg),.18)}.benefits-grid__card:hover .benefits-grid__chevron svg{color:rgba(var(--card-fg),.8)}.benefits-grid__heading{margin:0 0 var(--fb-spacing-lg);padding:0;text-align:left;color:rgb(var(--card-fg));font-family:var(--font-heading-family)!important;line-height:var(--fb-line-height-heading)!important;font-weight:var(--fb-weight-semibold)!important}.benefits-grid__heading.h0{font-size:var(--fb-size-h1)!important}.benefits-grid__heading.h1{font-size:var(--fb-size-h2)!important}.benefits-grid__heading.h2{font-size:var(--fb-size-h3)!important}@media (min-width: 750px){.benefits-grid__heading{margin-bottom:var(--fb-spacing-xl);max-width:65%}}.benefits-grid.color-background-2{--card-bg: var(--color-background-2)}.benefits-grid.color-inverse{--card-bg: var(--color-foreground);--card-fg: var(--color-background)}.benefits-grid.color-accent-1{--card-bg: var(--color-accent-1);--card-fg: var(--color-background)}.benefits-grid.color-accent-2{--card-bg: var(--color-accent-2);--card-fg: var(--color-background)}@media (max-width: 749px){.section-benefits-grid-padding .page-width{padding-inline:1.5rem}.benefits-grid__heading{margin-bottom:var(--fb-spacing-md)}}.benefits-grid .animate--slide-in{--transform-translate-y: 30px}
/*# sourceMappingURL=/cdn/shop/t/51/assets/component-benefits-grid.css.map */