.user-offcanvas[data-v-a247d91c]{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);font-family:var(--font-base);font-family:var(--user-menu-font-family,var(--font-base));font-size:var(--font-6);font-size:var(--user-menu-font-size,var(--font-6));font-weight:500;font-weight:var(--user-menu-font-weight,500);letter-spacing:.3px}.show-user-menu .user-offcanvas[data-v-a247d91c]{transform:translateX(0)}.user-offcanvas__top[data-v-a247d91c]{display:flex;justify-content:flex-end}.user-offcanvas__info[data-v-a247d91c]{padding:var(--space-4) 0;display:flex;align-items:flex-start}.user-offcanvas__icon[data-v-a247d91c]{width:var(--space-6);padding-top:var(--space-0)}.user-offcanvas__icon svg[data-v-a247d91c]{color:var(--body-100)}.user-offcanvas__gray[data-v-a247d91c]{color:var(--body-600);font-size:var(--font-4);display:block;font-weight:400}.user-menu[data-v-a247d91c]{list-style:none;padding:0;margin:0}.user-menu__item[data-v-a247d91c]{--link-color-hover:var(--body-100);margin:0;border-top:1px solid var(--border-color)}.user-menu__link[data-v-a247d91c]{display:flex;padding:var(--space-3) 0;align-items:center;color:var(--body-100);font-family:var(--font-base);font-family:var(--user-menu-font-family,var(--font-base));font-size:var(--font-6);font-size:var(--user-menu-font-size,var(--font-6));font-weight:500;font-weight:var(--user-menu-font-weight,500)}.user-menu__link[data-v-a247d91c]:hover{cursor:pointer;--user-menu-icon-color:var(--primary-500)}.user-menu__link:hover span[data-v-a247d91c]{color:var(--link-color-hover)}.user-menu__icon[data-v-a247d91c]{flex:0 0 var(--space-6)}.user-menu__icon .icon-bookmark[data-v-a247d91c]:before{width:20px;height:20px}.user-menu__svg[data-v-a247d91c]{width:20px;color:var(--body-100);height:auto}