@layer properties;.top-menu{@media (min-width: 80rem){border-style:var(--tw-border-style);border-width:0px;display:flex;z-index:20;height:3.5rem;gap:1.5rem;padding:0 3.5rem;margin-bottom:-1px;>li{height:100%;position:relative;>.top-menu__link{height:100%;display:flex;align-items:center;gap:.75rem;position:relative;padding:0 1.75rem;&.top-menu__link--active{&:before{content:"";inset:0;position:absolute;--radius: 1.7em;border-inline:var(--radius) solid #0000;border-radius:calc(2 * var(--radius)) calc(2 * var(--radius)) 0 0 / var(--radius);mask:radial-gradient(var(--radius) at var(--radius) 0,#0000 98%,#000 101%) calc(-1 * var(--radius)) 100%/100% var(--radius) repeat-x,conic-gradient(#000 0 0) padding-box;background:var(--color-background);@supports (color: color-mix(in lab,red,red)){background:color-mix(in oklch,var(--color-background),var(--color-foreground) 2%)}z-index:-1;margin:0 calc(var(--radius) * -1)}&:after{content:"";inset:-1px -1px 1px;position:absolute;--radius: 1.7em;border-inline:var(--radius) solid #0000;border-radius:calc(2 * var(--radius)) calc(2 * var(--radius)) 0 0 / var(--radius);mask:radial-gradient(var(--radius) at var(--radius) 0,#0000 98%,#000 101%) calc(-1 * var(--radius)) 100%/100% var(--radius) repeat-x,conic-gradient(#000 0 0) padding-box;background:var(--color-background);@supports (color: color-mix(in lab,red,red)){background:color-mix(in oklch,var(--color-background),var(--color-foreground) 2%)}z-index:-2;margin:0 calc(var(--radius) * -1)}.top-menu__link__icon>svg{--color: var(--color-foreground)}.top-menu__link__title{color:var(--color-foreground)}}.top-menu__link__icon{z-index:-1;>svg{--color: var(--color-nav-foreground)}}.top-menu__link__title{z-index:-1;display:flex;align-items:center;color:var(--color-nav-foreground);gap:.75rem}.top-menu__link__chevron{margin-left:auto}}&:hover>ul{display:block}ul{display:none;width:18rem;position:absolute;left:50%;transform:translate(-50%);margin-top:-5rem;background:var(--color-background);border:1px solid var(--color-foreground);@supports (color: color-mix(in lab,red,red)){border:1px solid color-mix(in oklab,var(--color-foreground) 10%,transparent)}border-radius:1rem;padding:.75rem .5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;.top-menu__link{height:3rem;display:flex;align-items:center;gap:.75rem;padding:0 1.25rem;position:relative;.top-menu__link__title{width:100%;display:flex;align-items:center;gap:.75rem}.top-menu__link__chevron{margin-left:auto}}li{position:relative;&:hover>ul{display:block}}ul{display:none;margin-top:0;left:100%;top:0;transform:translate(0)}}}}@media (max-width: 80rem){padding:1.25rem 1rem;>li{z-index:10;position:relative;ul{padding:.25rem 0;background:var(--color-background);@supports (color: color-mix(in lab,red,red)){background:color-mix(in oklch,var(--color-background),transparent 90%)}border-radius:1rem;border:1px solid var(--color-background);@supports (color: color-mix(in lab,red,red)){border:1px solid color-mix(in oklch,var(--color-background),transparent 87%)}margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;.top-menu__link{margin-bottom:0}ul{margin:0 -1px}}.top-menu__link{display:flex;align-items:center;margin-bottom:.375rem;padding:1rem 1.25rem;&.top-menu__link--active{font-weight:500;.top-menu__link__title{color:var(--color-background)}}.top-menu__link__icon>svg{width:1.15rem;height:1.15rem;--color: var(--color-background)}.top-menu__link__title{width:100%;display:flex;align-items:center;margin-left:.75rem;color:var(--color-background);@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-background) 80%,transparent)}.top-menu__link__chevron{margin-left:auto;stroke-width:1.2;color:var(--color-background);@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklch,var(--color-background),transparent 20%)}}}}}}}.dark{.top-menu{@media (min-width: 80rem){>li{>.top-menu__link{&.top-menu__link--active{&:before{opacity:.7}&:after{opacity:.2;--color-background: var(--color-foreground);@supports (color: color-mix(in lab,red,red)){--color-background: color-mix( in oklch, var(--color-foreground), transparent 40% )}}}}}}@media (max-width: 80rem){>li{--color-background: var(--color-foreground)}}}}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}
/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */