@keyframes codeContainer_sweep__7gOfn{0%{background-position:100% 0}to{background-position:-100% 0}}.codeContainer_container__FjNr1{max-width:744px;margin:0 auto;border-radius:12px;border:1px solid #6f6f73;background:var(--surface-opacity-hover,rgba(251,251,255,.06));backdrop-filter:blur(10px);padding:12px 16px;.codeContainer_buttonGroup__DuWOp{display:flex;gap:var(--spacing-xl,24px);margin-bottom:10px}.codeContainer_modeButton__lsiPd{display:flex;align-items:center;box-sizing:border-box;height:36px;gap:var(--spacing-3xs,6px);padding:var(--spacing-2xs,8px) var(--spacing-xs,10px) var(--spacing-2xs,8px) var(--spacing-sm,12px);background-color:transparent;border:1px solid var(--border-muted,#333336);border-radius:8px;color:var(--color-text-primary--inverted,#fbfbff);font-size:14px;font-weight:500;line-height:140%;cursor:pointer;transition:all .2s ease-in-out;&:hover{border-color:var(--border-secondary,#6f6f73);background:var(--surface-opacity-hover,rgba(251,251,255,.06))}&.codeContainer_modeButtonActive__MqFV3{border-color:var(--brand-yellow-400,#ffd400);background-color:var(--color-surface-muted,#27272b)}& svg{color:var(--color-text-secondary,#aeaeb2);width:18px;height:18px}}.codeContainer_inputContainer__KHnCS{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl,24px);flex:1 0 0;cursor:text;&:hover{.codeContainer_submitButton__wLcpi:not(:disabled){background:var(--brand-yellow-400,#ffd400);& * p,& svg{color:var(--text-inverted,#0d0d11)}}}}.codeContainer_textContainer__TMt_g{position:relative;width:100%;overflow-y:auto;overflow-x:hidden;min-height:102px;max-height:468px;border-radius:8px;border:2px solid transparent;transition:border .2s ease-in-out,background .2s ease-in-out;&.codeContainer_focused__IzqVm{border:2px solid #6f6f73;background:rgba(251,251,255,.02)}.codeContainer_textarea__99iJ6{overflow:hidden}}.codeContainer_overlayText__9VPDH{position:absolute;top:0;left:0;width:100%;min-height:102px;padding:6px 10px;margin:0;box-sizing:border-box;font-family:inherit;font-size:32px;font-weight:inherit;line-height:140%;letter-spacing:normal;color:transparent;text-align:left;white-space:pre-wrap;word-wrap:break-word;overflow:visible;vertical-align:top;z-index:2;pointer-events:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(90deg,transparent,transparent 46%,rgba(255,212,0,.6) 47%,rgb(255,212,0) 50%,rgba(255,212,0,.6) 53%,transparent 54%,transparent);background-size:200% 100%;animation:codeContainer_sweep__7gOfn 4s linear infinite;background-clip:text;-webkit-background-clip:text}.codeContainer_textarea__99iJ6{position:relative;width:100%;min-height:102px;padding:6px 10px;margin:0;box-sizing:border-box;resize:none;background:transparent;border:none;opacity:1;line-height:140%;font-size:32px;font-weight:inherit;letter-spacing:normal;color:var(--color-gray-50);vertical-align:top;pointer-events:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:opacity .5s ease-in-out,text-decoration .2s ease-in-out;z-index:1;overflow:hidden;&:focus{outline:none}&.codeContainer_fading__gDmed{opacity:.3}&.codeContainer_hoverUnderline__baTB8:not(.codeContainer_customInput__o9hcp):not(:focus){transition:all .2s ease-in-out;text-decoration:underline;text-decoration-color:var(--color-yellow-400,#ffd400);text-decoration-thickness:2px;text-underline-offset:4px}&.codeContainer_customInput__o9hcp{font-size:16px}}.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-inverted,#fbfbff);& * p{color:var(--color-text-inverted,#0d0d11)}& * p,& svg{transition:all .2s ease-in-out}&.codeContainer_submitButtonActive__CNZP8{background:var(--surface-inverted,#fbfbff);& * p{color:var(--color-text-inverted,#0d0d11)}}}.codeContainer_submitButton__wLcpi:disabled{cursor:not-allowed;opacity:.5;background:var(--surface-secondary,#505054);& * p,& svg{color:var(--color-text-secondary,#aeaeb2)}&:hover{background:var(--surface-secondary,#505054);& * p,& svg{color:var(--color-text-secondary,#aeaeb2)}}}}@media (max-width:768px){.codeContainer_container__FjNr1{.codeContainer_buttonGroup__DuWOp{gap:var(--spacing-xs,6px);margin-bottom:var(--spacing-sm,8px)}.codeContainer_modeButton__lsiPd{padding:var(--spacing-3xs,6px) var(--spacing-xs,8px);font-size:13px;& svg{width:14px;height:14px}}.codeContainer_inputContainer__KHnCS{position:relative;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.codeContainer_textContainer__TMt_g{max-height:70vh}.codeContainer_overlayText__9VPDH,.codeContainer_textarea__99iJ6{font-size:14px;width:100%;min-height:80px;padding:6px 10px}.codeContainer_controls__lFvso{top:auto;right:0;position:relative;flex-direction:row;gap:8px;width:100%;justify-content:flex-end}}}