.user-icon .backdrop{display:none;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:10;--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1));opacity:.2}.user-icon .backdrop.active{display:block}@media (min-width:768px){.user-icon .backdrop.active{display:none}}.user-icon-name{font-family:Poppins,sans-serif;margin-top:.25rem;position:absolute;text-align:center;--tw-text-opacity:1;color:rgb(189 0 89/var(--tw-text-opacity,1));font-size:.7rem;left:-1.5rem;line-height:.8rem;width:calc(100% + 3rem)}.user-icon-menu{border-top-left-radius:.5rem;border-top-right-radius:.5rem;cursor:pointer;left:0;position:fixed;width:100%;z-index:50;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.5rem 1rem;--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-shadow-color:#06264b;--tw-shadow:var(--tw-shadow-colored)}.user-icon-menu.active{display:block}.user-icon-menu-close{display:flex;justify-content:center;padding:.5rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}@media (min-width:768px){.user-icon-menu-close{display:none}}.user-icon-menu-item{align-items:center;border-bottom-width:1px;cursor:pointer;display:flex;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));font-family:Poppins,sans-serif;font-size:.875rem;line-height:1.25rem;padding:.75rem .5rem}.user-icon-menu-item:last-child{border:unset}@media (max-width:768px){.user-icon-menu{bottom:-100%;transition:all .5s ease-in}.user-icon-menu.active{bottom:0}}@media (min-width:768px){.user-icon-menu{border-radius:.25rem;display:none;position:absolute;width:12rem;z-index:50;--tw-bg-opacity:1;background-color:rgb(251 230 239/var(--tw-bg-opacity,1));padding:.25rem;--tw-text-opacity:1;color:rgb(210 0 99/var(--tw-text-opacity,1));--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px 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-shadow-color:#fbe6ef;--tw-shadow:var(--tw-shadow-colored)}.user-icon-menu-item{border-bottom-width:1px;cursor:pointer;--tw-border-opacity:1;border-color:rgb(244 191 216/var(--tw-border-opacity,1));font-family:Poppins,sans-serif;font-size:.75rem;line-height:1rem;padding:.5rem}.user-icon-menu-item:hover{--tw-text-opacity:1;color:rgb(103 0 49/var(--tw-text-opacity,1))}}