.name-badge-preview-background[data-v-a0c402d8]{opacity:0;pointer-events:none;z-index:1000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#0002;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.name-badge-preview-background.focused[data-v-a0c402d8]{opacity:1;pointer-events:auto}.name-badge-preview-outer[data-v-a0c402d8]{padding:1rem;transition:transform .3s}.name-badge-preview-outer.focused[data-v-a0c402d8]{z-index:2000;transform:scale(1.7)}.name-badge-preview[data-v-a0c402d8]{-webkit-user-select:none;user-select:none;position:relative}.name-badge-preview #avatar-image[data-v-a0c402d8]{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;user-select:none;border-radius:50%;width:45.0672%;height:31.7%;position:absolute;top:57.6%;left:50.7%}.name-badge-preview #name-badge-name[data-v-a0c402d8]{color:#333;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;user-select:none;font-family:JetBrainsMono-Regular,IBMPlexSansJP-Regular;font-size:1.2rem;font-weight:700;position:absolute;top:31.38%;left:4.13%}.name-badge-preview #name-badge-lang[data-v-a0c402d8]{color:#333;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;user-select:none;font-family:JetBrainsMono-Regular,IBMPlexSansJP-Regular;font-size:1rem;font-weight:400;position:absolute;top:47.5%;left:75%;transform:translate(-50%)}.base-name-badge-wrapper[data-v-a0c402d8]{transform-style:preserve-3d;perspective:1000px;--rotation:0deg;transform:rotateY(var(--rotation));border-radius:1rem;transition:transform .3s,box-shadow .3s}.base-name-badge-wrapper .highlight[data-v-a0c402d8]{pointer-events:none;border-radius:1rem;transition:opacity .2s;position:absolute;top:0;left:0}.base-name-badge-wrapper .emboss[data-v-a0c402d8]{clip-path:inset(.75% 1% round .75rem);mix-blend-mode:color-dodge;display:grid;position:absolute;top:0;left:0}.base-name-badge-wrapper.hovering[data-v-a0c402d8]:not(.flip-start){transform:rotateY(var(--rotation))rotateX(var(--rx))rotateY(var(--ry));translate:calc((var(--ratio-x) - .5)*-5%)calc((var(--ratio-y) - .5)*-5%);box-shadow:0 4px 30px #0003}.base-name-badge-wrapper.hovering:not(.flip-start)>.highlight[data-v-a0c402d8]{background:radial-gradient(circle at var(--mx)var(--my),#ffffff1a 10%,#ffffff1a 20%,#0000001a 90%);mix-blend-mode:overlay;transform:rotateX(calc(var(--rx)*-.2))rotateY(calc(var(--ry)*-.2))}.base-name-badge-wrapper.hovering:not(.flip-start)>.emboss[data-v-a0c402d8]{background-blend-mode:exclusion,darken,color-dodge;background-size:400% 400%,210% 210%,210% 210%;background-position:calc(((var(--posx) - 50%)*-2.5) + 50%)calc(((var(--posy) - 50%)*-2.5) + 50%),calc(((var(--posx) - 50%)*1.5) + 50%)calc(((var(--posy) - 50%)*1.5) + 50%),calc(((var(--posx) - 50%)*1.5) + 50%)calc(((var(--posy) - 50%)*1.5) + 50%);filter:brightness(.95)contrast(4)saturate(.75)}.base-name-badge-wrapper.hovering:not(.flip-start)>.emboss[data-v-a0c402d8]:before{content:"";z-index:2;background-image:radial-gradient(farthest-corner ellipse at calc(((var(--mx))*.5) + 25%)calc(((var(--my))*.5) + 25%),#6464641a 5%,#3232321a 15%,#0009 30%);mix-blend-mode:multiply;background-position:50%;background-size:350% 350%;grid-area:1/1}.base-name-badge-wrapper.hovering:not(.flip-start)>.emboss[data-v-a0c402d8]:after{content:"";opacity:.1;background-image:url(./1.DFA9hyF-.png);background-color:var(--color-sub);background-repeat:repeat;background-size:25% 25%,400% 100%;background-position:center,calc(((var(--posx) - 50%)*-2.5) + 50%)calc(((var(--posy) - 50%)*-2.5) + 50%);filter:brightness()contrast()saturate(0);mix-blend-mode:soft-light;background-blend-mode:multiply;grid-area:1/1}.base-name-badge-wrapper .card-face-back[data-v-a0c402d8]{z-index:999;transform:rotateY(calc(var(--rotation) + 180deg));-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border:2px solid #ddd;transition:transform .6s;position:absolute;top:0;left:0}.card-face[data-v-a0c402d8]{perspective:1000px;width:20vw;height:100%;transform-style:preserve-3d;position:absolute}