:root{--sticker-rotate:30deg;--sticker-p:100px;--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}.sticker-container{transform:rotate(var(--peel-direction));transform-origin:50%;--sticker-fold-y:var(--sticker-start);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-fold-y),var(--sticker-end)var(--sticker-fold-y),var(--sticker-end)var(--sticker-end),var(--sticker-start)var(--sticker-end));transition:clip-path .6s ease-out}.sticker-main>*{transform:rotate(calc(-1*var(--peel-direction)))}.sticker-container:hover,.sticker-container.touch-active{--sticker-fold-y:var(--sticker-peelback-hover)}.sticker-container:active{--sticker-fold-y:var(--sticker-peelback-active)}.sticker-image{transform:rotate(var(--sticker-rotate))}.flap{width:100%;height:100%;left:0;top:calc(-100% + 2*var(--sticker-fold-y,var(--sticker-start)));clip-path:polygon(var(--sticker-start)var(--sticker-start),var(--sticker-end)var(--sticker-start),var(--sticker-end)var(--sticker-fold-y,var(--sticker-start)),var(--sticker-start)var(--sticker-fold-y,var(--sticker-start)));transition:all .6s ease-out;position:absolute;transform:scaleY(-1)}.flap>*{transform:rotate(calc(-1*var(--peel-direction)))}.flap-image{transform:rotate(var(--sticker-rotate))}.draggable-sticker{cursor:grab;position:relative;transform:translateZ(0)}.draggable-sticker:active{cursor:grabbing}@media (hover:none) and (pointer:coarse){.draggable-sticker{cursor:default}.sticker-container{touch-action:none}}.sticker-image,.flap-image{width:var(--sticker-width,200px);height:auto;display:block}.sticker-main,.flap{will-change:clip-path,transform}