@font-face{font-family:Sensation;src:url(./sensation.DdbI1gpx.woff2) format("woff2"),url(./sensation.D4gSnkP2.ttf) format("truetype")}.component--profile--menu .responsive-menu[data-v-45b50788]{position:relative}.component--profile--menu .responsive-menu .profile-button[data-v-45b50788]{align-items:center;border:2px solid hsla(0,0%,76%,.1);border-radius:50px;color:#c4c8d3;display:flex;font-size:.75rem;font-weight:600;height:2.5rem;justify-content:center;padding:0;position:relative;transition:all .2s;width:2.5rem}.component--profile--menu .responsive-menu .profile-button[data-v-45b50788]:hover{background-color:#363b49;border:1px solid transparent;color:#d2d6de;transform:translateY(-2px)}.component--profile--menu .responsive-menu .profile-button.active[data-v-45b50788]{background-color:#363b49;border:1px solid transparent}.component--profile--menu .responsive-menu .profile-button img[data-v-45b50788]{border-radius:50px;-o-object-fit:cover;object-fit:cover;transition:all .2s;width:100%}.component--profile--menu .responsive-menu .menu-container[data-v-45b50788]{background-color:#15171d;border-radius:.5rem;box-shadow:0 8px 24px #00000080;padding-bottom:.5rem;position:absolute;right:0;top:calc(100% + .5rem);width:260px;z-index:99}.component--profile--menu .responsive-menu .menu-container .menu-item[data-v-45b50788]{align-items:center;color:#989fb3;cursor:pointer;display:flex;gap:.5rem;padding:.85rem 1.25rem;text-transform:none;transition:all .2s;width:100%}.component--profile--menu .responsive-menu .menu-container .menu-item i[data-v-45b50788]{font-size:1.25rem}.component--profile--menu .responsive-menu .menu-container .menu-item span[data-v-45b50788]{font-size:.875rem}.component--profile--menu .responsive-menu .menu-container .menu-item.profile[data-v-45b50788]{border-bottom:2px solid hsla(0,0%,76%,.1);gap:1rem}.component--profile--menu .responsive-menu .menu-container .menu-item.profile[data-v-45b50788]:hover{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.component--profile--menu .responsive-menu .menu-container .menu-item.profile .avatar[data-v-45b50788]{border-radius:100px;display:flex;height:50px;max-width:50px;min-width:50px;overflow:hidden}.component--profile--menu .responsive-menu .menu-container .menu-item.profile .avatar img[data-v-45b50788]{-o-object-fit:cover;object-fit:cover;width:100%}.component--profile--menu .responsive-menu .menu-container .menu-item.profile .profile-text[data-v-45b50788]{display:flex;flex-direction:column;flex-grow:1;gap:.5rem;justify-content:center;max-width:150px;transition:.2s}.component--profile--menu .responsive-menu .menu-container .menu-item.profile .profile-text h3[data-v-45b50788]{color:#c4c8d3;font-size:1rem;font-weight:600}.component--profile--menu .responsive-menu .menu-container .menu-item.profile .profile-text span[data-v-45b50788]{color:#989fb3;font-size:.75rem;text-transform:uppercase;transition:all .2s}.component--profile--menu .responsive-menu .menu-container .menu-item.profile .profile-text:hover span[data-v-45b50788]{color:#c4c8d3}.component--profile--menu .responsive-menu .menu-container .menu-item[data-v-45b50788]:hover{background-color:#363b49}.component--profile--menu .responsive-menu .menu-container .logout-btn[data-v-45b50788]{align-items:center;border-top:2px solid hsla(0,0%,76%,.1);color:#d06060;cursor:pointer;display:flex;gap:.5rem;padding:1rem 1.5rem;transition:all .2s;width:100%}.component--profile--menu .responsive-menu .menu-container .logout-btn i[data-v-45b50788]{font-size:1.25rem}.component--profile--menu .responsive-menu .menu-container .logout-btn span[data-v-45b50788]{font-size:.875rem;text-transform:none}.component--profile--menu .responsive-menu .menu-container .logout-btn[data-v-45b50788]:hover{background-color:#d0606026}
