.container.svelte-1thho6z.svelte-1thho6z{width:100%;height:100vh;display:flex;background-color:#000}.container.svelte-1thho6z .role_selection_container.svelte-1thho6z{width:100vw;height:100vh;display:flex;justify-content:space-evenly;z-index:0}.container.svelte-1thho6z .role_selection_container .go_back.svelte-1thho6z{position:absolute;top:20px;left:8px;filter:invert(1)}.container.svelte-1thho6z .role_selection_container .role.svelte-1thho6z{flex:1;width:100%;height:100%;display:flex;align-items:flex-end;background-position:center}.container.svelte-1thho6z .role_selection_container .role .role_selector.svelte-1thho6z{height:100%;height:auto;width:100%;display:flex;flex-direction:column;justify-content:space-evenly;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-image:linear-gradient(to top,rgba(0,0,0,.478),transparent);gap:24px;padding:16px 0 44px}.container.svelte-1thho6z .role_selection_container .role .role_selector .information.svelte-1thho6z{flex:1;display:flex;justify-content:center;gap:12px;height:100%}.container.svelte-1thho6z .role_selection_container .role .role_selector .information .icon.svelte-1thho6z{width:44px;height:44px}.container.svelte-1thho6z .role_selection_container .role .role_selector .information .info-container.svelte-1thho6z{border-radius:12px}.container.svelte-1thho6z .role_selection_container .role .role_selector .information .info-container .title.svelte-1thho6z{font-size:1.25rem;font-weight:900;color:#fff}.container.svelte-1thho6z .role_selection_container .role .role_selector .information .info-container .description.svelte-1thho6z{font-size:1rem;color:#fff;margin-top:4px}.container.svelte-1thho6z .role_selection_container .role .role_selector .app_description.svelte-1thho6z{font-size:.875rem;text-align:center;padding:8px 48px;line-height:20px;min-height:88px;color:#fff}.container.svelte-1thho6z .role_selection_container .role .role_selector .role_card.svelte-1thho6z{flex:1;display:flex;justify-content:center}.container.svelte-1thho6z .role_selection_container .role .role_selector .role_card .button.svelte-1thho6z{width:55%;padding:12px;display:flex;justify-content:center;color:#fff;font-size:1rem;border-radius:16px;box-shadow:0 0 12px -4px #000;cursor:pointer}@media (max-width: 768px){.container.svelte-1thho6z .role_selection_container.svelte-1thho6z{height:100vh;flex-direction:column}.container.svelte-1thho6z .role_selection_container .role.svelte-1thho6z{background-size:250%;background-position:right center;background-repeat:no-repeat}.container.svelte-1thho6z .role_selection_container .role .role_selector.svelte-1thho6z{height:33.33vh;width:100%;padding-bottom:12px;aspect-ratio:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.container.svelte-1thho6z .role_selection_container .role .role_selector .information.svelte-1thho6z{flex:.25}.container.svelte-1thho6z .role_selection_container .role .role_selector .information .icon.svelte-1thho6z{width:36px;height:36px}.container.svelte-1thho6z .role_selection_container .role .role_selector .information .info-container .title.svelte-1thho6z{font-size:1rem;font-weight:900;color:#fff}.container.svelte-1thho6z .role_selection_container .role .role_selector .information .info-container .description.svelte-1thho6z{font-size:.75rem;color:#fff;margin-top:4px}.container.svelte-1thho6z .role_selection_container .role .role_selector .app_description.svelte-1thho6z{font-size:.75rem;padding:0 12px}.container.svelte-1thho6z .role_selection_container .role .role_selector .role_card.svelte-1thho6z{flex:.25}.container.svelte-1thho6z .role_selection_container .role .role_selector .role_card .button.svelte-1thho6z{width:90%;padding:8px;font-size:.75rem;border-radius:8px}}