.sticker-peel-container{transform:rotate(var(--peel-direction));transform-origin:50%;position:relative}.sticker-peel-container *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.sticker-peel-main{clip-path:polygon(calc(-1 * var(--sticker-p)) calc(-1 * var(--sticker-p)), calc(100% + var(--sticker-p)) calc(-1 * var(--sticker-p)), calc(100% + var(--sticker-p)) calc(100% + var(--sticker-p)), calc(-1 * var(--sticker-p)) calc(100% + var(--sticker-p)));filter:url(#stickerDropShadow);transition:clip-path .6s ease-out}.sticker-peel-main>*{transform:rotate(calc(-1 * var(--peel-direction)))}.sticker-peel-lighting{filter:url(#stickerPointLight)}.sticker-peel-container:hover .sticker-peel-main,.sticker-peel-container.touch-active .sticker-peel-main{clip-path:polygon(calc(-1 * var(--sticker-p)) var(--sticker-peelback-hover), calc(100% + var(--sticker-p)) var(--sticker-peelback-hover), calc(100% + var(--sticker-p)) calc(100% + var(--sticker-p)), calc(-1 * var(--sticker-p)) calc(100% + var(--sticker-p)))}.sticker-peel-container:active .sticker-peel-main,.sticker-peel-container.peeled .sticker-peel-main{clip-path:polygon(calc(-1 * var(--sticker-p)) var(--sticker-peelback-active), calc(100% + var(--sticker-p)) var(--sticker-peelback-active), calc(100% + var(--sticker-p)) calc(100% + var(--sticker-p)), calc(-1 * var(--sticker-p)) calc(100% + var(--sticker-p)))}.sticker-peel-image{transform:rotate(var(--sticker-rotate))}.sticker-peel-flap{width:100%;height:100%;left:0;top:calc(-100% - var(--sticker-p) - var(--sticker-p));clip-path:polygon(calc(-1 * var(--sticker-p)) calc(-1 * var(--sticker-p)), calc(100% + var(--sticker-p)) calc(-1 * var(--sticker-p)), calc(100% + var(--sticker-p)) calc(-1 * var(--sticker-p)), calc(-1 * var(--sticker-p)) calc(-1 * var(--sticker-p)));transition:all .6s ease-out;position:absolute;transform:scaleY(-1)}.sticker-peel-flap>*{transform:rotate(calc(-1 * var(--peel-direction)))}.sticker-peel-container:hover .sticker-peel-flap,.sticker-peel-container.touch-active .sticker-peel-flap{clip-path:polygon(calc(-1 * var(--sticker-p)) calc(-1 * var(--sticker-p)), calc(100% + var(--sticker-p)) calc(-1 * var(--sticker-p)), calc(100% + var(--sticker-p)) var(--sticker-peelback-hover), calc(-1 * var(--sticker-p)) var(--sticker-peelback-hover));top:calc(-100% + 2 * var(--sticker-peelback-hover) - 1px)}.sticker-peel-container:active .sticker-peel-flap,.sticker-peel-container.peeled .sticker-peel-flap{clip-path:polygon(calc(-1 * var(--sticker-p)) calc(-1 * var(--sticker-p)), calc(100% + var(--sticker-p)) calc(-1 * var(--sticker-p)), calc(100% + var(--sticker-p)) var(--sticker-peelback-active), calc(-1 * var(--sticker-p)) var(--sticker-peelback-active));top:calc(-100% + 2 * var(--sticker-peelback-active) - 1px)}.sticker-peel-flap-lighting{filter:url(#stickerPointLightFlipped)}.sticker-peel-flap-image{transform:rotate(var(--sticker-rotate));filter:url(#stickerExpandAndFill)}.sticker-peel-draggable{cursor:grab;pointer-events:auto;position:absolute;transform:translateZ(0)}.sticker-peel-draggable:active{cursor:grabbing}@media (hover:none) and (pointer:coarse){.sticker-peel-draggable{cursor:default}.sticker-peel-container{touch-action:none}}.sticker-peel-image,.sticker-peel-flap-image{width:var(--sticker-width,200px);display:block}.sticker-peel-main,.sticker-peel-flap{will-change:clip-path, transform}