.user-offcanvas[data-v-d75c53ba]{position:fixed;margin-top:25%;top:0;right:0;width:300px;height:100%;z-index:12;background:#fff;padding:var(--space-4) var(--space-5) var(--space-5);transition:transform .2s var(--ease)}.show-user-menu .user-offcanvas[data-v-d75c53ba]{transform:translateX(0)}.user-offcanvas__top[data-v-d75c53ba]{display:flex;justify-content:flex-end}.user-offcanvas__info[data-v-d75c53ba]{padding:var(--space-4) 0;display:flex;align-items:flex-start;font-weight:700;font-size:var(--font-8)}.user-offcanvas__icon[data-v-d75c53ba]{width:var(--space-6);padding-top:var(--space-0)}.user-offcanvas__icon svg[data-v-d75c53ba]{color:var(--body-100)}.user-offcanvas__gray[data-v-d75c53ba]{color:var(--body-600);font-size:var(--font-4);display:block;font-weight:400}.user-menu[data-v-d75c53ba]{list-style:none;padding:0;margin:0}.user-menu__item[data-v-d75c53ba]{--link-color-hover:var(--body-100);font-size:var(--font-8);font-weight:700;border-top:1px solid var(--border-color)}.user-menu__link[data-v-d75c53ba]{display:flex;padding:var(--space-3) 0;align-items:center;color:var(--body-100)}.user-menu__link[data-v-d75c53ba]:hover{cursor:pointer;--user-menu-icon-color:var(--primary-500)}.user-menu__link:hover span[data-v-d75c53ba]{color:var(--link-color-hover)}.user-menu__icon[data-v-d75c53ba]{flex:0 0 var(--space-6)}.user-menu__icon .icon-bookmark[data-v-d75c53ba]:before{width:20px;height:20px}.user-menu__svg[data-v-d75c53ba]{width:20px;color:var(--body-100);height:auto}