@layer components{.profile-account{position:relative}.profile-account:hover{cursor:pointer}.profile-account:hover>*>*,.profile-account:hover>*>*>*,.profile-account.active>*>*,.profile-account.active>*>*>*{color:var(--primary)}.profile-account .profil-img-wrap{border-radius:.35rem;width:32px;min-width:32px;height:32px;margin-right:.25rem;position:relative;overflow:hidden}.profile-account .profil-img-wrap img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute}.profile-account .account-nav{width:100%;min-width:150px;box-shadow:var(--box-shadow);background:var(--body-bg);z-index:1030;opacity:0;visibility:hidden;-o-transition:all .25s cubic-bezier(.645, .045, .355, 1);border-radius:.5rem;transition:all .25s cubic-bezier(.645,.045,.355,1);position:absolute;top:100%;right:0}.profile-account .account-nav ul{margin:0;padding:.5rem}.profile-account .account-nav ul li{-ms-border-radius:.5rem;-o-border-radius:.5rem;border-radius:.5rem;align-items:center;padding:.5rem;display:flex}.profile-account .account-nav ul li:not(:first-child){margin-top:.25rem}.profile-account .account-nav.active li.active{background:var(--primary-bg-subtle)}.profile-account .account-nav.active li.active>*{color:var(--primary);background:var(--primary-bg-subtle)}.profile-account .account-nav ul li:hover{background:var(--primary-bg-subtle)}.profile-account .account-nav ul li:hover>*{color:var(--primary)}.profile-account .account-nav.show{opacity:1;visibility:visible;top:calc(100% + .5rem)}.profile-account .account-nav li>*{color:var(--body-color)}#an-canvas .account-wrap{background-color:var(--light-bg-subtle);border-radius:.5rem;flex-direction:row;align-items:center;gap:.5rem;width:100%;padding:.5rem;display:flex}#an-canvas .account-wrap .profil-img-wrap{border-radius:.5rem;width:48px;height:48px;position:relative;overflow:hidden}#an-canvas .account-wrap .profil-img-wrap img{object-fit:cover;object-position:center;width:100%;height:100%}#an-canvas .account-wrap .log-out{text-align:center;background:var(--secondary-bg);border-radius:.5rem;width:40px;height:100%;margin-left:auto}#an-canvas .account-wrap .log-out a{justify-content:center;align-items:center;width:100%;height:100%;display:flex}#an-canvas .account-wrap .log-out a>*{font-size:24px}}