.sticker-peel{--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:calc(-1 * var(--sticker-p));--sticker-end:calc(100% + var(--sticker-p));--sticker-shadow-opacity:0.6;--sticker-lighting-constant:0.1;--peel-direction:0deg;--sticker-filter-drop-shadow:none;--sticker-filter-point-light:none;--sticker-filter-point-light-flipped:none;--sticker-filter-expand-fill:none}.sticker-peel--static{cursor:default}.sticker-peel--stuck .sticker-peel__container{pointer-events:none}.sticker-peel--stuck .sticker-peel__flap{display:none}.sticker-peel--stuck .sticker-peel__main{clip-path:none;transition:none}.sticker-peel--stuck .sticker-peel__container.touch-active .sticker-peel__main,.sticker-peel--stuck .sticker-peel__container:active .sticker-peel__main,.sticker-peel--stuck .sticker-peel__container:hover .sticker-peel__main{clip-path:none}.sticker-peel--ghost .sticker-peel__flap{opacity:0!important;visibility:hidden!important}.sticker-peel--ghost .sticker-peel__lighting,.sticker-peel--ghost .sticker-peel__main{filter:none}.sticker-peel--ghost .sticker-peel__image{opacity:1}.sticker-peel:not(.sticker-peel--static){cursor:grab}.sticker-peel:not(.sticker-peel--static):active{cursor:grabbing}.sticker-peel{position:relative;width:100%}.sticker-peel__container{position:relative;transform:rotate(var(--peel-direction));transform-origin:center;pointer-events:auto}.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(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 .6s ease-out;filter:var(--sticker-filter-drop-shadow)}.sticker-peel__main>*{transform:rotate(calc(-1 * var(--peel-direction)))}.sticker-peel__lighting{filter:var(--sticker-filter-point-light)}.sticker-peel__container.touch-active .sticker-peel__main,.sticker-peel__container:hover .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__container: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__image{transform:rotate(var(--sticker-rotate))}.sticker-peel__flap{position:absolute;width:100%;height:100%;left:0;top:calc(-100% - var(--sticker-p) - var(--sticker-p));opacity:0;visibility:hidden;pointer-events:none;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));transform:scaleY(-1);transition:clip-path .6s ease-out,top .6s ease-out,opacity .15s ease-out,visibility .15s ease-out}.sticker-peel__flap>*{transform:rotate(calc(-1 * var(--peel-direction)))}.sticker-peel__container.touch-active .sticker-peel__flap,.sticker-peel__container:hover .sticker-peel__flap{opacity:1;visibility:visible;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__container:active .sticker-peel__flap{opacity:1;visibility:visible;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)}.sticker-peel__flap-lighting{filter:var(--sticker-filter-point-light-flipped)}.sticker-peel__flap-image{transform:rotate(var(--sticker-rotate));filter:var(--sticker-filter-expand-fill)}.sticker-peel__flap-image,.sticker-peel__image{display:block;width:var(--sticker-width,200px);height:auto}.sticker-peel__flap,.sticker-peel__main{will-change:clip-path,transform}@media (hover:none) and (pointer:coarse){.sticker-peel:not(.sticker-peel--static){cursor:default}.sticker-peel__container{touch-action:none}}@media (prefers-reduced-motion:reduce){.sticker-peel__flap,.sticker-peel__main{transition:none!important}}