.bbb-peel{--sticker-rotate:30deg;--sticker-p:10px;--sticker-peelback-hover:30%;--sticker-peelback-active:40%;--sticker-start:calc(-1 * var(--sticker-p));--sticker-end:calc(100% + var(--sticker-p));--sticker-shadow-opacity:.6;--sticker-lighting-constant:.1;--peel-direction:0deg;--sticker-width:100%;cursor:grab;line-height:0;position:absolute;transform:translateZ(0)}.bbb-peel:active{cursor:grabbing}.bbb-peel.is-disabled{cursor:default}.bbb-peel-container{transform:rotate(var(--peel-direction));transform-origin:50%;position:relative}.bbb-peel-container *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.bbb-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));will-change:clip-path, transform;transition:clip-path .6s ease-out}.bbb-peel-main>*{transform:rotate(calc(-1 * var(--peel-direction)))}.bbb-peel-container:hover .bbb-peel-main,.bbb-peel-container.touch-active .bbb-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))}.bbb-peel-container:active .bbb-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))}.bbb-peel-image{width:var(--sticker-width,100%);height:auto;transform:rotate(var(--sticker-rotate));pointer-events:none;display:block}.bbb-peel-flap{width:100%;height:100%;left:0;top:calc(-100% - var(--sticker-p) - var(--sticker-p));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));will-change:clip-path, transform, top;transition:all .6s ease-out;position:absolute;transform:scaleY(-1)}.bbb-peel-flap>*{transform:rotate(calc(-1 * var(--peel-direction)))}.bbb-peel-container:hover .bbb-peel-flap,.bbb-peel-container.touch-active .bbb-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)}.bbb-peel-container:active .bbb-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) and (pointer:coarse){.bbb-peel{cursor:default}.bbb-peel-container{touch-action:none}}