.pp-benefits-grid{display:flex;flex-direction:column;align-items:center;gap:var(--pp-benefits-gap);padding:var(--pp-benefits-padding-block-mobile) var(--pp-benefits-padding-inline) var(--pp-benefits-padding-block-end-mobile);background-color:var(--pp-benefits-background);--pp-benefits-title--size: 1.5rem;--pp-benefits-title--line-height: 2rem;timeline-scope:--pp-benefits}.pp-benefits-grid__heading{margin-block-end:var(--pp-benefits-heading-space-mobile, 0);text-align:center}.pp-benefits-grid--heading-shadow .pp-benefits-grid__heading{text-shadow:0 4px 4px rgb(var(--palette-darkest-rgb) / .05)}.pp-benefits-grid__row{align-self:flex-start;display:flex;gap:var(--pp-benefits-card-gap);width:calc(100% + var(--pp-benefits-padding-inline));padding-right:var(--pp-benefits-padding-inline);overflow-x:auto;scroll-snap-type:x mandatory;scroll-timeline:--pp-benefits inline;scrollbar-width:none}.pp-benefits-grid__row::-webkit-scrollbar{display:none}.pp-benefits-grid__row:focus-visible{outline:2px solid var(--color-foreground);outline-offset:4px}.pp-benefit-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;flex:0 0 var(--pp-benefits-card-width);height:var(--pp-benefits-card-height);padding:var(--pp-benefits-card-padding);border-radius:var(--pp-benefits-card-radius);background-color:var(--pp-benefits-card-surface);overflow:hidden;scroll-snap-align:start}.pp-benefit-card__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--pp-benefit-card-focal-x) var(--pp-benefit-card-focal-y)}.pp-benefit-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(180deg,rgb(var(--pp-benefits-overlay-rgb) / 0),rgb(var(--pp-benefits-overlay-rgb) / var(--pp-benefits-overlay-alpha)) 91%)}.pp-benefit-card__text{position:relative;display:flex;flex-direction:column;gap:var(--pp-benefits-text-gap);width:100%;color:var(--pp-benefits-card-text)}.pp-benefit-card__title{margin:0;font-size:var(--pp-benefits-title--size);line-height:var(--pp-benefits-title--line-height);font-weight:var(--pp-font-heading--weight)}.pp-benefit-card__body{font-size:var(--pp-font-body--size);line-height:var(--pp-font-body--line-height);font-weight:var(--pp-font-body--weight)}.pp-benefit-card__body a{color:inherit}.pp-benefits-grid__progress{display:none;align-self:stretch;height:1px;border-radius:2px;background-color:var(--pp-benefits-progress-track);overflow:hidden}.pp-benefits-grid__progress-thumb{display:block;height:100%;border-radius:inherit;background-color:var(--pp-benefits-progress-thumb);width:calc(100% * var(--pp-benefits-visible) / var(--pp-benefits-total));animation:pp-benefits-progress linear both;animation-timeline:--pp-benefits}@keyframes pp-benefits-progress{to{transform:translate(calc(100% * (var(--pp-benefits-total) - var(--pp-benefits-visible)) / var(--pp-benefits-visible)))}}@supports (animation-timeline: --pp-benefits) and (timeline-scope: --pp-benefits){.pp-benefits-grid__progress{display:block}}@media screen and (min-width:1200px){.pp-benefits-grid{gap:var(--pp-benefits-gap-desktop);padding:var(--pp-benefits-padding-block) var(--pp-benefits-padding-inline-desktop) var(--pp-benefits-padding-block-end)}.pp-benefits-grid__heading{max-width:min(var(--pp-benefits-heading-width),100%);margin-block-end:0}.pp-benefits-grid__row{align-self:auto;flex-wrap:wrap;justify-content:center;width:100%;max-width:var(--pp-benefits-row-width, 100%);margin-inline:auto;padding-right:0;overflow-x:visible;scroll-snap-type:none;scroll-timeline:none}.pp-benefit-card{flex:0 1 calc((100% - (var(--pp-benefits-visible-columns) - 1) * var(--pp-benefits-card-gap)) / var(--pp-benefits-visible-columns));min-width:0;height:var(--pp-benefits-card-height-desktop);scroll-snap-align:none}.pp-benefits-grid__progress{display:none}}@media(prefers-reduced-motion:reduce){.pp-benefits-grid__row{scroll-behavior:auto}.pp-benefits-grid__progress-thumb{animation:none}}.pp-benefit-card--has-badge{justify-content:space-between}.pp-benefit-card__badge{position:relative;display:grid;place-items:center;flex:0 0 auto;box-sizing:border-box;width:var(--pp-benefits-badge-size, 64px);height:var(--pp-benefits-badge-size, 64px);border-radius:50%;background-image:linear-gradient(var(--pp-benefits-badge-angle, 96deg),rgb(var(--palette-lightest-rgb) / .1) -1.55%,rgb(var(--palette-lightest-rgb) / .05) 106.01%);box-shadow:inset 0 1px 2px rgb(var(--palette-lightest-rgb) / .65),0 var(--pp-benefits-badge-shadow-y, 10px) var(--pp-benefits-badge-shadow-blur, 30px) rgb(var(--palette-darkest-rgb) / .05);color:var(--pp-benefits-badge-glyph-color, inherit);backdrop-filter:blur(var(--pp-benefits-badge-blur, 8px));-webkit-backdrop-filter:blur(var(--pp-benefits-badge-blur, 8px))}.pp-benefit-card__badge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:var(--pp-glass-border-color);pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.pp-benefit-card__badge svg{display:block;width:var(--pp-benefits-badge-glyph, 24px);height:var(--pp-benefits-badge-glyph, 24px)}.pp-benefit-card__badge svg :is(path,circle,rect,line){stroke-width:var(--pp-benefits-badge-stroke, 2)}
/*# sourceMappingURL=/cdn/shop/t/13/assets/pp-benefits-grid.css.map */