.td-before-after-tabs{overflow:hidden;color:var(--color-foreground);padding:var(--td-padding-mobile)}.td-before-after-tabs__header{display:flex;flex-direction:column;align-items:center;gap:3.76px;max-width:900px;margin:0 auto;text-align:center}.td-before-after-tabs__kicker{margin:0;font-family:var(--font-heading--family);font-weight:700;font-size:18px;letter-spacing:.1em;line-height:1.33;text-transform:uppercase}.td-before-after-tabs__heading{margin:0;font-family:var(--font-heading--family);font-size:clamp(42px,5.2vw,72px);font-weight:700;line-height:1.2;text-transform:uppercase}.td-before-after-tabs__intro{font-size:20px;line-height:1.5}.td-before-after-tabs__intro>:first-child{margin-top:0}.td-before-after-tabs__intro>:last-child{margin-bottom:0}.td-before-after-tabs__tabs{display:flex;justify-content:center;gap:12px;margin-top:48px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.td-before-after-tabs__tabs::-webkit-scrollbar{display:none}.td-before-after-tabs__tab{flex:0 0 auto;min-height:48px;padding:16px;border:1px solid var(--td-before-after-tabs-tab-accent, var(--color-foreground));border-color:var(--td-before-after-tabs-tab-accent, var(--color-foreground));background-color:transparent;color:var(--color-foreground);font-family:var(--font-heading--family);font-size:14px;font-weight:700;letter-spacing:.1em;line-height:1;text-transform:uppercase;cursor:pointer}.td-before-after-tabs__tab--active,.td-before-after-tabs__tab[aria-selected=true]{background-color:var(--td-before-after-tabs-tab-surface, var(--color-background))}.td-before-after-tabs__tab--all{border-color:var(--td-before-after-tabs-view-all-text, var(--color-foreground));color:var(--td-before-after-tabs-view-all-text, var(--color-foreground))}.td-before-after-tabs__tab--all.td-before-after-tabs__tab--active,.td-before-after-tabs__tab--all[aria-selected=true]{background-color:var(--td-before-after-tabs-view-all-active, var(--color-background))}.td-before-after-tabs__tab:focus-visible{outline:2px solid currentColor;outline-offset:2px}.td-before-after-tabs__panels{padding-top:51.84px}.td-before-after-tabs__panels[hidden],.td-before-after-tabs__card[hidden]{display:none}.td-before-after-tabs__card-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:0}.td-before-after-tabs__card-grid>.td-before-after-card{height:100%}.td-before-after-tabs .td-before-after-card__content{color:var(--color-foreground, #1d2b28)}.td-before-after-tabs .td-before-after-card__tag{border-color:currentColor}.td-before-after-tabs .td-before-after-card__body-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:0}.td-before-after-tabs .td-before-after-card__body[data-td-review-body]{display:-webkit-box;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5}.td-before-after-tabs .td-before-after-card[data-td-review-expanded=true] .td-before-after-card__body[data-td-review-body]{display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset}.td-before-after-tabs .td-before-after-card__read-more{padding:0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.td-before-after-tabs .td-before-after-card__read-more[hidden]{display:none}.td-before-after-tabs .td-before-after-card__reviewer{display:block;margin:15px 0 0}.td-before-after-tabs .td-before-after-card__meta{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px 16px;align-items:center;justify-content:flex-start}@media screen and (max-width:749px){.td-before-after-tabs__header{gap:10.24px}.td-before-after-tabs__heading{font-size:40px;line-height:1.2}.td-before-after-tabs__intro{margin-top:6.84px;font-size:18px;line-height:1.4}.td-before-after-tabs__kicker{letter-spacing:1.8px;line-height:24px}.td-before-after-tabs__tabs{justify-content:flex-start;margin-top:17.9px;width:100%;padding-inline:16px}.td-before-after-tabs__tab{min-height:42px;padding:16px;letter-spacing:1.4px}.td-before-after-tabs__panels{padding-top:32px}}@media screen and (min-width:750px){.td-before-after-tabs__card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media screen and (min-width:750px){.td-before-after-tabs{padding:var(--td-padding)}}@media screen and (min-width:1200px){.td-before-after-tabs__card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/128/assets/section-td-before-after-tabs.css.map */