@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&family=Reenie+Beanie&display=swap');
.pcc-note{position:absolute;transform:translate(-50%,-120%) rotate(var(--rot));background:#fdfcfa;color:#7d7d7d;width:150px;height:112px;padding:10px 12px 8px;border-radius:2px;box-shadow:0 6px 14px rgba(0,0,0,.18);pointer-events:none;z-index:99998;animation:pccFloat var(--dur) ease-out forwards;overflow:hidden;display:flex;flex-direction:column;font-family:'Reenie Beanie','Caveat',cursive}
.pcc-body{flex:1;display:grid;grid-template-columns:1fr 34px;gap:6px;margin-top:2px}
.pcc-msg{line-height:1;color:#9a5a72;align-self:center;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;padding:0;word-break:break-word}
.pcc-right{display:flex;flex-direction:column;gap:5px;border-left:.5px solid #e6e2e2;padding-left:6px;padding-top:1px}
.pcc-stamp{align-self:center;width:22px;height:22px;border-radius:1px;flex-shrink:0;background:url('/cdn/shop/files/STAMP.png?v=1789991068') center/contain no-repeat;box-shadow:0 0 0 .5px #d8d2d3}
.pcc-lines{display:flex;flex-direction:column;gap:6px;flex:1}
.pcc-lines span{display:block;height:.5px;background:#e6e2e2;width:100%}
@keyframes pccFloat{0%{opacity:0;transform:translate(-50%,-100%) rotate(var(--rot)) scale(.7)}15%{opacity:1;transform:translate(-50%,-130%) rotate(var(--rot)) scale(1)}80%{opacity:1;transform:translate(calc(-50% + var(--dx)),-190%) rotate(var(--rot)) scale(1)}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),-230%) rotate(var(--rot)) scale(.9)}}