.user-menu-button{display:inline-flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px}.user-menu-button:focus{outline:2px solid transparent;outline-offset:2px}.user-menu-button:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}.user-menu-dropdown{position:absolute;right:0;margin-top:.5rem;width:16rem;transform-origin:top right}.user-menu-dropdown>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.user-menu-dropdown:is(class *)>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(63 63 70/var(--tw-divide-opacity,1))}.user-menu-dropdown{border-radius:var(--radius);background-color:hsla(0,0%,100%,.7);--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.user-menu-dropdown:is(class *){background-color:rgba(39,39,42,.7)}.user-menu-dropdown{z-index:10;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgba(0,0,0,.05)}.user-menu-dropdown:focus{outline:2px solid transparent;outline-offset:2px}.user-avatar{height:2rem;width:2rem;border-radius:9999px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.user-avatar:is(class *){--tw-ring-opacity:1;--tw-ring-color:rgb(39 39 42/var(--tw-ring-opacity,1))}.user-avatar-large{height:3rem;width:3rem;border-radius:9999px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.user-avatar-large:is(class *){--tw-ring-opacity:1;--tw-ring-color:rgb(39 39 42/var(--tw-ring-opacity,1))}.online-indicator{position:absolute;bottom:0;right:0;display:block;height:.5rem;width:.5rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.online-indicator:is(class *){--tw-ring-opacity:1;--tw-ring-color:rgb(39 39 42/var(--tw-ring-opacity,1))}.menu-item{display:flex;align-items:center;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.menu-item-active{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.menu-item-active:is(class *){background-color:rgba(63,63,70,.6)}.menu-item-inactive{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.menu-item-inactive:is(class *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.logout-button{display:flex;width:100%;align-items:center;padding:.5rem 1rem;text-align:left;--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.logout-button-active{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.logout-button-active:is(class *){background-color:rgba(63,63,70,.6)}.progress-bar-container{margin-top:.25rem;height:.375rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.progress-bar-container:is(class *){--tw-bg-opacity:1;background-color:rgb(63 63 70/var(--tw-bg-opacity,1))}.progress-bar{height:100%;border-radius:9999px}.progress-bar-green{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.progress-bar-orange{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.progress-bar-red{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}