@layer components{.ContentNavigation{max-inline-size:100%;position:relative}content-navigation{align-items:center;display:flex;gap:var(--size-8);position:relative}.ContentNavigation-prev,.ContentNavigation-next{align-items:center;appearance:none;background:var(--c-white);block-size:var(--size-40);border:1px solid var(--c-grey-400);border-radius:var(--size-8);color:var(--c-grey-800);cursor:pointer;display:flex;flex-shrink:0;inline-size:var(--size-40);justify-content:center;min-block-size:var(--size-40);min-inline-size:var(--size-40);padding:var(--size-4)}.ContentNavigation-prev:hover,.ContentNavigation-next:hover{background:var(--c-grey-100)}.ContentNavigation-prev:focus-visible,.ContentNavigation-next:focus-visible{outline:var(--border-l) solid var(--c-grey-800);outline-offset:var(--size-2)}.ContentNavigation-prev[hidden],.ContentNavigation-next[hidden]{display:none}.ContentNavigation-prev .Icon,.ContentNavigation-next .Icon{--size: var(--size-20)}.ContentNavigation-scroll{-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to right,transparent 0,black var(--size-40),black calc(100% - var(--size-40)),transparent 100%);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none}.ContentNavigation-scroll::-webkit-scrollbar{display:none}.ContentNavigation-scroll--maskLeft{mask-image:linear-gradient(to right,transparent 0,black var(--size-40),black 100%)}.ContentNavigation-scroll--maskRight{mask-image:linear-gradient(to right,black 0,black calc(100% - var(--size-40)),transparent 100%)}.ContentNavigation-scroll--maskNone{mask-image:none}.ContentNavigation-list{display:flex;gap:var(--size-8);list-style:none;margin:0;padding:0}.ContentNavigation-item{flex-shrink:0}.ContentNavigation-link{align-items:center;background:var(--c-white);block-size:var(--size-40);border:1px solid var(--c-grey-400);border-radius:var(--size-8);color:var(--c-grey-800);display:flex;font-family:var(--typo-font-primary);font-size:var(--typo-size-s);font-weight:400;gap:var(--size-8);line-height:1.3;padding-inline:var(--size-16);text-decoration:none;white-space:nowrap}.ContentNavigation-link:hover{background:var(--c-grey-100)}.ContentNavigation-link:focus-visible{outline:var(--border-l) solid var(--c-grey-800);outline-offset:var(--size-2)}.ContentNavigation-link--active{background:var(--c-grey-800);border-color:var(--c-grey-800);color:var(--c-white)}.ContentNavigation-link--active:hover{background:var(--c-grey-700);border-color:var(--c-grey-700)}@media(width<48rem){.ContentNavigation-prev,.ContentNavigation-next{display:flex}}@media(width>=48rem){.ContentNavigation-prev,.ContentNavigation-next{display:none}.ContentNavigation-scroll{mask-image:none}}@media(prefers-reduced-motion:reduce){.ContentNavigation-scroll{scroll-behavior:auto}}}
/*# sourceMappingURL=content-navigation.css.map */