.pet-sticker{display:inline-block;width:128px;height:128px;flex:none;background-image:var(--sprite);background-repeat:no-repeat;background-size:calc(var(--frames)*128px) 128px;background-position:0 0;vertical-align:middle}.pet-sticker.animated{animation:pet-frames var(--duration) steps(var(--frames)) infinite}@keyframes pet-frames{to{background-position:calc(var(--frames)*-128px) 0}}.sticker-message{align-self:flex-end;max-width:150px;padding:0;background:none;border:0}.sticker-message small{display:block;text-align:center;color:#91a0bd;font-size:10px}.sticker-toggle{width:46px;min-width:46px;padding:5px;display:grid;place-items:center;background:#f3f5ff;border:1px solid #dce5ff;border-radius:12px;color:#7470d5}.sticker-toggle[aria-expanded=true]{background:#e4e3ff;border-color:#a59cff}.sticker-toggle img{width:32px;height:32px;object-fit:contain}.sticker-picker{background:#f8faff;border:1px solid #e0e9ff;border-radius:16px;margin-top:12px;padding:12px}.sticker-picker-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:5px}.sticker-picker-heading span{font-size:10px;color:#94a2bf}.sticker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-height:270px;overflow-y:auto;overscroll-behavior:contain;margin-top:8px;gap:5px}.sticker-grid button{min-width:0;padding:0 0 7px;border-radius:9px;overflow:hidden}.sticker-grid button:hover{background:#ebeefe}.sticker-grid .pet-sticker{width:64px;height:64px;background-size:calc(var(--frames)*64px) 64px;animation:none}.sticker-grid button:hover .animated{animation:pet-small var(--duration) steps(var(--frames)) infinite}@keyframes pet-small{to{background-position:calc(var(--frames)*-64px) 0}}.sticker-grid small{font-size:10px;display:block;color:#6c7da7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-footer .pet-sticker{margin-right:30px}.result-pets{display:flex;justify-content:center;gap:0}.result-pets .pet-sticker{width:128px;height:128px}.settings-scene .pet-sticker{margin-right:20px}.sticker-picker[hidden]{display:none}@media(prefers-reduced-motion:reduce){.pet-sticker.animated,.sticker-grid button:hover .animated{animation:none!important}}

.room-sticker-toggle{padding:0;min-width:30px;width:30px;min-height:34px;display:grid;place-items:center}.room-sticker-toggle img{width:28px;height:28px;object-fit:contain}.room-sticker-dialog{width:360px;max-width:calc(100% - 24px);max-height:80dvh;overflow:auto;border:1px solid #cfdaff;border-radius:20px;padding:14px;background:white;color:#405889}.room-sticker-dialog::backdrop{background:#27386655}.room-sticker-dialog [data-close]{font-size:23px;min-width:40px}.room-sticker-dialog .sticker-grid{max-height:45dvh}.room-reaction-strip{height:64px;overflow:auto;border-top:1px solid #edf0fb;margin-top:7px}.draw-message .pet-sticker{width:64px;height:64px;background-size:calc(var(--frames)*64px) 64px}.draw-message .pet-sticker.animated{animation-name:pet-small}.draw-top{gap:5px!important}@media(max-width:350px){.draw-top>img{display:none}}