.back-note{isolation:isolate;min-height:46px;color:var(--color-pen-blue);filter:drop-shadow(3px 4px 0 rgb(var(--rgb-manila-ink) / .35));align-self:flex-start;align-items:center;gap:12px;margin-left:14px;padding:8px 20px 8px 30px;display:inline-flex;position:relative;transform:rotate(-2.5deg)}.back-note:before{content:"";z-index:-1;background:linear-gradient(176deg, var(--color-manila) 0%, var(--color-manila-shade) 100%);clip-path:polygon(0% 8%,18% 0%,46% 5%,74% 0%,100% 6%,97% 34%,100% 62%,98% 100%,70% 94%,38% 100%,8% 95%,0% 100%,3% 52%);position:absolute;inset:0}.back-note__sticker{border:3px solid var(--color-paper);background-color:var(--color-orange);width:38px;height:38px;box-shadow:2px 2px 0 rgb(var(--rgb-back-note-sticker) / .55);color:var(--color-orange-ink);border-radius:50%;place-items:center;transition:background-color .16s;display:grid;position:absolute;top:50%;left:-16px;transform:translateY(-50%)rotate(8deg)}.back-note__arrow{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:14px}.back-note__label{font-family:var(--font-hand);font-size:22px;font-weight:700;line-height:1;transition:color .16s}.back-note:hover .back-note__sticker{background-color:var(--color-yellow)}.back-note:hover .back-note__label{color:var(--color-stamp-red)}.back-note:focus-visible{outline:none}.back-note:focus-visible:after{content:"";outline:2px solid var(--color-pen-blue);position:absolute;inset:-6px}@media (prefers-reduced-motion:reduce){.back-note__sticker,.back-note__label{transition:none}}