.dropdown{display:flex;flex-direction:column;transition:opacity .3s ease,display allow-discrete .3s ease;font-size:14px;gap:1lh;min-width:30ch;color:#121727}.dropdown hr{border:none;height:1px;background-color:currentColor;opacity:.1}.dropdown a{padding-inline:1ch;display:flex;align-items:center;gap:1ch}@media (hover:hover){:is(.dropdown a):hover div{translate:2px 0}:is(:is(.dropdown a):hover div) p{opacity:1}}:is(.dropdown a) img{border-radius:200px;border:2px solid rgba(18,23,39,.1);padding:1px;width:24px;height:24px}:is(.dropdown a) figure{width:24px;height:24px;border-radius:8px;background-color:#121727;color:#e9e9eb;background-clip:content-box;border:2px solid transparent;box-shadow:0 0 0 1px #e9e9eb;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;font-size:10px;font-weight:800}:is(.dropdown a) svg{height:10px;color:currentColor}.author:is(.dropdown a){transition:all allow-discrete .42s;transition-delay:28ms}.author:is(.dropdown a):last-of-type{transition-delay:168ms}@starting-style{.author:is(.dropdown a){opacity:0;transform:translateY(-2px)}}:is(.dropdown a) div{display:flex;align-items:center;gap:1ch;font-size:10px;transition:all .24s}:is(:is(.dropdown a) div) svg{height:8px}:is(:is(.dropdown a) div) span{opacity:.6}:is(:is(.dropdown a) div) p{opacity:.4;transition:all .42s}@starting-style{.dropdown{opacity:0}}.logo{font-size:var(--slant-size-12)}.logo svg{min-width:-moz-max-content;min-width:max-content}.logo:hover svg{animation:logo 4.2s cubic-bezier(.16,1,.3,1) 0s 1 normal forwards running}@keyframes logo{0%{-webkit-mask-image:linear-gradient(60deg,#000 25%,rgba(0,0,0,.4) 50%,#000 75%);mask-image:linear-gradient(60deg,#000 25%,rgba(0,0,0,.4) 50%,#000 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0;mask-position:0}to{-webkit-mask-image:linear-gradient(60deg,#000 25%,rgba(0,0,0,.4) 50%,#000 75%);mask-image:linear-gradient(60deg,#000 25%,rgba(0,0,0,.4) 50%,#000 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:100%;mask-position:100%}}.brand{display:flex;flex-direction:column;border-radius:12px;min-height:-moz-max-content;min-height:max-content;position:absolute;top:0;gap:8px;min-width:-moz-max-content;min-width:max-content}.brand:after{content:"";position:absolute;inset:-2px;background-color:#fff;border-radius:20px;z-index:-1;opacity:0;transition:all 342ms}.brand:has(.dropdown){color:#121727;padding-bottom:12px}.brand:has(.dropdown):after{opacity:1;border-radius:12px;inset:-4px}.brand:has(.down:hover){color:#121727}.brand:has(.down:hover):after{opacity:1}.brand .ticker{display:flex;align-items:center;justify-content:space-between;gap:2ch;padding:6px 6px 6px 12px;transition:all 428ms}:is(.brand .ticker) .down{transition:all 642ms;cursor:pointer;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:14px}:is(:is(.brand .ticker) .down):hover{background-color:#121727;color:#fff}header nav{display:flex;flex-direction:row;gap:2ch;font-family:var(--slant-font-inter);letter-spacing:normal;font-size:var(--slant-size-12)}:is(header nav) a{transition:var(--slant-motion-transition);padding-inline:var(--slant-size-12);padding-block:var(--slant-size-08);position:relative}:is(:is(header nav) a):after{content:"";inset:0;background-color:color-mix(in srgb,currentColor,transparent 90%);border:1px solid color-mix(in srgb,currentColor,transparent 90%);position:absolute;border-radius:var(--slant-size-40);transition:var(--slant-motion-transition);opacity:0;translate:0 2px}@media (hover:hover){.active:is(:is(header nav) a),:is(:is(header nav) a):hover{color:#fff}:is(:is(:is(header nav) a):hover,.active:is(:is(header nav) a)):after{opacity:1;scale:1.1;translate:0 0}}@container header (max-width: 1024px){header:not(.open) nav{display:none}header nav{flex-direction:column;min-width:100%;padding:var(--slant-size-40);border-block:1px solid hsla(0,0%,80%,.4);gap:var(--slant-size-08)}:is(header nav) a{padding-block:var(--slant-size-12);padding-inline:unset}}