.user-note-root.loading[data-v-81786190]>:not(.loading),.user-note-root:not(.loading)>.loading[data-v-81786190]{display:none!important}.user-note-root.loading[data-v-81786190]{justify-content:center}.user-note-root[data-v-81786190]{align-items:center;background-color:var(--light-gray-color);border-radius:var(--border-radius-x10);display:flex;justify-content:space-between;padding:calc(var(--spacing-x2)*2)}.user-note-root[data-v-81786190]:not(:last-child){margin-bottom:var(--spacing-x4)}.user-note-root[data-v-81786190]:hover{background-color:#eee}.user-note-root .note-body[data-v-81786190]{align-items:flex-start;display:flex;justify-content:space-between}.user-note-root .note-body p[data-v-81786190]{color:var(--secondary-color);font-weight:600}.user-note-root .note-body .page-number[data-v-81786190]{align-items:center;background-color:var(--primary-color);border-radius:var(--border-radius-x5);color:var(--white-color);display:flex;font-size:var(--font-size-x3);font-weight:700;justify-content:center;margin-left:var(--spacing-x1);padding:0 var(--spacing-x1)}.user-note-root .note-body .page-number[data-v-81786190]:before{content:"ص";font-size:var(--font-size-x1);margin-left:.3rem}.user-note-root .actions[data-v-81786190]{align-items:center;display:flex;justify-content:space-between}.user-note-root .actions[data-v-81786190]>:not(:last-child){margin-left:var(--spacing-x1)}.user-note-form-root.active[data-v-d13729fe]{display:grid;gap:var(--spacing-x3);grid-template-columns:1fr 1fr}.user-note-form-root>.input-root[data-v-d13729fe]{grid-column:1/3}.user-note-form-root[data-v-d13729fe]:not(.active)>:not(:last-child){display:none}