:root{--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:0%;--sticker-end:100%;--sticker-start-extended:calc(-1 * var(--sticker-p));--sticker-end-extended:calc(100% + var(--sticker-p));--sticker-shadow-opacity:0.6;--sticker-lighting-constant:0.1;--peel-direction:0deg}.sticker-container{position:relative;transform:rotate(var(--peel-direction));transform-origin:center;width:var(--sticker-width,200px);height:var(--sticker-width,200px);overflow:visible}.sticker-container *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.sticker-main{position:relative;width:100%;height:100%;overflow:visible;transition:clip-path .6s ease-out;filter:url(#dropShadow)}.sticker-main>*{transform:rotate(calc(-1 * var(--peel-direction)))}.sticker-lighting{filter:url(#pointLight)}.sticker-container.touch-active .sticker-main,.sticker-container:hover .sticker-main{clip-path:polygon(var(--sticker-start-extended) var(--sticker-peelback-hover),var(--sticker-end-extended) var(--sticker-peelback-hover),var(--sticker-end-extended) var(--sticker-end-extended),var(--sticker-start-extended) var(--sticker-end-extended))}.sticker-container:active .sticker-main{clip-path:polygon(var(--sticker-start-extended) var(--sticker-peelback-active),var(--sticker-end-extended) var(--sticker-peelback-active),var(--sticker-end-extended) var(--sticker-end-extended),var(--sticker-start-extended) var(--sticker-end-extended))}.sticker-image{transform:rotate(var(--sticker-rotate))}.flap{position:absolute;width:100%;height:100%;left:0;top:calc(-100% - var(--sticker-p) - var(--sticker-p));clip-path:polygon(0 0,0 0,0 0,0 0);transform:scaleY(-1);transition:all .6s ease-out;opacity:0}.flap>*{transform:rotate(calc(-1 * var(--peel-direction)))}.sticker-container.touch-active .flap,.sticker-container:hover .flap{clip-path:polygon(var(--sticker-start-extended) var(--sticker-start-extended),var(--sticker-end-extended) var(--sticker-start-extended),var(--sticker-end-extended) var(--sticker-peelback-hover),var(--sticker-start-extended) var(--sticker-peelback-hover));top:calc(-100% + 2 * var(--sticker-peelback-hover) - 1px);opacity:1}.sticker-container:active .flap{clip-path:polygon(var(--sticker-start-extended) var(--sticker-start-extended),var(--sticker-end-extended) var(--sticker-start-extended),var(--sticker-end-extended) var(--sticker-peelback-active),var(--sticker-start-extended) var(--sticker-peelback-active));top:calc(-100% + 2 * var(--sticker-peelback-active) - 1px);opacity:1}.flap-lighting{filter:url(#pointLightFlipped)}.flap-image{transform:rotate(var(--sticker-rotate));filter:url(#expandAndFill)}.draggable{position:absolute;cursor:grab;-webkit-transform:translateZ(0);transform:translateZ(0)}.draggable:active{cursor:grabbing}@media (hover:none) and (pointer:coarse){.draggable{cursor:default}.sticker-container{touch-action:none}}.flap-image,.sticker-image{width:var(--sticker-width,200px);height:auto;display:block}.flap,.sticker-main{will-change:clip-path,transform}.sticker-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.6);pointer-events:none;z-index:10}