.overlay.svelte-qem8xy.svelte-qem8xy{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#0f172a66;--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.content.svelte-qem8xy.svelte-qem8xy{margin-bottom:2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:2rem;text-align:center}@media (min-width: 640px){.content.svelte-qem8xy.svelte-qem8xy{padding:2.5rem}}.icon-container.svelte-qem8xy.svelte-qem8xy{margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:1.25rem}.role-card.svelte-qem8xy.svelte-qem8xy{display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:8rem;max-width:8rem;border-radius:1rem;padding:1rem;border-width:1px;border-color:#e2e8f099;--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1));--tw-shadow:0 2px 8px rgba(0,0,0,.02);--tw-shadow-colored:0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);outline:none}.icon-bubble.svelte-qem8xy.svelte-qem8xy{border-radius:.75rem;padding:.5rem;--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.role-title.svelte-qem8xy.svelte-qem8xy{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.role-card.admin-variant.svelte-qem8xy.svelte-qem8xy:hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:#fecacacc;background-color:#fef2f280;--tw-shadow:0 12px 24px -8px rgba(239,68,68,.16);--tw-shadow-colored:0 12px 24px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.role-card.admin-variant.svelte-qem8xy:hover .icon-bubble.svelte-qem8xy{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.role-card.admin-variant.svelte-qem8xy:hover .role-title.svelte-qem8xy{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.role-card.user-variant.svelte-qem8xy.svelte-qem8xy:hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:#a5f3fccc;background-color:#ecfeff80;--tw-shadow:0 12px 24px -8px rgba(59,130,246,.16);--tw-shadow-colored:0 12px 24px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.role-card.user-variant.svelte-qem8xy:hover .icon-bubble.svelte-qem8xy{--tw-bg-opacity:1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.role-card.user-variant.svelte-qem8xy:hover .role-title.svelte-qem8xy{--tw-text-opacity:1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.role-card.svelte-qem8xy.svelte-qem8xy:active{--tw-translate-y:0px;--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}