:root{--bg:#f5f8f8;--fg:#1a1a1c;--fg-dim:#74706a}@property --peel-current{syntax:"<percentage>";inherits:true;initial-value:0%}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--bg);-webkit-font-smoothing:antialiased;letter-spacing:-.011em;color:var(--fg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow:hidden}.stage{background-image:radial-gradient(#0000000f 1.2px,#0000 1.2px);background-size:18px 18px;position:fixed;inset:0}.stage.is-plain{background-image:none}.svg-defs{pointer-events:none;width:0;height:0;position:absolute}.title{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;font-size:13px;font-weight:500;position:fixed;top:28px;left:50%;transform:translate(-50%)}.github-link{z-index:50;color:#8a8a90;background:#fff;border:1px solid #00000014;border-radius:999px;place-items:center;width:34px;height:34px;transition:color .12s;display:grid;position:fixed;bottom:16px;left:16px;box-shadow:0 2px 10px -4px #0000004d}.github-link:hover{color:#000}.github-link:focus-visible{outline-offset:2px;outline:2px solid #00000040}.sticker-wrap{cursor:grab;touch-action:none;will-change:transform, filter;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 0 80px transparent) var(--shadow-rest);--peel-current:0%;transition:scale var(--dur) var(--ease), filter var(--dur) var(--ease), --peel-current var(--dur) var(--ease);position:absolute;scale:1}.sticker-wrap:hover{filter:drop-shadow(0 0 80px transparent) var(--shadow-hover);--peel-current:var(--peel-hover)}.sticker-wrap.is-lifted{filter:drop-shadow(0 0 80px transparent) var(--shadow-lifted);--peel-current:var(--peel-lifted)}.sticker-wrap *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sticker-wrap:hover{scale:var(--hover-scale)}.sticker-wrap.is-lifted{scale:var(--lift-scale);cursor:grabbing}.sticker-container{top:var(--inner-pad,0px);left:var(--inner-pad,0px);width:var(--inner-size,100%);height:var(--inner-size,100%);transform:rotate(var(--peel-direction));transform-origin:50%;position:absolute}.sticker-main>*,.flap>*,.flap-shadow-source>*{width:100%;height:100%;transform:rotate(calc(-1 * var(--peel-direction)));transform-origin:50%}.sticker-main{width:100%;height:100%;clip-path:polygon(-15% var(--peel-offset), 115% var(--peel-offset), 115% 115%, -15% 115%);transition:clip-path var(--dur) var(--ease);position:absolute;top:0;left:0}.sticker-wrap:hover .sticker-main{clip-path:polygon(-15% calc(var(--peel-offset) + var(--peel-hover)), 115% calc(var(--peel-offset) + var(--peel-hover)), 115% 115%, -15% 115%)}.sticker-wrap.is-lifted .sticker-main{clip-path:polygon(-15% calc(var(--peel-offset) + var(--peel-lifted)), 115% calc(var(--peel-offset) + var(--peel-lifted)), 115% 115%, -15% 115%)}.sticker-image{object-fit:contain;filter:url(#sticker-outline);width:100%;height:100%;display:block}.sticker-shine{-webkit-mask-mode:alpha;pointer-events:none;mix-blend-mode:overlay;opacity:0;transition:opacity var(--dur) var(--ease);position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha}.sticker-wrap:hover .sticker-shine{opacity:1}@property --shine-pos{syntax:"<percentage>";inherits:true;initial-value:50%}.sticker-shine-streak{background:linear-gradient(135deg, transparent calc(var(--shine-pos,50%) - 22%), #fff6 calc(var(--shine-pos,50%) - 8%), #fff9 var(--shine-pos,50%), #fff6 calc(var(--shine-pos,50%) + 8%), transparent calc(var(--shine-pos,50%) + 22%));transition:--shine-pos 80ms linear;position:absolute;inset:0}.flap{width:100%;height:100%;left:0;top:calc(var(--peel-offset) * 2 - 100% - 1px);clip-path:polygon(-15% var(--peel-offset), 115% var(--peel-offset), 115% var(--peel-offset), -15% var(--peel-offset));transition:clip-path var(--dur) var(--ease), top var(--dur) var(--ease);position:absolute;transform:scaleY(-1)}.curl-shadow-canvas{pointer-events:none;position:absolute;inset:-50%}.curl-shadow-inner{position:absolute;inset:25%}.flap-shadow-source{width:100%;height:100%;left:0;top:calc(var(--peel-offset) * 2 - 100% - 1px);pointer-events:none;-webkit-mask-image:linear-gradient(to bottom, transparent calc(var(--peel-offset) - 8%), black var(--peel-offset), black calc(var(--peel-offset) + var(--peel-current) - 5%), transparent calc(var(--peel-offset) + var(--peel-current)));-webkit-mask-image:linear-gradient(to bottom, transparent calc(var(--peel-offset) - 8%), black var(--peel-offset), black calc(var(--peel-offset) + var(--peel-current) - 5%), transparent calc(var(--peel-offset) + var(--peel-current)));mask-image:linear-gradient(to bottom, transparent calc(var(--peel-offset) - 8%), black var(--peel-offset), black calc(var(--peel-offset) + var(--peel-current) - 5%), transparent calc(var(--peel-offset) + var(--peel-current)));transition:top var(--dur) var(--ease);position:absolute;transform:scaleY(-1)}.flap-image-shadow{object-fit:contain;filter:url(#sticker-back);width:100%;height:100%;display:block}.sticker-wrap:hover .flap{clip-path:polygon(-15% var(--peel-offset), 115% var(--peel-offset), 115% calc(var(--peel-offset) + var(--peel-hover)), -15% calc(var(--peel-offset) + var(--peel-hover)));top:calc(var(--peel-offset) * 2 + var(--peel-hover) * 2 - 100% - 1px)}.sticker-wrap:hover .flap-shadow-source{top:calc(var(--peel-offset) * 2 + var(--peel-hover) * 2 - 100% - 1px)}.sticker-wrap.is-lifted .flap{clip-path:polygon(-15% var(--peel-offset), 115% var(--peel-offset), 115% calc(var(--peel-offset) + var(--peel-lifted)), -15% calc(var(--peel-offset) + var(--peel-lifted)));top:calc(var(--peel-offset) * 2 + var(--peel-lifted) * 2 - 100% - 1px)}.sticker-wrap.is-lifted .flap-shadow-source{top:calc(var(--peel-offset) * 2 + var(--peel-lifted) * 2 - 100% - 1px)}.flap-image{object-fit:contain;filter:url(#sticker-back);width:100%;height:100%;display:block}