#site-search-wrapper{#search-bg-overlay{position:fixed;inset:0;-webkit-backdrop-filter:blur(8px) saturate(180%);backdrop-filter:blur(8px) saturate(180%);background-color:color-mix(in oklch,var(--black),transparent 80%);z-index:4000}#site-search-content-wrapper{position:fixed;inset:0;z-index:4500;pointer-events:none}#search-modal{position:relative;margin:120px auto 0;max-width:720px;width:calc(100% - (2 * var(--micro)));height:fit-content;pointer-events:auto}#search-results-dropdown{margin-top:8px;max-height:480px;overflow-y:auto;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);background-color:var(--slate-light80);padding:var(--nano);display:flex;flex-direction:column;gap:1px}.search-result-item{display:flex;flex-direction:column;cursor:pointer;text-decoration:none;color:inherit;transition:background-color .1s ease;padding:16px;background-color:var(--white);&.is-active{background-color:color-mix(in oklch,var(--blue-light60),transparent 80%)}}.result-theme{text-transform:uppercase;white-space:nowrap}.search-empty-state{padding:var(--micro);text-align:center;opacity:.6}}#primary-nav{position:fixed;width:var(--primary-nav-width);height:100vh;top:0;z-index:4900;overflow:hidden;background-color:var(--primary-nav-bg);border-right:1px solid var(--primary-nav-border);transition:width .2s ease-in-out;display:flex;flex-direction:column;justify-content:space-between;padding:8px 0 24px;&:hover{width:200px}.links-group{display:flex;flex-direction:column;width:100%;p{font-size:14px}}hr{background-color:var(--primary-nav-border)}.link.active .nav-item:before{opacity:1}.link:hover .nav-item:before{opacity:.4}@media (max-width:1024px){display:none}}.nav-item{display:flex;height:var(--primary-nav-width);align-items:center;gap:8px;position:relative;width:100%;white-space:nowrap;&:before{display:block;opacity:0;height:72%;width:calc(100% - 8px);content:"";background-color:var(--nav-item-bg-active);position:absolute;left:4px;transition:all .2s ease-in-out;border-radius:4px;z-index:-1}&:hover &:before{opacity:1}.nav-icon{display:flex;justify-content:center;align-items:center;min-width:var(--primary-nav-width);height:100%}.nav-icon img,.nav-icon svg{width:var(--nav-icon-size);fill:none}.nav-icon:is(:not(.is-logo)) svg{stroke:var(--nav-icon-stroke-default);stroke-width:2px}&:hover .nav-icon:is(:not(.is-logo)) svg{stroke:var(--nav-icon-stroke-hover)}.nav-label{font-weight:400;opacity:0;transform:translateX(-8px);transition:all .2s ease-in-out;pointer-events:none}}#primary-nav:hover .nav-label{opacity:1;transform:translateX(0);pointer-events:auto}.link{display:block;text-decoration:none;width:100%}.link.active .nav-icon svg{stroke:var(--nav-icon-stroke-active)}#primary-nav .link[role=button]{cursor:pointer}