.cal{position:relative;display:inline-flex}.cal__trigger svg{flex:0 0 auto}.cal__panel{position:absolute;top:calc(100% + 14px);left:0;z-index:20;width:min(300px,calc(100vw - 40px));padding:18px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(160deg,var(--tint),transparent 60%),var(--bg);border:1px solid var(--line-gold);border-radius:14px;box-shadow:0 24px 60px -20px rgba(0,0,0,.55),0 0 0 1px rgba(224,190,69,.04),0 0 48px -12px var(--glow);transform-origin:top left;animation:cal-in .32s var(--ease);text-align:left}@keyframes cal-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}}html.static .cal__panel{animation:none}.cal__heading{margin:0;font-size:var(--text-sm);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.cal__item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--text2);font-size:var(--text-md);text-decoration:none;transition:background .25s,color .25s}.cal__item svg{color:var(--faint);flex:0 0 auto;transition:color .25s}.cal__item:hover{background:var(--tint);color:var(--text)}.cal__item:hover svg{color:var(--gold)}