.dl{--dl-bg:#111;--dl-fg:#fff;--dl-hover:#353535;--dl-line:hsla(0,0%,100%,.22);--dl-radius:999px;--dl-height:48px;position:relative;display:inline-flex;align-items:stretch;vertical-align:middle;min-height:var(--dl-height);border-radius:var(--dl-radius);background:var(--dl-bg);color:var(--dl-fg);font-weight:650;font-size:.9375rem;line-height:1;white-space:nowrap;text-align:left}.dl-light{--dl-bg:#fff;--dl-fg:#111;--dl-hover:#ece9e2;--dl-line:hsla(0,0%,7%,.14);--dl-radius:12px}.dl-outline{--dl-bg:transparent;--dl-fg:#1a1a1a;--dl-hover:hsla(0,0%,7%,.06);--dl-line:currentColor;--dl-radius:8px;--dl-height:42px;border:2px solid;font-size:.9375rem}.dl-nav{--dl-bg:transparent;--dl-fg:currentColor;--dl-hover:transparent;--dl-line:currentColor;--dl-height:44px;font-size:.8125rem;font-weight:550;justify-self:end}.dl-main,.dl-toggle{display:inline-flex;align-items:center;color:inherit;background:transparent;transition:background-color .16s ease,opacity .16s ease}.dl-main{gap:9px;padding:0 16px 0 20px;border-radius:var(--dl-radius) 0 0 var(--dl-radius);text-decoration:none}.dl-toggle{position:relative;justify-content:center;width:42px;padding:0;border:0;border-radius:0 var(--dl-radius) var(--dl-radius) 0;cursor:pointer;font:inherit}.dl-toggle:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:1px;background:var(--dl-line);opacity:.9}.dl-toggle svg{opacity:.7;transition:transform .16s ease}.dl.is-open .dl-toggle svg{transform:rotate(180deg)}.dl-main:hover,.dl-toggle:hover,.dl.is-open .dl-toggle{background:var(--dl-hover)}.dl-glyph{flex:0 0 auto;margin-top:-2px}.dl-nav .dl-main{gap:6px;padding:0 4px 0 0}.dl-nav .dl-glyph{display:none}.dl-nav .dl-toggle{width:28px}.dl-nav .dl-toggle:before{opacity:.3}.dl-nav .dl-main:hover,.dl-nav .dl-toggle:hover{opacity:.7}.dl-outline .dl-main{padding:0 12px 0 16px}.dl-outline .dl-toggle{width:36px}.dl-outline .dl-toggle:before{opacity:.35}.dl-menu{position:absolute;z-index:60;left:0;top:calc(100% + 8px);min-width:210px;margin:0;padding:6px;list-style:none;border:1px solid hsla(0,0%,7%,.12);border-radius:12px;background:#fff;color:#111;box-shadow:0 18px 48px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.08);font-size:.875rem;font-weight:500;letter-spacing:0;text-align:left}.dl-menu[hidden]{display:none}.dl-nav .dl-menu,.dl-outline .dl-menu{left:auto;right:0}.dl.is-up .dl-menu{top:auto;bottom:calc(100% + 8px)}.dl-menu a{display:flex;align-items:center;min-height:40px;padding:0 12px;border-radius:8px;color:#111;text-decoration:none}.dl-menu a:focus-visible,.dl-menu a:hover{background:#f1efea}.dl a:focus-visible,.dl button:focus-visible{outline:2px solid #d69a24;outline-offset:2px}@media (max-width:380px){.dl-main{padding:0 12px 0 16px}.dl-toggle{width:38px}.dl{font-size:.875rem}}