:root{--sticker-rotate:30deg;--sticker-p:10px;--sticker-peelback-hover:30%;--sticker-peelback-active:40%;--sticker-start:calc(var(--sticker-p)*-1);--sticker-end:calc(100% + var(--sticker-p))}.sticker-container{transform:rotate(var(--peel-direction,0deg));-webkit-user-select:none;user-select:none;position:relative}.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);will-change:clip-path;transition:clip-path .4s ease-out}.sticker-container:hover .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))}.flap{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));pointer-events:none;height:100%;left:0;top:calc(-100% - var(--sticker-p) - var(--sticker-p));will-change:clip-path,top;width:100%;transition:all .4s ease-out;position:absolute;transform:scaleY(-1)}.sticker-container:hover .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% + var(--sticker-peelback-hover)*2 - 1px)}.flap-lighting{filter:url(#pointLightFlipped)}.flap-image{filter:url(#expandAndFill)}.draggable{cursor:grab;position:relative}.draggable:active{cursor:grabbing}.flap-image,.sticker-image{pointer-events:none;width:100%;height:auto;display:block}