.sticker-peel{--sticker-peel-duration:.6s;--sticker-peel-ease:var(--ease-soft-out);--sticker-p:1.2rem;--sticker-start:calc(-1 * var(--sticker-p));--sticker-end:calc(100% + var(--sticker-p));--sticker-peelback-hover:30%;--sticker-peelback-active:40%;--sticker-lighting-constant:.1;--peel-direction:0deg;--sticker-rotate:0deg;--sticker-width:8.53rem}.sticker-peel.is-demo-flush .sticker-peel__main,.sticker-peel.is-demo-flush .sticker-peel__flap,.sticker-peel.is-enter-flush .sticker-peel__main,.sticker-peel.is-enter-flush .sticker-peel__flap{transition:none}.sticker-peel__surface{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transform:rotate(var(--peel-direction));transform-origin:50%}.sticker-peel__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));transition:clip-path var(--sticker-peel-duration) var(--sticker-peel-ease);will-change:clip-path, transform}.sticker-peel__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));top:calc(-100% - var(--sticker-p) - var(--sticker-p));transition:clip-path var(--sticker-peel-duration) var(--sticker-peel-ease), top var(--sticker-peel-duration) var(--sticker-peel-ease);will-change:clip-path, transform;transform:scaleY(-1)}.sticker-peel__surface.is-enter-peeled .sticker-peel__main,.sticker-peel__surface.is-demo-peeled .sticker-peel__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))}.sticker-peel__surface.is-enter-peeled .sticker-peel__flap,.sticker-peel__surface.is-demo-peeled .sticker-peel__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% + 2 * var(--sticker-peelback-hover) - 1px)}.sticker-peel__surface.is-demo-peeled .sticker-peel__main,.sticker-peel__surface.is-demo-peeled .sticker-peel__flap{will-change:auto}.sticker-peel__surface.is-demo-peeled .sticker-peel__main>div,.sticker-peel__surface.is-demo-peeled .sticker-peel__flap>div{filter:none!important}.sticker-peel__image{width:var(--sticker-width);height:auto;transform:rotate(calc(var(--sticker-rotate) - var(--peel-direction)));display:block}@media (hover:hover) and (pointer:fine){.sticker-peel__surface:hover .sticker-peel__main,.sticker-peel__surface.is-touch-active .sticker-peel__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))}.sticker-peel__surface:hover .sticker-peel__flap,.sticker-peel__surface.is-touch-active .sticker-peel__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% + 2 * var(--sticker-peelback-hover) - 1px)}.sticker-peel__surface:active .sticker-peel__main{clip-path:polygon(var(--sticker-start) var(--sticker-peelback-active), var(--sticker-end) var(--sticker-peelback-active), var(--sticker-end) var(--sticker-end), var(--sticker-start) var(--sticker-end))}.sticker-peel__surface:active .sticker-peel__flap{clip-path:polygon(var(--sticker-start) var(--sticker-start), var(--sticker-end) var(--sticker-start), var(--sticker-end) var(--sticker-peelback-active), var(--sticker-start) var(--sticker-peelback-active));top:calc(-100% + 2 * var(--sticker-peelback-active) - 1px)}}@media (hover:none),(pointer:coarse){.sticker-peel__surface.is-touch-active .sticker-peel__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))}.sticker-peel__surface.is-touch-active .sticker-peel__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% + 2 * var(--sticker-peelback-hover) - 1px)}}@media (prefers-reduced-motion:reduce){.sticker-peel__main,.sticker-peel__flap{transition:none}}