.pp-mode-cards-section{background:var(--color-background)}.pp-mode-cards{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;max-width:var(--page-content-width);margin:0 auto;padding:var(--pp-modes-padding-top) var(--pp-modes-padding-inline) var(--pp-modes-padding-bottom);gap:var(--pp-modes-section-gap);background:var(--pp-modes-background, var(--color-background));color:var(--pp-modes-text, var(--color-foreground));overflow:hidden}.pp-mode-cards__heading{width:min(100%,var(--pp-modes-heading-width));text-align:center}.pp-mode-cards__heading .pp-heading--h2{font-size:2rem;line-height:2.125rem;letter-spacing:-.0625rem}.pp-mode-cards__viewport{width:calc(100% + var(--pp-modes-padding-inline));margin-inline-end:calc(-1 * var(--pp-modes-padding-inline));overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:inline proximity;-webkit-overflow-scrolling:touch}.pp-mode-cards__viewport::-webkit-scrollbar{display:none}.pp-mode-cards__viewport:focus-visible{outline:2px solid var(--pp-modes-text, var(--color-foreground));outline-offset:4px}.pp-mode-cards__row{display:flex;align-items:center;gap:var(--pp-modes-row-gap);width:max-content;padding-inline-end:var(--pp-modes-padding-inline)}.pp-mode-card{display:flex;flex:0 0 var(--pp-mode-card-width);flex-direction:column;align-items:center;box-sizing:border-box;width:var(--pp-mode-card-width);height:var(--pp-mode-card-height);gap:var(--pp-mode-card-gap);border-radius:var(--pp-mode-card-radius);background:var(--pp-mode-card-background);color:inherit;overflow:hidden;scroll-snap-align:start;cursor:default}.pp-mode-card__media{position:relative;flex:0 0 var(--pp-mode-media-height);width:var(--pp-mode-card-width);height:var(--pp-mode-media-height);border-radius:var(--pp-mode-card-radius);overflow:hidden}.pp-mode-card__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--pp-mode-image-focal-x) var(--pp-mode-image-focal-y);transform:scale(var(--pp-mode-image-scale, 1))}.pp-mode-card__placeholder{background:var(--pp-mode-card-background);color:inherit}.pp-mode-card__content{display:flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;width:var(--pp-mode-copy-width);min-width:0;padding-block-start:var(--pp-mode-copy-padding-top);padding-block-end:var(--pp-mode-copy-padding-bottom)}.pp-mode-card__copy{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0}.pp-mode-card__copy .pp-heading,.pp-mode-card__copy .pp-text{width:100%;max-width:100%}.pp-mode-card__copy .pp-heading--h3{font-size:1.25rem;line-height:1.375rem;font-weight:600;letter-spacing:0;white-space:nowrap}.pp-mode-card__copy .pp-text--md{font-size:1rem;line-height:1.375rem;font-weight:var(--pp-font-body--weight)}@media screen and (min-width:1200px){.pp-mode-cards{padding:var(--pp-modes-padding-top-desktop) var(--pp-modes-padding-inline-desktop) var(--pp-modes-padding-bottom-desktop);gap:var(--pp-modes-section-gap-desktop)}.pp-mode-cards__heading{width:min(100%,var(--pp-modes-heading-width-desktop))}.pp-mode-cards__heading .pp-heading--h2{font-size:2.25rem;line-height:2.5rem;white-space:nowrap}.pp-mode-cards__viewport{contain:layout paint;width:100%;margin-inline-end:0;overflow-x:auto}.pp-mode-cards__row{gap:var(--pp-modes-row-gap-desktop);margin:0 auto;padding-inline-end:0}.pp-mode-card{flex-basis:var(--pp-mode-card-collapsed-width-desktop);flex-direction:row;width:var(--pp-mode-card-collapsed-width-desktop);height:var(--pp-mode-card-height-desktop);gap:0;border-radius:var(--pp-mode-card-radius-desktop);background:transparent;cursor:pointer;will-change:width,flex-basis}.pp-mode-card.is-active{flex-basis:var(--pp-mode-card-expanded-width-desktop);width:var(--pp-mode-card-expanded-width-desktop);background:var(--pp-mode-card-background)}.pp-mode-card:focus-visible{outline:2px solid var(--pp-modes-text, var(--color-foreground));outline-offset:4px}.pp-mode-card__media{flex:0 0 var(--pp-mode-media-width-desktop);width:var(--pp-mode-media-width-desktop);height:var(--pp-mode-card-height-desktop);border-radius:var(--pp-mode-card-radius-desktop)}.pp-mode-card__image{object-position:var(--pp-mode-image-focal-x-desktop) var(--pp-mode-image-focal-y-desktop);transform:scale(var(--pp-mode-image-scale-desktop, 1))}.pp-mode-card__content{order:-1;flex:0 0 0;width:0;height:100%;margin-inline-end:0;padding:0;opacity:0;overflow:hidden;transform:translate(-12px);visibility:hidden}.pp-mode-card.is-active .pp-mode-card__content{flex-basis:var(--pp-mode-copy-width-desktop);width:var(--pp-mode-copy-width-desktop);margin-inline-end:var(--pp-mode-card-gap);padding-inline-start:var(--pp-mode-copy-padding-left-desktop);padding-inline-end:var(--pp-mode-copy-padding-right-desktop);opacity:1;transform:translate(0);visibility:visible}.pp-mode-card__copy .pp-heading--h3{font-size:1.5rem;line-height:2rem}}@media screen and (min-width:1200px)and (prefers-reduced-motion:no-preference){.pp-mode-card{transition:width .36s cubic-bezier(.22,1,.36,1),flex-basis .36s cubic-bezier(.22,1,.36,1),background-color .18s ease}.pp-mode-card__content{transition:width .36s cubic-bezier(.22,1,.36,1),flex-basis .36s cubic-bezier(.22,1,.36,1),margin-inline-end .36s cubic-bezier(.22,1,.36,1),padding .36s cubic-bezier(.22,1,.36,1),opacity .18s ease,transform .26s cubic-bezier(.22,1,.36,1),visibility 0s linear .18s}.pp-mode-card.is-active .pp-mode-card__content{transition:width .36s cubic-bezier(.22,1,.36,1),flex-basis .36s cubic-bezier(.22,1,.36,1),margin-inline-end .36s cubic-bezier(.22,1,.36,1),padding .36s cubic-bezier(.22,1,.36,1),opacity .18s ease .12s,transform .26s cubic-bezier(.22,1,.36,1),visibility 0s}}@media(prefers-reduced-motion:reduce){.pp-mode-card,.pp-mode-card__content{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/pp-mode-cards.css.map */