.CreateProjectIllustration_container__DCNTj{border-radius:var(--sanity-id-radii-lg);border-width:1px;border-style:solid;border-color:var(--theme-colors-border-subtle);background-color:var(--theme-colors-bg-strong);--tw-shadow:var(--sanity-id-shadow-2);--tw-shadow-colored:var(--sanity-id-shadow-2);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--illustration-color-0:var(--theme-colors-bg-base);--illustration-color-1:var(--gray-100);--illustration-color-2:var(--gray-200);--illustration-color-3:var(--gray-300);--center-element-width:310px;--center-element-height:220px;--project-name-banner-height:1lh;background:var(--illustration-color-1);height:100%;max-height:795px;overflow:hidden;position:relative;transition:background-color .2s ease;width:100%;z-index:0;:root[data-theme=light] &[data-color=red]{border-color:var(--red-200-dynamic);--illustration-color-0:var(--white);--illustration-color-1:var(--red-100);--illustration-color-2:var(--red-300);--illustration-color-3:var(--red-400)}& svg{--initial-opacity:0;--initial-scale:1;--initial-translate-x:0;--initial-translate-y:0;--final-opacity:1;--final-scale:1;--final-translate-x:0;--final-translate-y:0;animation:CreateProjectIllustration_appear__oE8dg .6s ease forwards;opacity:var(--initial-opacity);scale:var(--initial-scale);transform-origin:center;translate:var(--initial-translate-x) var(--initial-translate-y)}@media (prefers-color-scheme:dark){--illustration-color-0:var(--gray-800);--illustration-color-1:var(--gray-950);--illustration-color-2:var(--gray-900);--illustration-color-3:var(--gray-800);&[data-color=red]{--illustration-color-0:var(--gray-300);--illustration-color-1:var(--gray-950);--illustration-color-2:var(--gray-800);--illustration-color-3:var(--gray-700)}}}.CreateProjectIllustration_sanityLogo__fNwa0{height:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease;z-index:10}.CreateProjectIllustration_container__DCNTj:has(.CreateProjectIllustration_projectName__rtg_3) .CreateProjectIllustration_sanityLogo__fNwa0{transform:translate(-50%,calc(-50% + var(--project-name-banner-height)))}.CreateProjectIllustration_javascriptLevel__Oyl4z{--final-opacity:1;animation:CreateProjectIllustration_appear__oE8dg 2s ease forwards;height:var(--center-element-height);isolation:isolate;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:center;width:var(--center-element-width)}.CreateProjectIllustration_javascriptLevelScreen__NUg8a{background:var(--illustration-color-1);border-radius:10px;box-shadow:0 0 0 2px var(--illustration-color-0),0 0 0 6px color-mix(in hsl,#f68b82,transparent 75%);height:100%;transform-origin:center;transition:all .4s ease;width:100%;@media (prefers-color-scheme:dark){box-shadow:0 0 0 2px var(--illustration-color-0),0 0 0 6px color-mix(in hsl,var(--gray-700),transparent 75%)}}.CreateProjectIllustration_javascriptLevelAccent__MfsCn{background:var(--illustration-color-3);opacity:.25;position:absolute;z-index:1;[data-value=not_developer] &{border-bottom-left-radius:9999px;border-top-left-radius:9999px;height:12px;left:100%;rotate:-38deg;top:50%;translate:-40% -50px;width:45%}[data-value=beginner] &{border-bottom-left-radius:8px;border-bottom-right-radius:8px;height:16px;left:50%;top:calc(100% + 1px);translate:-50% 0;width:120%}[data-value=intermediate] &{aspect-ratio:1.3;background:var(--illustration-color-3);border-radius:2px;left:50%;position:absolute;top:calc(100% + 2px);transform:translateX(-50%);width:12%;z-index:-1}[data-value=fluent] &{background:transparent;height:100%;left:0;top:0;width:100%;&:before{aspect-ratio:1.3;border-radius:2px;left:50%;top:calc(100% + 2px);transform:translateX(-50%);width:12%}&:after,&:before{background:var(--illustration-color-3);content:"";position:absolute;z-index:-1}&:after{border-radius:6px;height:150%;left:calc(100% - 15%);top:50%;transition:all .4s ease .3s;translate:0 -57%;width:100%}}}.CreateProjectIllustration_team__XOr06{--initial-translate-x:-40%;--final-translate-x:-20%;animation:CreateProjectIllustration_appear__oE8dg .6s ease forwards;left:0;position:absolute;top:50%;transform:translateY(calc(-100% - var(--center-element-height) / 2 - 35px))}.CreateProjectIllustration_role__VNQaQ{--initial-translate-y:10%;bottom:50%;position:absolute;right:-10%;transform:translateY(calc(100% + var(--center-element-height) / 2 + -20%));z-index:10;&[data-value=executive]{height:397px;width:340px}&[data-value=head_of_department]{height:361px;width:275px}&[data-value=team_leader]{height:418px;width:279px}&[data-value=team_member]{height:420px;width:359px}&[data-value=business_owner]{height:343px;width:359px}}.CreateProjectIllustration_companySize__6QqDT{isolation:isolate;left:50%;position:absolute;top:50%;&>svg{--initial-translate-x:calc(var(--center-element-width) / 2 * -1 - 100% - 35px);--initial-translate-y:calc(var(--center-element-height) / 2 * -1 + 35px);--final-translate-x:var(--initial-translate-x);--final-translate-y:calc(var(--center-element-height) / 2 * -1);position:absolute}&>svg[data-value=large]{height:172px;width:75px}&>svg[data-value=medium]{height:116px;width:47px}&>svg[data-value=small]{height:54px;width:28px}}.CreateProjectIllustration_projectType__ELzeN{height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease}.CreateProjectIllustration_container__DCNTj:has(.CreateProjectIllustration_projectName__rtg_3) .CreateProjectIllustration_projectType__ELzeN{transform:translate(-50%,calc(-50% + var(--project-name-banner-height)))}.CreateProjectIllustration_projectName__rtg_3{animation:CreateProjectIllustration_appear__oE8dg .6s ease forwards;height:var(--center-element-height);isolation:isolate;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--center-element-width);.CreateProjectIllustration_projectNameText__JuRDk{align-items:center;background:var(--illustration-color-0);border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 0 0 2px var(--illustration-color-0);color:var(--illustration-color-3);display:flex;font-size:17px;font-weight:700;gap:10px;letter-spacing:-.011em;padding:8px 10px;&:has(.CreateProjectIllustration_spinner___KNiY){gap:5px}@media (prefers-color-scheme:dark){color:var(--gray-950)}}.CreateProjectIllustration_projectNameText__JuRDk p{height:var(--project-name-banner-height);margin:0;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;width:260px}.CreateProjectIllustration_projectNameStatus__ziy4d{background-color:var(--illustration-color-1);border-radius:3px;display:inline-block;height:15px;transition:background-color .6s ease;width:15px;&:has(.CreateProjectIllustration_spinner___KNiY){background-color:var(--illustration-color-0);height:20px;width:20px}.CreateProjectIllustration_spinner___KNiY{animation:CreateProjectIllustration_spinner___KNiY .6s linear infinite;height:100%;opacity:1;transform-origin:center;width:100%}}}.CreateProjectIllustration_technologyLogos__16D7r{--offset:24px;--stagger:200ms;animation:CreateProjectIllustration_no-stagger___S_wB 0s 2.4s forwards;display:grid;height:150px;left:24px;position:absolute;top:50%;transform:translateY(calc(var(--center-element-height) / 2 - 35px));z-index:20;&:has(svg:nth-child(6)){--stagger:75ms}&>svg{animation:CreateProjectIllustration_fade-in__WHxCr .4s ease forwards;animation-delay:calc(var(--index, 0) * var(--stagger, 0));grid-column:1;grid-row:1;height:150px;left:calc(var(--offset, 0) * var(--index, 0));opacity:0;position:absolute;top:calc(var(--offset, 0) * var(--index, 0));translate:0 10%;width:150px}}.CreateProjectIllustration_cms__ZIQAe{--initial-translate-y:-40%;--initial-scale:0.9;position:absolute;right:30px;top:50%;transform:translateY(calc(-100% - var(--center-element-height) / 2 - 20px));transition:all .4s ease;width:50%}@keyframes CreateProjectIllustration_no-stagger___S_wB{to{--stagger:0}}@keyframes CreateProjectIllustration_fade-in__WHxCr{to{opacity:1;translate:0}}@keyframes CreateProjectIllustration_appear__oE8dg{to{opacity:var(--final-opacity);scale:var(--final-scale);translate:var(--final-translate-x) var(--final-translate-y)}}@keyframes CreateProjectIllustration_spinner___KNiY{to{rotate:1turn}}