.w-note{box-sizing:border-box;aspect-ratio:1;background:linear-gradient(160deg, color-mix(in srgb, var(--note) 90%, #fff), var(--note));color:#fff;text-align:center;width:100%;max-width:480px;font-family:var(--font-comic);text-shadow:0 1px 3px #0000004d;transform:rotate(var(--tilt,0deg));overflow-wrap:anywhere;border-radius:6px;place-items:center;margin:14px 0 10px;padding:11% 10%;font-weight:700;line-height:1.3;text-decoration:none;display:grid;position:relative;box-shadow:0 8px 18px #00000061,inset 0 -22px 30px #00000012;container-type:inline-size}.w-note:before{content:"";z-index:2;background:#ffffff61;border-radius:2px;width:22%;height:20px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-2deg)}.w-note-text{z-index:1;font-size:clamp(1.1rem,10cqw,2.4rem);display:block;position:relative}.w-note[data-size=m] .w-note-text{font-size:clamp(1rem,7.6cqw,2rem)}.w-note[data-size=l] .w-note-text{font-size:clamp(.95rem,6.2cqw,1.6rem)}.w-note:after{content:"";border-radius:inherit;pointer-events:none;opacity:.05;background:var(--pattern,none);position:absolute;inset:0}.w-note-pocomon{--pattern:repeating-linear-gradient(135deg, #000 0 9px, transparent 9px 26px)}.w-note-ngesomon{--pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='56'%3E%3Cg transform='translate(0 14.6) scale(.607)'%3E%3Cpath d='M0 22H17L21 10L27 34L32 22H56' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 34px 56px}.w-note-sundemon{--pattern:linear-gradient(#000 2px, transparent 2px) 0 0 / 42px 42px, linear-gradient(90deg, #000 2px, transparent 2px) 0 0 / 42px 42px}.w-note-kuntimon{--pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Ccircle cx='16' cy='16' r='4.5' fill='black'/%3E%3Ccircle cx='48' cy='48' r='4.5' fill='black'/%3E%3C/svg%3E") 0 0 / 64px 64px}.w-note-tears{border-radius:inherit;pointer-events:none;z-index:0;transform:rotate(calc(var(--tilt,0deg) * -1)) scale(calc(1.01 + cos(var(--tilt,0deg)) - 1 + sin(max(var(--tilt,0deg), var(--tilt,0deg) * -1))));position:absolute;inset:0;overflow:hidden}.w-note-tears i{opacity:0;background:#140c0066;border-radius:50%/62% 62% 38% 38%;width:2.2cqw;height:3.3cqw;animation:9s ease-in infinite w-tear;position:absolute;top:0;left:20%}.w-note-tears i:before{content:"";background:linear-gradient(#140c0000,#140c004d);border-radius:999px;width:.6cqw;height:15cqw;position:absolute;bottom:78%;left:50%;transform:translate(-50%)}.w-note-tears i:nth-child(2){animation-duration:11s;animation-delay:-3.5s;left:58%}.w-note-tears i:nth-child(3){animation-duration:8s;animation-delay:-6s;left:82%}@keyframes w-tear{0%{opacity:0;transform:translateY(-4cqw)}6%{opacity:1}68%{opacity:1;transform:translateY(104cqw)}76%,to{opacity:0;transform:translateY(104cqw)}}@media (prefers-reduced-motion:reduce){.w-note-tears{display:none}}.w-love svg{transition:transform .15s}.w-love[aria-pressed=true] svg{fill:currentColor}.w-love:active svg{transform:scale(1.25)}