@layer components{#undoPeelId{position:absolute;inset:0;z-index:1}.undoPeel{position:absolute;inset:0;border-radius:inherit;background:var(--pl-bg-note);text-align:left;-webkit-mask-image:linear-gradient(135deg,transparent 49.6%,#000 50%);mask-image:linear-gradient(135deg,transparent 49.6%,#000 50%);-webkit-mask-size:220% 220%;mask-size:220% 220%;-webkit-mask-position:100% 100%;mask-position:100% 100%;animation:undoPeelWipe 7s linear .5s forwards}#clearTrayId .undoPeel{background:var(--pl-tab-tint)}#clearTrayId:hover .undoPeel{background:var(--pl-tab-tint-strong)}.undoPeel-crease{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:var(--pl-radius-box);background:linear-gradient(135deg,rgba(0,0,0,0) 47%,var(--pl-peel-shade) 49.3%,var(--pl-peel-edge) 50%,rgba(255,255,255,0) 52.5%);background-size:220% 220%;background-position:100% 100%;animation:undoPeelWipe 7s linear .5s forwards;border-radius:inherit}#clearTrayId.peelArmed:hover .undoPeel,#clearTrayId.peelArmed:hover .undoPeel-crease{animation-play-state:paused}@keyframes undoPeelWipe{0%{-webkit-mask-position:100% 100%;mask-position:100% 100%;background-position:100% 100%}to{-webkit-mask-position:0 0;mask-position:0 0;background-position:0 0}}.undoPeel-undo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;color:var(--pl-accent);text-decoration:underline;cursor:pointer}.undoPeel-undo:hover{color:var(--pl-accent-strong)}@media(prefers-reduced-motion:reduce){.undoPeel{-webkit-mask-image:none;mask-image:none;animation:none}.undoPeel-crease{display:none}#undoPeelId{animation:undoPeelFade 7s linear forwards}@keyframes undoPeelFade{0%,80%{opacity:1}to{opacity:0}}}.wlRemoveBtnClass{position:relative;overflow:hidden}.wlRemovePeel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:var(--pl-radius-box);background:var(--pl-bg-box);color:var(--pl-accent);font-weight:700;text-decoration:underline;cursor:pointer;z-index:1;-webkit-mask-image:linear-gradient(135deg,transparent 49.6%,#000 50%);mask-image:linear-gradient(135deg,transparent 49.6%,#000 50%);-webkit-mask-size:220% 220%;mask-size:220% 220%;-webkit-mask-position:100% 100%;mask-position:100% 100%;animation:wlRemovePeelWipe 10s linear .3s forwards}.wlRemoveBtnClass:hover .wlRemovePeel{background:var(--pl-bg-note)}.wlRemovePeel-label{pointer-events:none;white-space:nowrap}.wlRemovePeel-crease{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:var(--pl-radius-box);background:linear-gradient(135deg,rgba(0,0,0,0) 47%,var(--pl-peel-shade) 49.3%,var(--pl-peel-edge) 50%,rgba(255,255,255,0) 52.5%);background-size:220% 220%;background-position:100% 100%;animation:wlRemovePeelWipe 10s linear .3s forwards}.wlRemoveBtnClass.wlPeelArmed:hover .wlRemovePeel,.wlRemoveBtnClass.wlPeelArmed:hover .wlRemovePeel-crease{animation-play-state:paused}@keyframes wlRemovePeelWipe{0%{-webkit-mask-position:100% 100%;mask-position:100% 100%;background-position:100% 100%}to{-webkit-mask-position:0 0;mask-position:0 0;background-position:0 0}}@media(prefers-reduced-motion:reduce){.wlRemovePeel{-webkit-mask-image:none;mask-image:none;animation:wlRemovePeelFade 10s linear forwards}.wlRemovePeel-crease{display:none}@keyframes wlRemovePeelFade{0%,80%{opacity:1}to{opacity:0}}}}
/*# sourceMappingURL=peel.css.map */