.note-metrics{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;flex-wrap:wrap;font-family:PT Sans,sans-serif;font-size:14px;justify-content:space-between;padding-top:4px;position:relative;row-gap:6px;z-index:1}.note-metrics>span:first-child{opacity:.68}.note-metrics__reactions{display:inline-flex;gap:10px;white-space:nowrap}.note-metrics__reaction{align-items:center;background:transparent;border:0;border-radius:5px;color:inherit;display:inline-flex;font:inherit;gap:4px;padding:0;position:relative;transition:background-color .15s ease,box-shadow .15s ease}.note-metrics__reaction span{display:inline-block;transition:transform .14s ease}.note-metrics__reaction.is-popping span{animation:reaction-pop .3s ease-out}.note-metrics button.note-metrics__reaction{cursor:pointer}.note-metrics button.note-metrics__reaction:hover span{transform:scale(1.12)}.note-metrics button.note-metrics__reaction:active span{transform:scale(1.25)}.note-metrics button.note-metrics__reaction:focus-visible{outline:2px solid currentColor;outline-offset:5px}.note-metrics button.note-metrics__reaction.is-selected{background:#ffffff80;box-shadow:0 0 0 4px #ffffff80;font-weight:700}.note-metrics button.note-metrics__reaction:disabled{cursor:default;opacity:.65}.note-metrics__retry{background:transparent;border:0;cursor:pointer;font:inherit;padding:0;text-decoration:underline}@keyframes reaction-pop{0%,to{transform:scale(1)}45%{transform:scale(1.3)}}@media(prefers-reduced-motion:reduce){.note-metrics__reaction,.note-metrics__reaction span{transition:none}.note-metrics__reaction.is-popping span{animation:none}button.note-metrics__reaction:active span,button.note-metrics__reaction:hover span{transform:none}}.note-paper{--note-color:#fff2a8;background-color:var(--note-color);background-image:linear-gradient(135deg,hsla(0,0%,100%,.18),transparent 55%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");box-shadow:0 9px 20px #00000014;box-sizing:border-box;color:#171717}.note-paper--pink{--note-color:#ffd8e6}.note-paper--blue{--note-color:#d6ecff}.note-paper--green{--note-color:#dff3cf}.note-paper--peach{--note-color:#ffdcbd}.note-paper--lilac{--note-color:#eadcff}.note-paper--gray{--note-color:#ededea}.note-sheet{box-shadow:0 12px 28px #0000001a;display:flex;flex-direction:column;gap:24px;padding:48px 52px 42px}.note-sheet time{font-size:14px;opacity:.65}.note-sheet__title{font-size:36px}.note-sheet__body{font-family:PT Sans,sans-serif;font-size:18px;overflow-wrap:anywhere;white-space:pre-wrap}@media(max-width:640px){.note-sheet{padding:34px 25px 30px}.note-sheet__title{font-size:30px}}