.cv-rb-peel{pointer-events:none;--sticker-p:10px;--sticker-peelback-hover:30%;--sticker-peelback-active:40%;--sticker-start:-25%;--sticker-end:125%;--sticker-shadow-opacity:.6;--sticker-lighting-constant:.1;--peel-direction:0deg;position:absolute;inset:0}.cv-rb-peel .sticker-container{width:100%;height:100%;transform:rotate(var(--peel-direction));transform-origin:50%;position:relative}.cv-rb-peel .sticker-container *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.cv-rb-peel .sticker-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));filter:none;transition:clip-path .2s cubic-bezier(.25,.46,.45,.94),filter .2s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0}.cv-rb-peel .sticker-shadow{pointer-events:none;filter:none;transition:filter .2s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0}.cv-rb-peel .sticker-shadow-img{object-fit:contain;opacity:0;width:100%;height:100%;transform:rotate(calc(-1 * var(--peel-direction)));transform-origin:50%;display:block}.cv-rb-peel .sticker-container:hover .sticker-shadow,.cv-rb-peel .sticker-container.touch-active .sticker-shadow,.cv-rb-peel .sticker-container.is-peel-open .sticker-shadow{filter:drop-shadow(0 8px 8px #0000001a)}.cv-rb-peel.is-active .sticker-container .sticker-shadow,.cv-rb-peel .sticker-container.is-active .sticker-shadow{filter:drop-shadow(0 16px 16px #0006)}.cv-rb-peel .sticker-main>*{width:100%;height:100%;transform:rotate(calc(-1 * var(--peel-direction)))}.cv-rb-peel .sticker-lighting{filter:none;width:100%;height:100%;transition:filter .2s cubic-bezier(.25,.46,.45,.94)}.cv-rb-peel .sticker-container:hover .sticker-lighting,.cv-rb-peel .sticker-container.touch-active .sticker-lighting,.cv-rb-peel .sticker-container.is-peel-open .sticker-lighting{filter:var(--rb-point-light)}.cv-rb-peel .sticker-container:hover .sticker-main,.cv-rb-peel .sticker-container.touch-active .sticker-main,.cv-rb-peel .sticker-container.is-peel-open .sticker-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))}.cv-rb-peel .sticker-container:active .sticker-main,.cv-rb-peel .sticker-container.is-active .sticker-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))}.cv-rb-peel .sticker-image{object-fit:contain;width:100%;height:100%;display:block}.cv-rb-peel .flap{width:100%;height:100%;left:0;top:calc(2 * var(--sticker-start) - 100%);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));transition:all .2s cubic-bezier(.25,.46,.45,.94);position:absolute;transform:scaleY(-1)}.cv-rb-peel .flap>*{width:100%;height:100%;transform:rotate(calc(-1 * var(--peel-direction)))}.cv-rb-peel .sticker-container:hover .flap,.cv-rb-peel .sticker-container.touch-active .flap,.cv-rb-peel .sticker-container.is-peel-open .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)}.cv-rb-peel .sticker-container:active .flap,.cv-rb-peel .sticker-container.is-active .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)}.cv-rb-peel .flap-lighting{width:100%;height:100%;filter:var(--rb-point-light-flipped)}.cv-rb-peel .flap-image{background:linear-gradient(calc(180deg + var(--peel-direction)), #aaa 0%, #dcdcdc 35%, #fff 75%);width:100%;height:100%;-webkit-mask-image:var(--flap-mask-src);-webkit-mask-position:50%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:var(--flap-mask-src);mask-image:var(--flap-mask-src);display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cv-rb-peel .sticker-main,.cv-rb-peel .flap{will-change:clip-path, transform}
