.DemoRolePicker-module__c4IYSG__root{--floor:#081522;--card:#0e2742;--raised:#173356;--t1:#f4edddf7;--t2:#f4edddc7;--t3:#f4eddd9e;--hair:#f4eddd1f;--hair2:#f4eddd38;--hair3:#f4eddd52;--azure:122, 152, 255;--navy-blob:#22507e;--indigo-blob:#34407a;--mark-ink:#dfeaf7;--easeq:cubic-bezier(.23, 1, .32, 1);width:100%;min-height:100vh;font-family:var(--font-sans);color:var(--t1);background:radial-gradient(135% 115% at 50% -8%, #0d2138 0%, var(--floor) 52%, #05101c 100%);place-items:center;display:grid;position:relative;overflow:hidden}.DemoRolePicker-module__c4IYSG__blob{z-index:0;filter:blur(90px);mix-blend-mode:screen;pointer-events:none;border-radius:50%;position:absolute}.DemoRolePicker-module__c4IYSG__b1{background:var(--navy-blob);opacity:.42;width:480px;height:480px;top:-8vh;left:-6vw}.DemoRolePicker-module__c4IYSG__b2{background:var(--indigo-blob);opacity:.34;width:440px;height:440px;bottom:-10vh;right:-7vw}.DemoRolePicker-module__c4IYSG__grid{z-index:1;pointer-events:none;background-image:linear-gradient(#f3ebda0d 1px,#0000 1px),linear-gradient(90deg,#f3ebda0d 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(62% 52% at 50% 2%,#000,#0000 72%);mask-image:radial-gradient(62% 52% at 50% 2%,#000,#0000 72%)}.DemoRolePicker-module__c4IYSG__grain{z-index:2;pointer-events:none;mix-blend-mode:overlay;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.DemoRolePicker-module__c4IYSG__vig{z-index:2;pointer-events:none;background:radial-gradient(120% 90% at 50% 38%,#0000 56%,#03091299);position:absolute;inset:0}.DemoRolePicker-module__c4IYSG__stage{z-index:3;text-align:center;width:100%;max-width:560px;padding:30px 20px;position:relative}.DemoRolePicker-module__c4IYSG__mark{color:var(--mark-ink);filter:drop-shadow(0 5px 20px rgba(var(--azure), .4));justify-content:center;margin:0 auto 20px;display:flex}.DemoRolePicker-module__c4IYSG__markInk{color:var(--mark-ink)}.DemoRolePicker-module__c4IYSG__kick{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--t3);margin:0 0 12px;font-size:11px;font-weight:600}.DemoRolePicker-module__c4IYSG__brand{font-family:var(--font-display);font-variation-settings:"opsz" 144;letter-spacing:-.015em;color:var(--t1);margin:0;font-size:clamp(2.4rem,6vw,3.6rem);font-weight:600;line-height:1}.DemoRolePicker-module__c4IYSG__sub{color:var(--t2);margin:12px 0 0;font-size:15px}.DemoRolePicker-module__c4IYSG__error{color:#f3c8be;text-align:left;background:#d66c5c24;border:1px solid #d66c5c73;border-radius:10px;margin:18px 0 0;padding:9px 12px;font-size:13px}.DemoRolePicker-module__c4IYSG__cards{flex-direction:column;gap:12px;margin-top:30px;display:flex}.DemoRolePicker-module__c4IYSG__card{text-align:left;cursor:pointer;border:1px solid var(--hair);background:var(--card);width:100%;color:var(--t1);font-family:var(--font-sans);appearance:none;transition:transform .26s var(--easeq), box-shadow .26s var(--easeq), border-color .26s;border-radius:14px;align-items:flex-start;gap:15px;padding:16px 17px 0;display:flex;position:relative;overflow:hidden}.DemoRolePicker-module__c4IYSG__card:disabled{cursor:default}.DemoRolePicker-module__c4IYSG__card:hover:not(:disabled){border-color:var(--hair2);transform:translateY(-3px);box-shadow:0 14px 44px #00000080}.DemoRolePicker-module__c4IYSG__card:focus-visible{border-color:rgba(var(--azure), .6);box-shadow:0 0 0 3px rgba(var(--azure), .35);outline:none}.DemoRolePicker-module__c4IYSG__card:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(300px circle at var(--mx,50%) var(--my,0%), rgba(var(--azure), .13), transparent 60%);border-radius:14px;transition:opacity .3s;position:absolute;inset:0}@media (hover:hover){.DemoRolePicker-module__c4IYSG__card:hover:not(:disabled):after{opacity:1}}.DemoRolePicker-module__c4IYSG__card:focus-visible:after{opacity:1;background:radial-gradient(300px circle at 50% 30%, rgba(var(--azure), .13), transparent 60%)}.DemoRolePicker-module__c4IYSG__glyph{border:1px solid var(--hair2);background:var(--g-bg);width:46px;height:46px;color:var(--g-fg);border-radius:12px;flex:none;place-items:center;display:grid}.DemoRolePicker-module__c4IYSG__glyph svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.DemoRolePicker-module__c4IYSG__gDirector{--g-bg:#7a98ff21;--g-fg:#a5bdff}.DemoRolePicker-module__c4IYSG__gTeacher{--g-bg:#6eb88e21;--g-fg:#96ceac}.DemoRolePicker-module__c4IYSG__gParent{--g-bg:#ceac7024;--g-fg:#e0c18e}.DemoRolePicker-module__c4IYSG__body{flex:1;min-width:0;padding-bottom:16px;display:block}.DemoRolePicker-module__c4IYSG__crow{align-items:center;gap:10px;margin-top:5px;display:flex}.DemoRolePicker-module__c4IYSG__role{color:var(--t1);letter-spacing:-.01em;font-size:18px;font-weight:600}.DemoRolePicker-module__c4IYSG__who{color:var(--t2);font-size:13px}.DemoRolePicker-module__c4IYSG__desc{color:var(--t2);margin:3px 0 0;font-size:12.5px;display:block}.DemoRolePicker-module__c4IYSG__chev{color:var(--t3);transition:transform .26s var(--easeq), color .26s;position:absolute;top:18px;right:16px}.DemoRolePicker-module__c4IYSG__card:hover:not(:disabled) .DemoRolePicker-module__c4IYSG__chev{color:rgba(var(--azure), .9);transform:translate(4px)}.DemoRolePicker-module__c4IYSG__spec{height:62px;margin-top:13px;display:block;-webkit-mask-image:linear-gradient(#000 78%,#0000);mask-image:linear-gradient(#000 78%,#0000)}.DemoRolePicker-module__c4IYSG__lbl{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--t3);font-size:9.5px;display:block}.DemoRolePicker-module__c4IYSG__tiles{gap:7px;margin-top:6px;display:flex}.DemoRolePicker-module__c4IYSG__tile{border:1px solid var(--hair);background:#ffffff04;border-radius:8px;flex:1;padding:7px 8px;display:block}.DemoRolePicker-module__c4IYSG__tile b{font-family:var(--font-display);color:var(--t1);margin-bottom:2px;font-size:16px;line-height:1;display:block}.DemoRolePicker-module__c4IYSG__tile span{color:var(--t2);letter-spacing:.03em;font-size:10px}.DemoRolePicker-module__c4IYSG__rrow{color:var(--t2);align-items:center;gap:8px;margin-top:7px;font-size:11px;display:flex}.DemoRolePicker-module__c4IYSG__dot{border-radius:50%;flex:none;width:6px;height:6px}.DemoRolePicker-module__c4IYSG__bar{background:var(--hair);border-radius:2px;flex:1;height:4px;overflow:hidden}.DemoRolePicker-module__c4IYSG__bar i{background:rgba(var(--azure), .6);border-radius:2px;height:100%;display:block}.DemoRolePicker-module__c4IYSG__spark{margin-top:8px;display:block}.DemoRolePicker-module__c4IYSG__foot{color:var(--t3);margin-top:24px;font-size:12px}.DemoRolePicker-module__c4IYSG__card.DemoRolePicker-module__c4IYSG__picked{z-index:5;border-color:rgba(var(--azure), .6)!important;box-shadow:0 20px 60px #0009, 0 0 0 1px rgba(var(--azure), .4)!important;transform:translateY(-3px)scale(1.025)!important}.DemoRolePicker-module__c4IYSG__card.DemoRolePicker-module__c4IYSG__recede{filter:blur(2px);opacity:.25!important}.DemoRolePicker-module__c4IYSG__veil{z-index:60;pointer-events:none;background:radial-gradient(120% 100% at 50% 45%, #0d2138, var(--floor) 55%, #05101c);opacity:0;visibility:hidden;place-items:center;display:grid;position:fixed;inset:0}.DemoRolePicker-module__c4IYSG__veilShow{opacity:1;visibility:visible}.DemoRolePicker-module__c4IYSG__veilInner{text-align:center}.DemoRolePicker-module__c4IYSG__veilMark{color:var(--mark-ink);filter:drop-shadow(0 5px 22px rgba(var(--azure), .5));justify-content:center;display:flex}.DemoRolePicker-module__c4IYSG__veilLabel{color:var(--t2);margin-top:16px;font-size:14px}.DemoRolePicker-module__c4IYSG__veilBar{background:#ffffff1a;border-radius:3px;width:120px;height:3px;margin:14px auto 0;overflow:hidden}.DemoRolePicker-module__c4IYSG__veilBar i{background:linear-gradient(90deg, transparent, rgba(var(--azure), .9), transparent);border-radius:3px;width:38%;height:100%;display:block}.DemoRolePicker-module__c4IYSG__srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:560px){.DemoRolePicker-module__c4IYSG__stage{padding:22px 14px}}@media (prefers-reduced-motion:no-preference){.DemoRolePicker-module__c4IYSG__b1{animation:55s ease-in-out infinite DemoRolePicker-module__c4IYSG__d1}.DemoRolePicker-module__c4IYSG__b2{animation:62s ease-in-out infinite DemoRolePicker-module__c4IYSG__d2}.DemoRolePicker-module__c4IYSG__mark{opacity:0;animation:DemoRolePicker-module__c4IYSG__wake .56s var(--easeq) .1s forwards, DemoRolePicker-module__c4IYSG__breathe 7s ease-in-out 1.1s infinite;transform:scale(.94)}.DemoRolePicker-module__c4IYSG__kick{opacity:0;animation:DemoRolePicker-module__c4IYSG__rise .5s var(--easeq) .3s forwards}.DemoRolePicker-module__c4IYSG__brand{opacity:0;animation:DemoRolePicker-module__c4IYSG__rise .5s var(--easeq) .4s forwards}.DemoRolePicker-module__c4IYSG__sub{opacity:0;animation:DemoRolePicker-module__c4IYSG__rise .5s var(--easeq) .5s forwards}.DemoRolePicker-module__c4IYSG__card{opacity:0;animation:DemoRolePicker-module__c4IYSG__cardin .44s var(--easeq) forwards;transform:translateY(12px)}.DemoRolePicker-module__c4IYSG__card:first-child{animation-delay:.62s}.DemoRolePicker-module__c4IYSG__card:nth-child(2){animation-delay:.7s}.DemoRolePicker-module__c4IYSG__card:nth-child(3){animation-delay:.78s}.DemoRolePicker-module__c4IYSG__foot{opacity:0;animation:DemoRolePicker-module__c4IYSG__rise .5s var(--easeq) .95s forwards}.DemoRolePicker-module__c4IYSG__veil{transition:opacity .5s ease, transform .85s var(--easeq);transform:scale(1.05)}.DemoRolePicker-module__c4IYSG__veilShow{transform:scale(1)}.DemoRolePicker-module__c4IYSG__veilMark{animation:3.2s ease-in-out infinite DemoRolePicker-module__c4IYSG__breathe}.DemoRolePicker-module__c4IYSG__veilBar i{animation:1.1s ease-in-out infinite DemoRolePicker-module__c4IYSG__vs}}@keyframes DemoRolePicker-module__c4IYSG__d1{0%,to{transform:translate(0)}50%{transform:translate(26px,30px)}}@keyframes DemoRolePicker-module__c4IYSG__d2{0%,to{transform:translate(0)}50%{transform:translate(-24px,-22px)}}@keyframes DemoRolePicker-module__c4IYSG__wake{to{opacity:1;transform:scale(1)}}@keyframes DemoRolePicker-module__c4IYSG__rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes DemoRolePicker-module__c4IYSG__cardin{to{opacity:1;transform:none}}@keyframes DemoRolePicker-module__c4IYSG__breathe{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-2px)rotate(-2deg)}}@keyframes DemoRolePicker-module__c4IYSG__vs{0%{transform:translate(-130%)}to{transform:translate(340%)}}