/*! SAINT why switch (Figma: Homepage / Why switch to SAINT? 2200:1340, mobile 2096:4627) */.saint-why{--saint-why-heading: var(--saint-why-font-heading, var(--font-heading-family));--saint-why-body: var(--saint-why-font-body, var(--font-body-family))}.saint-why__intro{gap:var(--sp-6)}.saint-why__heading{font-family:var(--saint-why-heading);font-size:var(--text-3xl);font-weight:var(--font-normal);line-height:normal;letter-spacing:var(--saint-tracking-title);color:rgb(var(--color-foreground))}.saint-why__lead{font-family:var(--saint-why-heading);font-size:var(--text-base);font-weight:var(--font-bold);line-height:var(--saint-leading-body);color:rgb(var(--color-foreground) / .85)}.saint-why__body,.saint-why__body p{font-family:var(--saint-why-body);font-size:var(--text-base);line-height:var(--saint-leading-body);color:rgb(var(--color-foreground) / .85)}.saint-why__tab{gap:var(--sp-2d5);inline-size:100%;padding:var(--sp-6) var(--sp-4);border:0;border-block-end:var(--saint-size-hairline) solid rgb(var(--saint-why-divider, var(--saint-color-line)));border-radius:0;background:none;font-family:var(--saint-why-body);font-size:var(--text-sm);font-weight:var(--saint-font-semibold);line-height:var(--saint-leading-copy);text-align:start;color:rgb(var(--color-foreground));cursor:pointer}.saint-why__tab-icon{inline-size:var(--sp-7d5);block-size:var(--sp-7)}.saint-why__tab-icon img{max-inline-size:100%;max-block-size:100%;object-fit:contain}.saint-why__tab-label{flex:1 1 auto}.saint-why__toggle{display:none;inline-size:var(--sp-3);block-size:var(--sp-3)}.saint-why__toggle-bar{position:absolute;inset-block-start:calc(50% - var(--saint-size-icon-stroke) / 2);inset-inline-start:0;inline-size:100%;block-size:var(--saint-size-icon-stroke);background-color:currentColor}.saint-why__toggle-bar--cross{transform:rotate(90deg)}.saint-why__tab[aria-expanded=true] .saint-why__toggle-bar--cross{transform:rotate(0)}.saint-why__arrow{display:none}@media screen and (min-width:768px){.saint-why__arrow{display:flex;opacity:0}.saint-why__tab[aria-expanded=true] .saint-why__arrow{opacity:1}}@media screen and (min-width:768px)and (prefers-reduced-motion:no-preference){.saint-why__arrow{transition:opacity var(--animation-fast)}}.saint-why__media{border-radius:var(--saint-radius-card)}.saint-why__media img,.saint-why__media .placeholder{inline-size:100%;block-size:100%;object-fit:cover;object-position:center var(--saint-focus-y, center)}.saint-why__media img{transition-property:opacity;backface-visibility:visible}.saint-why__copy{gap:var(--sp-6)}.saint-why__title{font-family:var(--saint-why-heading);font-size:var(--text-2xl);font-weight:var(--font-normal);line-height:normal;letter-spacing:var(--saint-tracking-card-title);color:rgb(var(--saint-why-title, var(--saint-color-ink)))}.saint-why__text,.saint-why__text p{font-family:var(--saint-why-body);font-size:var(--text-base);line-height:var(--saint-leading-body);color:rgb(var(--color-foreground) / .86)}.saint-why__cta{--saint-ul-weight: var(--saint-size-hairline);gap:var(--sp-1d5);padding-block-end:calc(var(--saint-size-hairline) * 2);font-family:var(--saint-why-heading);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--saint-leading-cta);text-transform:uppercase;color:rgb(var(--saint-why-link, var(--saint-color-accent)))}.saint-why__cta-icon{inline-size:var(--sp-4);block-size:var(--sp-4)}@media screen and (min-width:768px){.saint-why__grid{display:grid;grid-template-columns:minmax(0,1fr) var(--saint-size-why-media);grid-template-rows:repeat(var(--saint-why-rows),auto) 1fr;column-gap:var(--sp-20)}.saint-why__intro{grid-column:1;padding-block-end:calc(var(--sp-6) + var(--sp-2d5))}.saint-why__tab{z-index:1;grid-column:1}.saint-why__panel{grid-column:2;grid-row:1 / -1}.saint-why__panel[hidden]{display:block;visibility:hidden}.saint-why__panel.is-entering{z-index:1}.saint-why__tab[aria-expanded=true],.saint-why__tab:has(+.saint-why__panel+.saint-why__tab[aria-expanded=true]){border-block-end-color:rgb(var(--saint-why-divider, var(--saint-color-line)) / 0)}.saint-why__tab:nth-last-child(2){border-block-end-color:rgb(var(--saint-why-divider, var(--saint-color-line)) / 0)}.saint-why__panel-inner{gap:var(--sp-7d5);block-size:100%}.saint-why__media{flex:none;block-size:var(--saint-size-why-media-height)}.saint-why__highlight{position:absolute;inset-block-start:0;inset-inline-start:0;border-radius:var(--saint-radius-field);background-color:rgb(var(--saint-why-highlight, var(--saint-color-surface)));pointer-events:none}}@media screen and (min-width:768px)and (max-width:1279px){.saint-why__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--sp-8)}.saint-why__intro{gap:var(--sp-4);padding-block-end:var(--sp-5)}.saint-why__tab{padding-block:var(--sp-4)}.saint-why__panel-inner{gap:var(--sp-5)}.saint-why__copy{gap:var(--sp-4)}.saint-why__media{block-size:auto;aspect-ratio:var(--saint-ratio-why-media)}}@media screen and (min-width:1024px)and (max-width:1279px){.saint-why__grid{column-gap:var(--sp-10)}}@media screen and (min-width:1024px){.saint-why{--page-padding: max(var(--saint-space-15), 50vw - var(--page-width) / 2)}}@media screen and (max-width:767px){.saint-why.section--padding{padding-block:var(--saint-why-padding-top-mobile, var(--sp-5)) var(--saint-why-padding-bottom-mobile, 0)}.saint-why__grid{display:grid}.saint-why__intro{gap:var(--sp-5);padding-block-end:var(--sp-4)}.saint-why__heading{font-size:var(--saint-text-title-mobile)}.saint-why__lead{font-family:var(--saint-why-body)}.saint-why__body,.saint-why__body p{font-size:var(--saint-text-body-mobile)}.saint-why__highlight{display:none}.saint-why__tab{padding:var(--sp-4d5) 0;border:var(--saint-size-hairline) solid rgb(var(--color-foreground) / 0);border-block-start-color:rgb(var(--saint-why-divider, var(--saint-color-line)));border-radius:0;background-color:rgb(var(--saint-why-highlight, var(--saint-color-surface)) / 0)}.saint-why__tab:nth-last-child(2){border-block-end-color:rgb(var(--saint-why-divider, var(--saint-color-line)))}.saint-why__tab[aria-expanded=true]{padding-inline:var(--sp-4);border-color:rgb(var(--color-foreground) / .2);border-radius:var(--saint-radius-field);background-color:rgb(var(--saint-why-highlight, var(--saint-color-surface)))}.saint-why__toggle{display:block}.saint-why__panel{overflow:hidden}.saint-why__panel-inner{padding-block:var(--sp-4) var(--sp-5)}.saint-why__media{block-size:var(--saint-size-why-media-mobile)}.saint-why__copy{gap:var(--sp-5);padding-block-start:var(--sp-5)}.saint-why__title{display:none}.saint-why__text,.saint-why__text p{font-size:var(--text-sm);line-height:var(--saint-leading-copy)}.saint-why__cta{font-size:var(--saint-text-cta-small)}.saint-why__cta-icon{inline-size:var(--saint-size-cta-icon);block-size:var(--saint-size-cta-icon)}}@media screen and (min-width:768px){.saint-why[data-saint-ratio] .saint-why__media{block-size:auto;aspect-ratio:var(--saint-ratio)}}@media screen and (max-width:767px){.saint-why[data-saint-ratio-mobile] .saint-why__media{block-size:auto;aspect-ratio:var(--saint-ratio-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/101/assets/saint-why-switch.css.map */
