@scope(.logo-component){:scope{aspect-ratio:9/2;width:auto;height:2.25rem;display:block;position:relative}:scope .image{object-fit:contain;object-position:left center}@media (max-width:768px){:scope{height:1.75rem}}}
@scope(.main-navigation-component){:scope{align-items:center;width:100%;min-width:0;display:flex}.list{align-items:center;gap:.375rem;width:100%;margin:0;padding:0;display:flex}.list>li{flex-shrink:0}.link{height:2rem;color:var(--foreground);white-space:nowrap;cursor:pointer;border-radius:var(--medium-radius);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:.375rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.link:hover{color:var(--foreground);background:var(--accent);border-color:var(--border)}.link:active{background:var(--secondary)}.link:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.link.active{font-weight:600}:scope.main-navigation-component--desktop{width:auto}:scope.main-navigation-component--desktop .list{flex-wrap:nowrap;justify-content:flex-end;width:auto}:scope.main-navigation-component--desktop .link.active{background:color-mix(in srgb, var(--accent) 68%, transparent);border-color:color-mix(in srgb, var(--border) 82%, var(--foreground) 18%)}:scope.main-navigation-component--drawer{align-items:flex-start}:scope.main-navigation-component--drawer .list{flex-direction:column;align-items:stretch;gap:.5rem}:scope.main-navigation-component--drawer .list>li{width:100%}:scope.main-navigation-component--drawer .link{background:color-mix(in srgb, var(--card) 88%, transparent);border-color:color-mix(in srgb, var(--border) 88%, var(--foreground) 12%);border-radius:var(--large-radius);justify-content:flex-start;width:100%;height:auto;min-height:2.75rem;padding:.75rem .875rem}:scope.main-navigation-component--drawer .link.active{background:color-mix(in srgb, var(--accent) 72%, transparent);border-color:color-mix(in srgb, var(--primary) 38%, var(--border))}}