.create-module__x_2gnG__page{background:radial-gradient(circle at 10% 20%,#7e22ce26,#0000 31%),radial-gradient(circle at 90% 75%,#e11d481a,#0000 30%),#08070c;min-height:100vh}.create-module__x_2gnG__header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;width:min(100% - 40px,1220px);min-height:80px;margin:auto;display:flex}.create-module__x_2gnG__layout{grid-template-columns:300px minmax(0,820px);gap:65px;width:min(100% - 40px,1180px);margin:auto;padding:70px 0 110px;display:grid}.create-module__x_2gnG__sidebar{align-self:start;position:sticky;top:110px}.create-module__x_2gnG__sidebar h1{letter-spacing:-.045em;margin:17px 0;font-family:Georgia,serif;font-size:48px;font-weight:500;line-height:1.02}.create-module__x_2gnG__sidebar>p{color:#b4afc1;line-height:1.7}.create-module__x_2gnG__progress{gap:16px;margin-top:42px;display:grid}.create-module__x_2gnG__progressStep{color:#817b90;align-items:center;gap:13px;font-size:14px;display:flex}.create-module__x_2gnG__progressStep>span{background:#ffffff06;border:1px solid #ffffff1a;border-radius:999px;flex:none;place-items:center;width:33px;height:33px;display:grid}.create-module__x_2gnG__progressStepActive{color:#fff}.create-module__x_2gnG__progressStepActive>span{background:#a855f72e;border-color:#c084fca6}.create-module__x_2gnG__progressStepComplete{color:#c084fc}.create-module__x_2gnG__builder{background:linear-gradient(145deg,#181421f7,#0d0b13fc);border:1px solid #ffffff1a;border-radius:28px;overflow:hidden;box-shadow:0 35px 85px #00000052}.create-module__x_2gnG__builderHeader{border-bottom:1px solid #ffffff1a;min-height:160px;padding:40px 44px 30px}.create-module__x_2gnG__builderHeader>span{color:#c084fc;letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:850}.create-module__x_2gnG__builderHeader h2{margin:12px 0 8px;font-family:Georgia,serif;font-size:39px;font-weight:500}.create-module__x_2gnG__builderHeader p{color:#b4afc1;margin:0}.create-module__x_2gnG__builderBody{min-height:475px;padding:34px 44px}.create-module__x_2gnG__genreGrid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.create-module__x_2gnG__genreCard{color:#f8f7fb;cursor:pointer;text-align:left;background:#ffffff06;border:1px solid #ffffff1a;border-radius:18px;align-items:flex-start;gap:15px;min-height:145px;padding:20px;transition:transform .17s,border-color .17s,background .17s;display:flex;position:relative}.create-module__x_2gnG__genreCard:hover{background:#a855f70f;border-color:#c084fc73;transform:translateY(-2px)}.create-module__x_2gnG__selected{background:linear-gradient(145deg,#7e22ce38,#e11d4814);border-color:#c084fcbf}.create-module__x_2gnG__genreIcon{background:#ffffff0e;border-radius:13px;flex:none;place-items:center;width:46px;height:46px;font-size:23px;display:grid}.create-module__x_2gnG__genreText{gap:7px;display:grid}.create-module__x_2gnG__genreText strong{font-size:16px}.create-module__x_2gnG__genreText small{color:#b4afc1;font-size:13px;line-height:1.5}.create-module__x_2gnG__check{color:#fff;background:#a855f752;border:1px solid #ffffff1c;border-radius:999px;place-items:center;width:22px;height:22px;font-size:11px;display:grid;position:absolute;top:13px;right:13px}.create-module__x_2gnG__moodGrid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.create-module__x_2gnG__moodCard{color:#f8f7fb;cursor:pointer;text-align:center;background:#ffffff06;border:1px solid #ffffff1a;border-radius:20px;place-items:center;min-height:205px;padding:25px;display:grid}.create-module__x_2gnG__moodCard>span{font-size:38px}.create-module__x_2gnG__moodCard strong{margin-top:11px;font-size:18px}.create-module__x_2gnG__moodCard small{color:#b4afc1;line-height:1.5}.create-module__x_2gnG__quotaHint{color:#ded4b2;background:#facc150e;border:1px solid #facc152e;border-radius:14px;grid-column:1/-1;margin:2px 0 0;padding:15px 17px;font-size:13px;line-height:1.55}.create-module__x_2gnG__playerSection{align-content:center;place-items:center;min-height:390px;display:grid}.create-module__x_2gnG__counter{align-items:center;gap:35px;display:flex}.create-module__x_2gnG__counter button{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff29;border-radius:17px;place-items:center;width:58px;height:58px;font-size:27px;display:grid}.create-module__x_2gnG__counter button:disabled{cursor:not-allowed;opacity:.3}.create-module__x_2gnG__counter>div{text-align:center;min-width:130px;display:grid}.create-module__x_2gnG__counter strong{font-family:Georgia,serif;font-size:82px;font-weight:500;line-height:.9}.create-module__x_2gnG__counter span{color:#817b90;letter-spacing:.14em;text-transform:uppercase;margin-top:10px;font-size:11px}.create-module__x_2gnG__playerPreview{flex-wrap:wrap;justify-content:center;margin-top:38px;display:flex}.create-module__x_2gnG__playerPreview span{background:linear-gradient(145deg,#7e22ce,#be123c);border:3px solid #17131f;border-radius:999px;place-items:center;width:42px;height:42px;margin-right:-5px;font-size:12px;font-weight:850;display:grid}.create-module__x_2gnG__fields{gap:23px;display:grid}.create-module__x_2gnG__fields label{gap:9px;display:grid}.create-module__x_2gnG__fields label>span{font-size:13px;font-weight:800}.create-module__x_2gnG__fields input{color:#fff;width:100%;min-height:55px;font:inherit;background:#ffffff09;border:1px solid #ffffff29;border-radius:13px;outline:none;padding:0 16px}.create-module__x_2gnG__fields input:focus{border-color:#c084fcb8;box-shadow:0 0 0 4px #a855f71a}.create-module__x_2gnG__fields small{color:#817b90;text-align:right}.create-module__x_2gnG__summary{background:#a855f70e;border:1px solid #a855f733;border-radius:17px;grid-template-columns:auto 1fr;gap:10px 22px;padding:21px;display:grid}.create-module__x_2gnG__summary span{color:#817b90;font-size:12px}.create-module__x_2gnG__summary strong{text-align:right}.create-module__x_2gnG__error{color:#fda4af;margin:0;padding:0 44px 18px;font-size:13px}.create-module__x_2gnG__footer{border-top:1px solid #ffffff1a;justify-content:space-between;padding:22px 44px;display:flex}.create-module__x_2gnG__footer button:disabled{cursor:not-allowed;opacity:.35;transform:none}@media (max-width:900px){.create-module__x_2gnG__layout{grid-template-columns:1fr}.create-module__x_2gnG__sidebar{position:static}.create-module__x_2gnG__progress{grid-template-columns:repeat(4,1fr)}.create-module__x_2gnG__progressStep{text-align:center;justify-items:center;display:grid}}@media (max-width:650px){.create-module__x_2gnG__header,.create-module__x_2gnG__layout{width:min(100% - 24px,1220px)}.create-module__x_2gnG__layout{gap:35px;padding-top:45px}.create-module__x_2gnG__sidebar h1{font-size:40px}.create-module__x_2gnG__sidebar>p{font-size:14px}.create-module__x_2gnG__progress{gap:4px}.create-module__x_2gnG__progressStep{font-size:10px}.create-module__x_2gnG__builderHeader,.create-module__x_2gnG__builderBody,.create-module__x_2gnG__footer{padding-left:20px;padding-right:20px}.create-module__x_2gnG__builderHeader h2{font-size:31px}.create-module__x_2gnG__genreGrid,.create-module__x_2gnG__moodGrid{grid-template-columns:1fr}.create-module__x_2gnG__builderBody{min-height:auto}.create-module__x_2gnG__footer{gap:9px}.create-module__x_2gnG__footer button{flex:1;padding-left:10px;padding-right:10px}}