.tab-showcase{--tab-showcase-ink: rgb(var(--color-foreground));--tab-showcase-card: var(--brand-off-white);--tab-showcase-tab-idle: rgb(122 143 163);--tab-showcase-tab-line: rgb(2 24 50 / .22);--tab-showcase-tab-line-hover: rgb(2 24 50 / .5);--tab-showcase-tab-border: 1.5px;--tab-showcase-tab-width: 165px;--tab-showcase-dot: rgb(2 24 50 / .25);--tab-showcase-ease: cubic-bezier(.25, .46, .45, .94);--tab-showcase-gutter: 0px;--tab-showcase-inset: 20px;--tab-showcase-heading-size-now: var(--tab-showcase-heading-size-mobile);--tab-showcase-heading-line-height-now: var(--tab-showcase-heading-line-height-mobile);--tab-showcase-heading-space: -.325em 30px;--tab-showcase-accent-size-now: var(--tab-showcase-accent-size-mobile);--tab-showcase-accent-line-height-now: var(--tab-showcase-accent-line-height-mobile);--tab-showcase-title-size-now: var(--tab-showcase-title-size-mobile);--tab-showcase-title-line-ratio: 1.1427;--tab-showcase-label-line-height: 24px;--tab-showcase-title-space: 5px;--tab-showcase-rating-space: 10px;--tab-showcase-button-width: 100%;--tab-showcase-base-line-height: 28px;display:block;padding-block:clamp(var(--tab-showcase-padding-top-mobile),7vw,var(--tab-showcase-padding-top)) clamp(var(--tab-showcase-padding-bottom-mobile),7vw,var(--tab-showcase-padding-bottom));overflow:hidden;background-color:var(--tab-showcase-surface);color:var(--tab-showcase-ink);font-family:var(--font-brand-family);line-height:var(--tab-showcase-base-line-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (min-width:641px){.tab-showcase{--tab-showcase-gutter: 50px;--tab-showcase-inset: 0px;--tab-showcase-heading-size-now: var(--tab-showcase-heading-size);--tab-showcase-heading-line-height-now: var(--tab-showcase-heading-line-height);--tab-showcase-accent-size-now: var(--tab-showcase-accent-size);--tab-showcase-accent-line-height-now: var(--tab-showcase-accent-line-height-tablet);--tab-showcase-title-size-now: clamp(22px, 2.5vw, var(--tab-showcase-title-size));--tab-showcase-title-line-ratio: 1.2;--tab-showcase-label-line-height: 21px;--tab-showcase-title-space: 16px;--tab-showcase-rating-space: 24px;--tab-showcase-button-width: 380px}}@media screen and (min-width:1008px){.tab-showcase{--tab-showcase-heading-space: -.325em 70px}}@media screen and (min-width:1025px){.tab-showcase{--tab-showcase-accent-line-height-now: var(--tab-showcase-accent-line-height)}}@media screen and (min-width:1140px){.tab-showcase{--tab-showcase-gutter: 60px}}@media screen and (min-width:1250px){.tab-showcase{--tab-showcase-gutter: 112px}}.tab-showcase__container{box-sizing:border-box;max-inline-size:1440px;margin-inline:auto;padding-inline:var(--tab-showcase-gutter)}.tab-showcase .tab-showcase__heading{margin-block:var(--tab-showcase-heading-space);margin-inline:0;padding-inline:var(--tab-showcase-inset);font-size:var(--tab-showcase-heading-size-now);font-weight:var(--font-weight-semibold);line-height:var(--tab-showcase-heading-line-height-now);letter-spacing:-.3px;text-align:center}.tab-showcase .tab-showcase__heading span,.tab-showcase .tab-showcase__heading em{font-family:var(--font-accent-family);font-size:var(--tab-showcase-accent-size-now);font-style:italic;font-weight:400;line-height:var(--tab-showcase-accent-line-height-now)}.tab-showcase__tabs{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-block-end:24px;padding-inline:20px;overflow-x:auto;scrollbar-width:none}.tab-showcase__tabs::-webkit-scrollbar{display:none}@media screen and (min-width:769px){.tab-showcase__tabs{justify-content:safe center;margin-block-end:clamp(32px,4vw,52px);padding-inline:16px}}.tab-showcase__tab{position:relative;z-index:0;flex:none;box-sizing:border-box;inline-size:var(--tab-showcase-tab-width);margin:0 6px 0 0;padding:10px 26px;border:var(--tab-showcase-tab-border) solid var(--tab-showcase-tab-line);border-radius:2.1px;background:transparent;color:var(--tab-showcase-tab-idle);font-family:var(--font-brand-family);font-size:12px;font-weight:700;line-height:12px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:border-color .2s var(--tab-showcase-ease),color .2s var(--tab-showcase-ease),background-color .2s var(--tab-showcase-ease)}.tab-showcase__tab:hover:not([aria-selected=true]){z-index:1;border-color:var(--tab-showcase-tab-line-hover);color:var(--tab-showcase-ink)}.tab-showcase__tab:focus-visible{z-index:2;outline:2px solid var(--tab-showcase-ink);outline-offset:2px}.tab-showcase__tab[aria-selected=true]{z-index:1;border-color:var(--tab-showcase-ink);background-color:var(--tab-showcase-card);color:var(--tab-showcase-ink)}@media screen and (min-width:769px){.tab-showcase__tab{margin-inline-end:-1.5px}.tab-showcase__tab:last-child{margin-inline-end:0}}.tab-showcase__panels{display:flex;align-items:flex-start;margin-inline:var(--tab-showcase-inset);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.tab-showcase__panels::-webkit-scrollbar{display:none}@media screen and (min-width:769px){.tab-showcase__panels{display:block;overflow:visible;scroll-snap-type:none}}.tab-showcase__panel{flex:0 0 100%;box-sizing:border-box;min-inline-size:0;padding-inline:6px;scroll-snap-align:start;scroll-snap-stop:always}@media screen and (min-width:769px){.tab-showcase__panel{padding-inline:0;animation:tab-showcase-fade-up .4s var(--tab-showcase-ease) both}.tab-showcase__panel:not(.is-active){display:none}}@keyframes tab-showcase-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.tab-showcase__inner{display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;border-radius:12px;background-color:var(--tab-showcase-surface)}@media screen and (min-width:769px){.tab-showcase__inner{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto auto auto 1fr;column-gap:clamp(32px,5vw,80px);overflow:visible;border-radius:0;background-color:transparent}}.tab-showcase__quote-area{grid-row:1;padding:0 4px 20px;text-align:center}@media screen and (min-width:769px){.tab-showcase__quote-area{grid-row:3;grid-column:1;padding:0;text-align:start}}.tab-showcase__media{grid-row:2;overflow:hidden;line-height:0}@media screen and (min-width:769px){.tab-showcase__media{grid-row:1 / -1;grid-column:2;align-self:center;border-radius:6px}}.tab-showcase .tab-showcase__title{grid-row:3;margin:0;padding:20px 17px var(--tab-showcase-title-space);background-color:var(--tab-showcase-card);font-size:var(--tab-showcase-title-size-now);font-weight:700;line-height:var(--tab-showcase-title-line-ratio);letter-spacing:-.01em}@media screen and (min-width:769px){.tab-showcase .tab-showcase__title{grid-row:2;grid-column:1;padding:0;margin-block-end:var(--tab-showcase-title-space);background-color:transparent}}.tab-showcase__body{grid-row:4;padding:0 17px 20px;background-color:var(--tab-showcase-card)}@media screen and (min-width:769px){.tab-showcase__body{grid-column:1;padding:0;background-color:transparent}}.tab-showcase .tab-showcase__label{margin:0 0 8px;font-size:12px;font-weight:700;line-height:var(--tab-showcase-label-line-height);letter-spacing:.12em;text-transform:uppercase}.tab-showcase .tab-showcase__quote{margin:0 0 14px;padding:0;border:0;font-size:var(--tab-showcase-text-size);font-weight:var(--font-weight-regular);line-height:var(--tab-showcase-text-line-height);quotes:none}.tab-showcase .tab-showcase__link{display:inline-block;margin-block-end:18px;color:var(--tab-showcase-ink);font-size:14px;text-decoration:underline;text-underline-offset:3px;transition:opacity .15s}.tab-showcase .tab-showcase__link:hover{opacity:.65}.tab-showcase .tab-showcase__description{margin:0 0 var(--tab-showcase-title-space);line-height:1.65}@media screen and (min-width:769px){.tab-showcase .tab-showcase__description{margin-block-end:16px}}.tab-showcase__rating{display:flex;align-items:center;gap:6px;margin-block-end:var(--tab-showcase-rating-space)}.tab-showcase__rating svg{display:inline}.tab-showcase__form{display:flex;margin:0}.tab-showcase .tab-showcase__button{--landing-button-width: var(--tab-showcase-button-width);--landing-button-max-width: 100%;--landing-button-padding-inline: 45px}.tab-showcase .tab-showcase__button:hover{opacity:.88;transform:translateY(-1px)}.tab-showcase .tab-showcase__button:active{transform:translateY(0)}.tab-showcase__image{display:block;inline-size:100%;block-size:auto;aspect-ratio:3 / 2;object-fit:cover;border-start-start-radius:4px;border-start-end-radius:4px}@media screen and (min-width:769px){.tab-showcase__image{block-size:360px;aspect-ratio:auto;object-position:bottom;border-radius:6px}}.tab-showcase__dots{display:flex;align-items:flex-start;justify-content:center;gap:8px;box-sizing:border-box;block-size:28px;padding-block-start:14px}@media screen and (min-width:769px){.tab-showcase__dots{display:none}}.tab-showcase__dot{inline-size:8px;block-size:8px;padding:0;border:0;border-radius:50%;background-color:var(--tab-showcase-dot);cursor:pointer;transition:background-color .25s var(--tab-showcase-ease),transform .25s var(--tab-showcase-ease)}.tab-showcase__dot.is-active{background-color:var(--tab-showcase-ink);transform:scale(1.25)}@media(prefers-reduced-motion:reduce){.tab-showcase__panel{animation:none}.tab-showcase__tab,.tab-showcase__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1123/assets/section-tab-showcase.css.map */