.note{align-items:flex-start;background-color:var(--variable-collection-background-white);border-radius:10px;box-shadow:var(--drop-shadow-200);display:flex;flex-direction:column;gap:10px;padding:10px 10px 2px;position:relative;min-width:148px;max-width:148px;border:1px solid var(--variable-collection-grey-light);height:100%;min-height:180px}.note.completed .content-note p,.note.completed .content-text p{text-decoration:line-through}.note .icon{float:right;margin-top:-3px;margin-left:10px}.note .icon .icon-note{color:var(--variable-collection-orange-2)}.note .content{position:relative;width:100%;height:100%}.note .content .content-note,.note .content .content-text{color:var(--variable-collection-text-dark);font-family:var(--font-handlee),var(--body-small-regular-font-family);font-size:var(--body-regular-font-size);font-style:var(--body-small-regular-font-style);font-weight:var(--body-small-regular-font-weight);line-height:var(--body-small-regular-line-height);width:100%}.note .content .content-text{-webkit-line-clamp:3;line-clamp:3}.note .content .content-note,.note .content .content-text{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.note .content .content-note{padding-top:10px;-webkit-line-clamp:4;line-clamp:4}.note .date{color:var(--variable-collection-text-weak);font-family:var(--body-label-font-family);font-size:var(--body-label-font-size);font-style:var(--body-label-font-style);font-weight:var(--body-label-font-weight);line-height:var(--body-label-line-height);letter-spacing:var(--body-label-letter-spacing);margin-top:auto;width:100%;border-top:1px solid var(--variable-collection-grey-light)}