:root{--sticker-p:10px;--sticker-peel-easing:2s linear(0,.002 0.4%,.008 0.9%,.02 1.4%,.035 1.9%,.055 2.4%,.083 3%,.11 3.5%,.146 4.1%,.214 5.1%,.297 6.2%,.624 10.2%,.756 11.9%,.821 12.8%,.874 13.6%,.93 14.5%,.975 15.3%,1.016 16.1%,1.053 16.9%,1.085 17.7%,1.116 18.6%,1.139 19.4%,1.16 20.3%,1.176 21.2%,1.187 22.1%,1.195 23.2%,1.197 24.4%,1.193 25.6%,1.183 26.9%,1.17 28.1%,1.153 29.4%,1.055 35.6%,1.031 37.3%,1.012 38.8%,.994 40.6%,.98 42.3%,.97 44.1%,.964 45.9%,.961 48.3%,.964 51.1%,.97 53.7%,.997 62.7%,1.003 66%,1.007 69.3%,1.007 74.4%,1 89.2%,1);--sticker-peel-hover-easing:1s linear(0,.008 1.1%,.031 2.2%,.129 4.8%,.257 7.2%,.671 14.2%,.789 16.5%,.881 18.6%,.957 20.7%,1.019 22.9%,1.063 25.1%,1.094 27.4%,1.114 30.7%,1.112 34.5%,1.018 49.9%,.99 59.1%,1);--sticker-start:calc(-1*var(--sticker-p));--sticker-end:calc(100% + var(--sticker-p))}.sticker-container{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;z-index:100;--main-p1-x:var(--sticker-start);--main-p1-y:var(--sticker-start);--main-p2-x:var(--sticker-end);--main-p2-y:var(--sticker-start);--main-p3-x:var(--sticker-end);--main-p3-y:var(--sticker-end);--main-p4-x:var(--sticker-start);--main-p4-y:var(--sticker-end);--flap-p1-x:var(--sticker-start);--flap-p1-y:var(--sticker-start);--flap-p2-x:var(--sticker-end);--flap-p2-y:var(--sticker-start);--flap-p3-x:var(--sticker-end);--flap-p3-y:var(--sticker-start);--flap-p4-x:var(--sticker-start);--flap-p4-y:var(--sticker-start);--flap-top:calc(-100% - var(--sticker-p)*2);--flap-left:0px;--flap-scale-x:1;--flap-scale-y:-1;position:relative}.sticker-main{width:100%;height:100%;clip-path:polygon(var(--main-p1-x)var(--main-p1-y),var(--main-p2-x)var(--main-p2-y),var(--main-p3-x)var(--main-p3-y),var(--main-p4-x)var(--main-p4-y));transition:clip-path var(--sticker-peel-hover-easing);will-change:clip-path}.sticker-flap{width:100%;height:100%;left:var(--flap-left);top:var(--flap-top);clip-path:polygon(var(--flap-p1-x)var(--flap-p1-y),var(--flap-p2-x)var(--flap-p2-y),var(--flap-p3-x)var(--flap-p3-y),var(--flap-p4-x)var(--flap-p4-y));transform:scaleX(var(--flap-scale-x))scaleY(var(--flap-scale-y));transition:clip-path var(--sticker-peel-hover-easing),top var(--sticker-peel-hover-easing),left var(--sticker-peel-hover-easing);will-change:clip-path,transform,top,left;position:absolute}.sticker-container.no-transition .sticker-main,.sticker-container.no-transition .sticker-flap{transition:none!important}
