.codeContainer_container__FjNr1{max-width:480px;margin:0 auto;.codeContainer_inputContainer__KHnCS{font-size:14px;background-color:var(--color-surface-muted);border:1px solid transparent;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;padding:var(--radius-sm,12px);align-items:flex-start;gap:var(--spacing-md,8px);flex:1 0 0;cursor:text;min-height:182px;&.codeContainer_active__KV7nS{background:linear-gradient(0deg,var(--surface-opacity-hover,rgba(251,251,255,.06)) 0,var(--surface-opacity-hover,rgba(251,251,255,.06)) 100%),var(--surface-muted,#27272b)}&:hover{background:var(--surface-muted,#27272b);.codeContainer_submitButton__wLcpi{background:var(--brand-yellow-400,#ffd400);& * p,& svg{color:var(--text-inverted,#0d0d11)}}}}.codeContainer_textarea__99iJ6{width:100%;height:100%;line-height:140%;font-size:16px;color:var(--color-gray-50);background:transparent;border:none;resize:none;padding:6px;transition:opacity .5s ease-in-out;opacity:1;&:focus{outline:none}&.codeContainer_fading__gDmed{opacity:.3}}.codeContainer_submitButton__wLcpi{display:flex;padding:8px;justify-content:center;align-items:center;gap:var(--spacing-375,6px);border-radius:12px;border:.5px solid #6f6f73;width:100%;transition:all .2s ease-in-out;background:var(--surface-secondary,#505054);color:var(--color-text-secondary,#aeaeb2);& * p{color:var(--color-text-secondary,#aeaeb2)}&.codeContainer_submitButtonActive__CNZP8{background:var(--surface-inverted,#fbfbff);& * p{color:var(--color-text-inverted,#0d0d11)}}}.codeContainer_submitButton__wLcpi:disabled{cursor:pointer}}@media (max-width:768px){.codeContainer_container__FjNr1{.codeContainer_inputContainer__KHnCS{position:relative;flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding:8px}.codeContainer_textarea__99iJ6{font-size:14px;width:100%;padding-right:0!important;min-height:80px;padding-bottom:32px}.codeContainer_controls__lFvso{top:auto;right:0;position:relative;flex-direction:row;gap:8px;width:100%;justify-content:flex-end}}}