.snap-tabs{--hue:328deg;--accent:var(--hue) 100% 54%;--indicator-size:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.snap-tabs :is(header,nav,section,article,a){outline-color:rgb(var(--color-accent));outline-offset:-5px}.scroll-snap-x{overflow:auto hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}@media (prefers-reduced-motion:no-preference){.scroll-snap-x{scroll-behavior:smooth}}@media (hover:none){.scroll-snap-x{scrollbar-width:none}.scroll-snap-x::-webkit-scrollbar{height:0;width:0}}.snap-tabs__nav{--text-color:hsl(var(--hue) 5% 40%);--text-active-color:hsl(var(--hue) 20% 10%);display:grid;grid-template:"track"/1fr;margin-bottom:1.2em;min-block-size:fit-content}.snap-tabs__links{display:flex;font-size:1.2rem;gap:clamp(.8rem,1.75vw,1.7rem);grid-area:track;justify-content:center;position:relative}.snap-tabs__link{align-items:center;border-radius:var(--btn-border-radius);color:rgb(var(--theme-card-foreground));display:inline-flex;padding:.3em;scroll-snap-align:start;white-space:nowrap}.snap-tabs__link brand-swatch{pointer-events:none}.snap-tabs__link-text{padding:0 .5em;pointer-events:none}brand-swatch+.snap-tabs__link-text{padding-right:.75em}.snap-tabs__link svg{inline-size:1.5em;pointer-events:none}.snap-tabs__link:hover{background:hsl(var(--accent)/5%)}.snap-tabs__link:focus{outline-offset:-.5ch}.snap-tabs__indicator{background:rgb(var(--theme-card-background-base));block-size:var(--indicator-size);border-radius:var(--btn-border-radius);display:none;grid-area:track;inline-size:0}.snap-tabs__panels{block-size:100%;border-radius:var(--card-radius);display:grid;gap:clamp(.8rem,1.75vw,1.7rem);grid-auto-columns:100%;grid-auto-flow:column}.snap-tabs__panel{--color-background:var(--theme-card-background-base);--color-foreground:var(--theme-card-foreground);--background:var(--theme-card-background);--color-accent:var(--theme-card-accent);--link-color:rgb(var(--theme-card-accent));background:var(--background);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow,none);color:rgb(var(--color-foreground));overflow-y:auto;overscroll-behavior-y:contain;padding:1.1rem;scroll-snap-align:start;transition:all .2s}@media (prefers-reduced-motion:reduce){.snap-tabs__link{border-block-end:var(--indicator-size) solid hsl(var(--accent)/0%);transition:color .7s ease,border-color .5s ease}.snap-tabs__link:matches(:target,:active,[active]){border-block-end-color:hsl(var(--accent));color:var(--text-active-color)}.snap-tabs__indicator{visibility:hidden}}@media (min-width:900px){.snap-tabs__panel{display:grid;gap:.5rem;grid-template:"copy cta"/1fr clamp(20rem,25%,30rem)}.snap-tabs__panel--simple{grid-template:"copy"/1fr}.snap-tabs__tab-copy{grid-area:copy;padding:clamp(1rem,2vw,2rem)}}.snap-tabs__panel-cta{align-items:center;border-radius:var(--card-radius);display:flex;flex-flow:column;gap:2em;justify-content:center;overflow:hidden;padding:clamp(1rem,2vw,2rem);position:relative;text-align:center}.snap-tabs__panel-cta img{transition:all .2s}.snap-tabs__panel-cta .bg__overlay{background:var(--overlay)}.snap-tabs__panel-cta .button,.snap-tabs__panel-cta h4{position:relative}.snap-tabs__panel-cta:focus,.snap-tabs__panel-cta:hover{opacity:1}.snap-tabs__panel-cta:focus .button--outlined,.snap-tabs__panel-cta:hover .button--outlined{background-color:rgb(var(--btn-accent-color));color:rgb(var(--btn-accent-contrast-color));opacity:1}.snap-tabs__panel-cta.ct-dark:focus img,.snap-tabs__panel-cta.ct-dark:hover img{scale:1.05}.snap-tabs__media{border-radius:var(--card-radius)}.snap-tabs__panel-sps{display:grid;font-size:.8em;gap:2em 3em;grid-template-columns:repeat(2,1fr);line-height:1.3;list-style:none;margin-top:2rem}.snap-tabs__panel-sp-title{font:normal 700 1em/1.4 var(--body-font);font-weight:700}.snap-tabs__panel-sps p{margin:.35em 0 0}.snap-tabs__panel-sps:empty{display:none}.snap-tabs__cards{display:grid;gap:1em}@media (min-width:680px){.snap-tabs__cards{grid-template-columns:repeat(2,1fr)}}.snap-tabs__card .card__title{align-items:flex-start;display:flex;gap:.35em}.snap-tabs__card brand-swatch{flex:0 0 .8em;margin-top:.1em}.snap-tabs__card .card__ctas{margin-top:auto}.snap-tabs__card .button{margin-top:2rem;width:100%}