.profiles.svelte-1ccpvml{--line: 1.5px;--line-color: #bbb;gap:var(--line);background:var(--line-color);background-clip:content-box;padding:var(--line)}.profiles.svelte-1ccpvml .profile:where(.svelte-1ccpvml){background:#fff;box-sizing:border-box;position:relative;display:inline-block;overflow:hidden;max-width:calc(25% - 2px)}.profiles.svelte-1ccpvml .profile:where(.svelte-1ccpvml):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;opacity:0;transition:opacity .3s;z-index:2}.profiles.svelte-1ccpvml .profile:where(.svelte-1ccpvml) .content:where(.svelte-1ccpvml){z-index:1}.profiles.svelte-1ccpvml .profile:where(.svelte-1ccpvml) .status:where(.svelte-1ccpvml){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);background:#5f6a6bcc;color:#fff;text-transform:uppercase;padding:10px 60px;font-weight:700;z-index:3;opacity:0;transition:opacity .3s;pointer-events:none}.profiles.svelte-1ccpvml .profile:where(.svelte-1ccpvml) .status.good-status:where(.svelte-1ccpvml){background:#71db5180}.profiles.svelte-1ccpvml .profile:where(.svelte-1ccpvml) .status.bad-status:where(.svelte-1ccpvml){background:#fc7489bb}.profiles.svelte-1ccpvml .profile:where(.svelte-1ccpvml):hover:after{opacity:1}.profiles.svelte-1ccpvml .profile:where(.svelte-1ccpvml):hover .status:where(.svelte-1ccpvml){opacity:1}