.draggable{--sticker-rotate:30deg;--sticker-p:10px;--sticker-peelback-hover:30%;--sticker-peelback-active:40%;--sticker-peel-easing:power3.out;--sticker-peel-hover-easing:power2.out;--sticker-start:calc(-1*var(--sticker-p));--sticker-end:calc(100% + var(--sticker-p));--sticker-shadow-opacity:.6;--sticker-lighting-constant:.1;--peel-direction:0deg;cursor:grab;z-index:10;position:absolute;transform:translateZ(0)}.draggable:active{cursor:grabbing}.sticker-container{transform:rotate(var(--peel-direction));transform-origin:50%;position:relative}.sticker-container *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.sticker-main{clip-path:polygon(var(--sticker-start)var(--sticker-start),var(--sticker-end)var(--sticker-start),var(--sticker-end)var(--sticker-end),var(--sticker-start)var(--sticker-end));filter:url(#dropShadow);transition:clip-path .6s ease-out}.sticker-main>*{transform:rotate(calc(-1*var(--peel-direction)))}.sticker-lighting{filter:url(#pointLight)}.sticker-container:hover .sticker-main,.sticker-container.touch-active .sticker-main{clip-path:polygon(var(--sticker-start)var(--sticker-peelback-hover),var(--sticker-end)var(--sticker-peelback-hover),var(--sticker-end)var(--sticker-end),var(--sticker-start)var(--sticker-end))}.sticker-container:active .sticker-main{clip-path:polygon(var(--sticker-start)var(--sticker-peelback-active),var(--sticker-end)var(--sticker-peelback-active),var(--sticker-end)var(--sticker-end),var(--sticker-start)var(--sticker-end))}.sticker-image{transform:rotate(var(--sticker-rotate))}.flap{width:100%;height:100%;left:0;top:calc(-100% - var(--sticker-p) - var(--sticker-p));clip-path:polygon(var(--sticker-start)var(--sticker-start),var(--sticker-end)var(--sticker-start),var(--sticker-end)var(--sticker-start),var(--sticker-start)var(--sticker-start));transition:all .6s ease-out;position:absolute;transform:scaleY(-1)}.flap>*{transform:rotate(calc(-1*var(--peel-direction)))}.sticker-container:hover .flap,.sticker-container.touch-active .flap{clip-path:polygon(var(--sticker-start)var(--sticker-start),var(--sticker-end)var(--sticker-start),var(--sticker-end)var(--sticker-peelback-hover),var(--sticker-start)var(--sticker-peelback-hover));top:calc(-100% + 2*var(--sticker-peelback-hover) - 1px)}.sticker-container:active .flap{clip-path:polygon(var(--sticker-start)var(--sticker-start),var(--sticker-end)var(--sticker-start),var(--sticker-end)var(--sticker-peelback-active),var(--sticker-start)var(--sticker-peelback-active));top:calc(-100% + 2*var(--sticker-peelback-active) - 1px)}.flap-lighting{filter:url(#pointLightFlipped)}.flap-image{transform:rotate(var(--sticker-rotate));filter:url(#expandAndFill)}@media (hover:none) and (pointer:coarse){.draggable{cursor:default}.sticker-container{touch-action:none}}.sticker-image,.flap-image{width:var(--sticker-width,200px)}.sticker-main,.flap{will-change:clip-path,transform}.sticker-ripple{pointer-events:none;z-index:10;background:#fff9;border-radius:50%;position:absolute}.sticker-bounds-container{pointer-events:none;z-index:40;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.sticker-bounds-container .draggable{pointer-events:auto}.sticker-label{pointer-events:none;z-index:11;flex-direction:column;align-items:flex-start;animation:3s ease-in-out infinite stickerLabelFloat;display:flex;position:absolute;top:120px;left:260px}.sticker-arrow{width:70px;height:55px;color:var(--racing-gold,#d4a853);opacity:.9;margin-top:-8px;margin-left:-10px}.sticker-label-text{color:var(--racing-gold,#d4a853);white-space:nowrap;letter-spacing:.5px;text-shadow:0 0 10px #d4a8534d,2px 2px #0000001a;opacity:.9;font-family:Indie Flower,Caveat,Comic Sans MS,cursive;font-size:1.1rem;transform:rotate(-5deg)}@keyframes stickerLabelFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}
