.hao-dropdown{flex:none;display:inline-flex;position:relative}.hao-dropdown__trigger{font:inherit;color:inherit;white-space:nowrap;cursor:var(--cursor-touch),auto;box-shadow:2px 2px 6px var(--col-bg-start),-2px -2px 6px var(--col-bg-end);background:0 0;border:0;border-radius:30px;align-items:center;gap:.08rem;padding:.12rem .16rem .12rem .2rem;font-size:.22rem;transition:box-shadow .2s;display:inline-flex}.hao-dropdown__trigger[aria-expanded=true]{box-shadow:inset 3px 3px 6px var(--col-bg-start),inset -3px -3px 6px var(--col-bg-end)}.hao-dropdown__trigger:disabled{cursor:var(--cursor-default),auto;opacity:.6}.hao-dropdown__trigger:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.hao-dropdown__caret{width:.41rem;height:.41rem;box-shadow:inset 1.5px 1.5px 3px var(--col-bg-start),inset -1.5px -1.5px 3px var(--col-bg-end);border-radius:50%;flex:none;place-items:center;margin:-.03rem -.02rem -.03rem auto;transition:box-shadow .2s;display:grid}.hao-dropdown__caret-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;opacity:.82;width:.15rem;height:.094rem;transition:transform .22s cubic-bezier(.3,.7,.4,1),opacity .15s;transform:translateY(.5px)}@media (hover:hover){.hao-dropdown__trigger[aria-expanded=false]:not(:disabled):hover .hao-dropdown__caret-icon{opacity:1;transform:translateY(1.5px)}}.hao-dropdown__trigger[aria-expanded=true] .hao-dropdown__caret{box-shadow:1.5px 1.5px 3px var(--col-bg-start),-1.5px -1.5px 3px var(--col-bg-end)}.hao-dropdown__trigger[aria-expanded=true] .hao-dropdown__caret-icon{opacity:1;transform:rotate(180deg)}.hao-dropdown__menu{z-index:30;white-space:nowrap;text-align:left;background:var(--col-bg-nt);-webkit-backdrop-filter:blur(24px)saturate(1.2);backdrop-filter:blur(24px)saturate(1.2);min-width:2.9rem;box-shadow:0 .2rem .5rem #00000047,inset 0 0 0 1px var(--forum-sidebar-border);transform-origin:0 0;border-radius:.3rem;flex-direction:column;gap:.02rem;padding:.12rem;animation:.18s ease-out hao-dropdown-in;display:flex;position:absolute;top:calc(100% + .16rem);left:0}@supports (color:color-mix(in lch,red,blue)){.hao-dropdown__menu{background:color-mix(in srgb,var(--col-bg-nt) 86%,#0000)}}.hao-dropdown__menu:before{content:"";background:inherit;border-left:1px solid var(--forum-sidebar-border);border-top:1px solid var(--forum-sidebar-border);z-index:-1;width:.18rem;height:.18rem;position:absolute;top:-.09rem;left:.46rem;transform:rotate(45deg)}.hao-dropdown[data-placement=bottom-end] .hao-dropdown__menu{transform-origin:100% 0;left:auto;right:0}.hao-dropdown[data-placement=bottom-end] .hao-dropdown__menu:before{left:auto;right:.46rem}.hao-dropdown__option{text-align:left;width:100%;font:inherit;color:var(--color-text);cursor:var(--cursor-touch),auto;background:0 0;border:0;border-radius:.18rem;align-items:center;gap:.24rem;padding:.11rem .2rem .11rem .32rem;font-size:.235rem;font-weight:500;transition:background .15s;display:flex;position:relative}.hao-dropdown__option:before{content:"";opacity:0;background:linear-gradient(#be6681,#ff5271);border-radius:3px;width:3px;transition:opacity .15s;position:absolute;top:.13rem;bottom:.13rem;left:.1rem}.hao-dropdown__option:hover{background:var(--cropper-option-bg)}.hao-dropdown__option:focus-visible{outline:2px solid var(--color-text);outline-offset:-2px}.hao-dropdown__option[aria-selected=true]{font-weight:600}.hao-dropdown__option[aria-selected=true]:before{opacity:1}.hao-dropdown__option:disabled{opacity:.45;cursor:var(--cursor-default),auto;background:0 0}.hao-dropdown[data-motion=off] .hao-dropdown__menu{animation:none}.hao-dropdown[data-motion=off] .hao-dropdown__caret,.hao-dropdown[data-motion=off] .hao-dropdown__caret-icon{transition:none}@keyframes hao-dropdown-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hao-dropdown__menu{animation:none}.hao-dropdown__caret,.hao-dropdown__caret-icon{transition:none}}