:root{--breakpoint-s:30rem;--breakpoint-m:48rem;--breakpoint-l:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:120rem}@keyframes stickersStart{0%{opacity:0}to{opacity:1}}joyful-stickers{z-index:9999;opacity:0;animation:stickersStart .5s var(--animation-duration) var(--animation-easing) forwards;display:none;position:fixed;bottom:1rem;left:1rem}joyful-stickers *{-webkit-user-select:none;user-select:none}@media (max-width:48rem){joyful-stickers{display:none!important}}joyful-stickers .buttons{transition:transform var(--animation-duration) var(--transition-easing) .2s;display:flex;transform:translateY(50%)}joyful-stickers .buttons button{max-width:9rem;transition:transform calc(var(--animation-duration) * 1.2) var(--transition-easing), opacity var(--animation-duration) var(--animation-easing);background-color:#0000;border:0;border-radius:0;padding:0;position:relative}joyful-stickers .buttons button+button{margin-left:-2rem}joyful-stickers .buttons button:first-child{transform:translate(0)}joyful-stickers .buttons button:nth-child(2){transform:translate(-75%)rotate(-10deg)}joyful-stickers .buttons button:nth-child(3){transform:translate(-150%)rotate(10deg)}joyful-stickers .buttons button:nth-child(4){transform:translate(-200%)rotate(10deg)}joyful-stickers .buttons:hover{transition-delay:0s;transform:none}joyful-stickers .buttons:hover button{transform:none}joyful-stickers .buttons:hover button:not(:hover){filter:grayscale()brightness(.4)}.joyful-stickers__button img{object-fit:cover;width:100%;height:100%}.placing-sticker{pointer-events:none;z-index:10000;opacity:.6;animation:sticker-placing var(--animation-duration) var(--animation-easing);position:fixed;transform:translate(-50%,-50%)}.placing-sticker img{object-fit:cover;width:4rem;height:4rem}.placed-sticker{pointer-events:auto;cursor:pointer;z-index:1000;animation:sticker-placed var(--animation-duration) var(--animation-easing);filter:drop-shadow(0 2px 4px #00000026);transition:transform .2s;position:absolute}.placed-sticker:hover{transform:scale(1.05)}.placed-sticker img{object-fit:cover;width:10rem;height:10rem}@keyframes sticker-placing{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(180deg)}to{opacity:.6;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes sticker-placed{0%{opacity:0;transform:scale(.3)rotate(45deg)}50%{opacity:1;transform:scale(1.3)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes sticker-removing{0%{opacity:1;transform:scale(1)}30%{opacity:.8;transform:scale(1.3)}to{opacity:0;transform:scale(0)}}@keyframes cloud-puff{0%{opacity:0;transform:scale(.3)}20%{opacity:1;transform:scale(1) translate(var(--dx,0), var(--dy,0))}to{opacity:0;transform:scale(.5) translate(calc(var(--dx,0) * 2), calc(var(--dy,0) * 2))}}.sticker-removing{animation:.6s ease-out forwards sticker-removing}.sticker-cloud{pointer-events:none;z-index:10001;--dx:calc((var(--random) - .5) * 80px);--dy:calc((var(--random) - .5) * 80px);background:#ffffffe6;border-radius:50%;width:20px;height:20px;animation:.8s ease-out forwards cloud-puff;position:fixed}.sticker-cloud:before,.sticker-cloud:after{content:"";background:#fffc;border-radius:50%;position:absolute}.sticker-cloud:before{width:16px;height:16px;top:-8px;left:-6px}.sticker-cloud:after{width:24px;height:24px;top:-6px;right:-8px}.sticker-drag-preview{pointer-events:none;z-index:10000;opacity:.7;position:fixed;transform:translate(-50%,-50%)}.sticker-drag-preview img{object-fit:cover;width:4rem;height:4rem}.sticker-dialog{padding:var(--space-m) var(--space-l);border-radius:var(--border-radius);background-color:var(--color-neutral-50);color:var(--color-neutral-1000);border:0;margin-block:auto;margin-inline:auto}.sticker-dialog:focus-visible{outline-color:var(--outline-color)}.sticker-dialog::backdrop{background-color:var(--color-neutral-400);opacity:.4}