.pdp-flowc{--pdp-flowc-bg: #ffffff;--pdp-flowc-heading-1: #111111;--pdp-flowc-heading-2: #111111;--pdp-flowc-heading-size: 40px;--pdp-flowc-heading-size-m: 28px;--pdp-flowc-pill-g1: #f8fffe;--pdp-flowc-pill-g2: #9cd2ce;--pdp-flowc-pill-border: #111111;--pdp-flowc-pill-text: #111111;--pdp-flowc-pill-size: 15px;--pdp-flowc-desc-color: #111111;--pdp-flowc-desc-size: 15px;--pdp-flowc-card-g1: #defffa;--pdp-flowc-card-g2: #e6ecec;--pdp-flowc-card-border: #111111;--pdp-flowc-card-radius: 25px;--pdp-flowc-body-text: #111111;--pdp-flowc-body-size: 14px;--pdp-flowc-body-pad: 28px;--pdp-flowc-tag-bg: #ffffff;--pdp-flowc-tag-border: #111111;--pdp-flowc-tag-text: #111111;--pdp-flowc-tag-size: 13px;--pdp-flowc-aspect: 4/3;--pdp-flowc-gap: 56px;--pdp-flowc-arrow-color: #0e0e0e;--pdp-flowc-module-w: 1200px;background-color:var(--pdp-flowc-bg)}.section.pdp-flowc{margin-block:0}.pdp-flowc__head{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:72ch;margin-inline:auto;margin-block-end:clamp(40px,6vw,64px);text-align:center}.pdp-flowc__heading{margin:0;font-size:var(--pdp-flowc-heading-size-m);font-weight:700;line-height:1.15;letter-spacing:-.01em}.pdp-flowc__heading-a{color:var(--pdp-flowc-heading-1)}.pdp-flowc__heading-b{color:var(--pdp-flowc-heading-2)}.pdp-flowc__pill{display:inline-block;margin:0;padding:8px 22px;font-size:var(--pdp-flowc-pill-size);line-height:1.4;color:var(--pdp-flowc-pill-text);background-image:linear-gradient(45deg,var(--pdp-flowc-pill-g1),var(--pdp-flowc-pill-g2));border:1px solid var(--pdp-flowc-pill-border);border-radius:999px;max-width:100%}.pdp-flowc__desc{margin:0;font-size:var(--pdp-flowc-desc-size);line-height:1.6;color:var(--pdp-flowc-desc-color)}.pdp-flowc__grid{display:flex;flex-direction:row;align-items:stretch;gap:16px;max-width:var(--pdp-flowc-module-w);margin-inline:auto;padding-block:15px;margin-block:-15px 0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.pdp-flowc__grid::-webkit-scrollbar{display:none}.pdp-flowc__grid--arrows{gap:8px}.pdp-flowc__arrow{align-self:center;flex:0 0 auto;width:32px;height:20px}.pdp-flowc__arrow-icon{display:block;width:100%;height:20px;color:var(--pdp-flowc-arrow-color)}.pdp-flowc__card{position:relative;flex:0 0 auto;width:min(78%,400px);min-width:0;scroll-snap-align:start;background-image:linear-gradient(45deg,var(--pdp-flowc-card-g1),var(--pdp-flowc-card-g2));border:1px solid var(--pdp-flowc-card-border);border-radius:var(--pdp-flowc-card-radius);overflow-wrap:break-word}.pdp-flowc__tag{position:absolute;inset-inline-start:50%;z-index:1;margin:0;padding:6px 16px;font-size:var(--pdp-flowc-tag-size);font-weight:600;line-height:1.4;color:var(--pdp-flowc-tag-text);text-align:center;white-space:nowrap;background-color:var(--pdp-flowc-tag-bg);border:1px solid var(--pdp-flowc-tag-border);border-radius:999px;transform:translate(-50%)}.pdp-flowc__tag--top{inset-block-start:-15px}.pdp-flowc__media{position:relative;aspect-ratio:var(--pdp-flowc-aspect)}.pdp-flowc__image{display:block;width:100%;height:100%;object-fit:cover;border-start-start-radius:calc(var(--pdp-flowc-card-radius) - 1px);border-start-end-radius:calc(var(--pdp-flowc-card-radius) - 1px)}.pdp-flowc__media:last-child .pdp-flowc__image{border-end-start-radius:calc(var(--pdp-flowc-card-radius) - 1px);border-end-end-radius:calc(var(--pdp-flowc-card-radius) - 1px)}.pdp-flowc__image--placeholder{padding:12%}.pdp-flowc__tag--float{inset-block-end:-15px}.pdp-flowc__body{padding:34px var(--pdp-flowc-body-pad) var(--pdp-flowc-body-pad);font-size:var(--pdp-flowc-body-size);line-height:1.6;color:var(--pdp-flowc-body-text);text-align:center}.pdp-flowc__body>:last-child{margin-block-end:0}@media(min-width:769px){.pdp-flowc__head{margin-block-end:clamp(48px,7vw,72px)}.pdp-flowc__heading{font-size:var(--pdp-flowc-heading-size)}.pdp-flowc__grid{flex-direction:row;align-items:stretch;gap:var(--pdp-flowc-gap);overflow-x:visible;scroll-snap-type:none;padding-block:0;margin-block:0}.pdp-flowc__grid--arrows{gap:0}.pdp-flowc__card{flex:1 1 0;width:auto}.pdp-flowc__arrow{width:var(--pdp-flowc-gap);height:20px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/pdp-flow-cards.css.map */