.snap-tabs{--indicator-size:100%;display:flex;flex-direction:column;position:relative}.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{--btn-spacing-x:clamp(1.25rem,0.01rem + 2vw,2em);--btn-spacing-y:clamp(0.5em,0.01rem + 1.5vw,1em);display:grid;grid-template:"track"/1fr;justify-items:center;min-block-size:fit-content;position:sticky;top:min(var(--nav-height),1rem);transition:all .4s;z-index:var(--site-z-2)}.site-header:has(sticky-header)~main .snap-tabs__nav{top:calc(var(--nav-height, 0) + 1rem)}.snap-tabs__links{background:rgb(var(--color-white));border-radius:100rem;display:flex;font-size:1.2rem;gap:2px;grid-area:track;justify-content:center;line-height:1.2;list-style:none;margin:0;padding:4px;position:relative}.snap-tabs__link{background:transparent;border-radius:100rem;color:rgb(var(--color-white));display:block;filter:grayscale(1) contrast(2);font:var(--btn-font);mix-blend-mode:difference;padding:var(--btn-spacing-y,.65em) var(--btn-spacing-x,.65rem);position:relative;scroll-snap-align:start;text-decoration:none;&:hover{box-shadow:inset 0 0 0 2px rgb(var(--color-black));opacity:1}&[active]{filter:brightness(1)}@media (min-width:768px){font-size:1rem}}.snap-tabs__indicator{background:rgb(var(--color-black));block-size:var(--indicator-size);border-radius:100rem;display:none;inline-size:0;height:calc(100% - 8px);left:0;pointer-events:none;position:absolute;top:4px;z-index:0}.snap-tabs__panels{block-size:100%;display:grid;gap:clamp(.8rem,1.75vw,1.7rem);grid-auto-columns:100%;grid-auto-flow:column}.snap-tabs__panel{scroll-snap-align:start;transition:all .2s;width:100%}@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}}.dnd-tab{min-height:100vh}