:root{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:.5;--pointer-from-left:.5;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--card-radius:20px}.pc-card-wrapper{perspective:800px;touch-action:none;width:100%;height:100%;position:relative;transform:translateZ(.1px)}.pc-behind{display:none}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity:1}.pc-card{border-radius:var(--card-radius);backface-visibility:hidden;background:#000;width:100%;height:100%;transition:transform .6s cubic-bezier(.23,1,.32,1);display:grid;position:relative;overflow:hidden;transform:translateZ(0)rotateX(0)rotateY(0);box-shadow:0 20px 40px -10px #0000004d}.pc-card:hover,.pc-card.active{transform:translateZ(0)rotateX(var(--rotate-y))rotateY(var(--rotate-x));transition:none}.pc-card-shell.entering .pc-card{transition:transform .18s ease-out}.pc-card-shell{z-index:1;width:100%;height:100%;position:relative}.pc-card *{border-radius:var(--card-radius);pointer-events:none;grid-area:1/-1;display:grid}.pc-inside{background-color:#000;position:absolute;inset:0;transform:none}.pc-shine,.pc-glare{display:none}.pc-avatar-content{mix-blend-mode:normal;backface-visibility:hidden;overflow:visible;transform:translateZ(2px)}.pc-avatar-content .avatar{object-fit:cover;width:100%;height:100%;transform:translateX(calc((var(--pointer-from-left) - .5)*15px))translateY(calc((var(--pointer-from-top) - .5)*15px));will-change:transform;filter:grayscale()brightness(.9);transition:transform .12s ease-out,filter .5s;position:absolute;top:0;left:0}.pc-card-wrapper:hover .avatar,.pc-card-wrapper.active .avatar{filter:grayscale(0)brightness()}.pc-user-info{--ui-inset:20px;bottom:var(--ui-inset);left:var(--ui-inset);right:var(--ui-inset);z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;background:#000000b3;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:absolute}.pc-user-details{align-items:center;gap:12px;display:flex}.pc-mini-avatar{border:1px solid #fff3;border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.pc-mini-avatar img{object-fit:cover;width:100%;height:100%}.pc-user-text{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.pc-handle{color:#fff;font-size:14px;font-weight:600;line-height:1.2}.pc-status{color:#888;font-size:12px;line-height:1.2}.pc-content:not(.pc-avatar-content){display:none}
:root{--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:.6;--sticker-lighting-constant:.1;--peel-direction:0deg}.sticker-container{transform:rotate(var(--peel-direction));transform-origin:50%;cursor:grab;position:relative}.sticker-container:active{cursor:grabbing}.sticker-container *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.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:url(#dropShadow);transition:clip-path .6s ease-out}.sticker-main>*{transform:rotate(calc(-1*var(--peel-direction)))}.sticker-lighting{filter:url(#pointLight)}.sticker-container:hover .sticker-main,.sticker-container.touch-active .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))}.sticker-container: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))}.sticker-image{transform:rotate(var(--sticker-rotate));width:var(--sticker-width,200px);height:auto;display:block}.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));pointer-events:none;transition:all .6s ease-out;position:absolute;transform:scaleY(-1)}.flap>*{transform:rotate(calc(-1*var(--peel-direction)))}.sticker-container:hover .flap,.sticker-container.touch-active .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)}.sticker-container: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)}.flap-lighting{filter:url(#pointLightFlipped)}.flap-image{transform:rotate(var(--sticker-rotate));filter:url(#expandAndFill);width:var(--sticker-width,200px);height:auto;display:block}.draggable{z-index:50;position:absolute;transform:translateZ(0)}@media (hover:none) and (pointer:coarse){.sticker-container{touch-action:none}}
.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface--svg{background:var(--lightningcss-light,hsl(0 0% 100%/var(--glass-frost,0)))var(--lightningcss-dark,hsl(0 0% 0%/var(--glass-frost,0)));-webkit-backdrop-filter:var(--filter-id,url(#glass-filter))saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter))saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,#00000026)var(--lightningcss-dark,#ffffff59),inset 0 0 10px 4px var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff26),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d;box-shadow:inset 0 0 2px 1px var(--lightningcss-light,lab(0% 0 0/.15))var(--lightningcss-dark,lab(100% 0 0/.35)),inset 0 0 10px 4px var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(100% 0 0/.15)),0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804)}.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.1);background:#ffffff40;border:1px solid #ffffff4d;box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media (prefers-color-scheme:dark){.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);background:#ffffff1a;border:1px solid #fff3;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";border-radius:inherit;z-index:-1;background:#ffffff26;position:absolute;inset:0}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){@media (prefers-color-scheme:dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#007aff)var(--lightningcss-dark,#0a84ff)}