.swrk-product-family{margin-top:max(4rem, calc(4rem + env(safe-area-inset-top,0px)));border-bottom:1px solid color-mix(in srgb, var(--color-graphite) 8%, transparent);background:color-mix(in srgb, var(--color-bg) 78%, transparent);position:relative}.swrk-product-family-inner{min-height:2.5rem;padding:.35rem max(1rem, env(safe-area-inset-inline-start,0px)) .35rem max(1rem, env(safe-area-inset-inline-end,0px));align-items:center;gap:.75rem 1.25rem;max-width:72rem;margin:0 auto;display:flex}.swrk-product-family-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-faint);flex-shrink:0;font-size:.6875rem;font-weight:600}.swrk-product-family-list{scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:.25rem .15rem;min-width:0;margin:-.25rem;padding:.25rem;list-style:none;display:flex;overflow-x:auto}.swrk-product-family-list>li{flex-shrink:0}@media (max-width:29.999rem){.swrk-product-family-kicker{display:none}}.swrk-product-family-link{min-height:44px;color:var(--color-fog);border-radius:999px;align-items:center;padding:0 .7rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .16s cubic-bezier(.16,1,.3,1),background-color .16s cubic-bezier(.16,1,.3,1);display:inline-flex}.swrk-product-family-link:hover{color:var(--color-graphite);background:color-mix(in srgb, var(--color-graphite) 6%, transparent)}.swrk-product-family-link[aria-current=page]{color:var(--color-bg);background:var(--color-brand)}.swrk-product-family-link[data-family-section]{color:var(--color-graphite);text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, var(--color-graphite) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--color-graphite) 45%, transparent);text-underline-offset:.45em}.swrk-product-family-link:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){.swrk-product-family-link{transition:none}}:is(.swrk-product-chrome:has([data-product-family]) #main-content.pt-16,.swrk-product-chrome:has([data-product-family]) #main-content.pt-navbar){padding-top:0}
.swrk-product-chrome{isolation:isolate;min-height:100dvh;overflow-x:clip}@supports not (min-height:100dvh){.swrk-product-chrome{min-height:-webkit-fill-available}}.swrk-product-chrome #main-content.pt-16,.swrk-product-chrome #main-content.pt-navbar{padding-top:max(4rem, calc(4rem + env(safe-area-inset-top,0px)))}.swrk-product-chrome{padding-block-start:var(--swrk-beta-banner-h,0px)}