.hlt-root{position:fixed;top:68px;right:clamp(20px,4vw,56px);z-index:60;font-family:var(--font-kanit),sans-serif;opacity:1;transition:opacity .35s ease}@media (max-width:640px){.hlt-root{display:none}}@media (min-width:1024px){.hlt-root{top:9px}}html.hc-past .hlt-root{opacity:0;pointer-events:none}.hlt-btn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;font-size:12.5px;font-weight:500;color:var(--s-text-primary);background:color-mix(in srgb,var(--s-page) 72%,transparent);-webkit-backdrop-filter:blur(10px) saturate(1.15);backdrop-filter:blur(10px) saturate(1.15);border:1px solid color-mix(in srgb,var(--s-text-primary) 16%,transparent);box-shadow:0 4px 18px color-mix(in srgb,var(--s-text-primary) 8%,transparent);cursor:pointer;transition:border-color .2s ease,background .2s ease}.hlt-btn:hover{background:color-mix(in srgb,var(--s-page) 86%,transparent);border-color:color-mix(in srgb,var(--s-text-primary) 30%,transparent)}.hlt-btn:focus-visible{outline:2px solid var(--s-cta);outline-offset:2px}.hlt-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:208px;padding:4px;border-radius:14px;background:var(--s-page);border:1px solid color-mix(in srgb,var(--s-text-primary) 12%,transparent);box-shadow:0 14px 38px color-mix(in srgb,var(--s-text-primary) 16%,transparent);overflow:hidden}.hlt-item{display:block;width:100%;text-align:left;padding:9px 12px;border:0;border-radius:10px;background:transparent;font-family:var(--font-kanit),sans-serif;font-size:12.5px;font-weight:500;color:var(--s-text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.hlt-item:hover{background:color-mix(in srgb,var(--s-text-primary) 6%,transparent);color:var(--s-text-primary)}.hlt-item:focus-visible{outline:2px solid var(--s-cta);outline-offset:-2px}.hlt-item-active{color:var(--s-cta);font-weight:600}