.translate-mode-container{display:grid;grid-template-rows:315px 70px 1fr;height:100dvh;width:100%;margin:0 auto}.translate-mode-content-container{height:calc(100dvh - 50px)}.translate-mode-content-wrapper{height:inherit;overflow:scroll;height:315px;padding-left:10px;padding-right:10px}.translate-mode-content-translation,.translate-mode-content-wrapper{display:flex;flex-flow:column;width:100%;max-width:700px;margin:0 auto;box-sizing:border-box}.translate-mode-content-translation{justify-content:center;height:100px;min-height:100px;border-bottom:1px solid black}.translate-mode-content-translation p{width:100%;max-width:700px;margin:0 auto}.translate-mode-content-source{display:flex;justify-content:center;align-items:center;text-align:center;height:125px;min-height:125px;width:100%;max-width:700px;margin:0 auto;font-size:18px}.translate-mode-content-input-wrapper{display:flex;flex-direction:column;margin:0 auto;max-width:700px;height:200px;border:var(--textarea-border)}.translate-mode-content-input-textarea,.translate-mode-content-input-wrapper{width:100%;resize:none;font-family:Arial,Helvetica,sans-serif;font-size:16px;box-sizing:border-box;background-color:var(--input-background-color);outline:none;color:var(--text-color)}.translate-mode-content-input-textarea{height:calc(100% - 40px);padding:10px;border:none}.translate-mode-content-input-submit-wrapper{display:flex;justify-content:right;align-items:end;width:100%;max-width:700px;height:30px;padding-top:5px}.translate-mode-content-input-submit-button{width:30px;height:100%;margin-right:5px;background-color:var(--input-background-color);border:none;color:var(--text-color);cursor:pointer}.translate-mode-navigation-container{display:flex;flex-flow:row;height:50px;justify-content:center;width:100%;max-width:700px;margin:0 auto}.transparent{background-color:transparent;border:none}.counter{flex:1 1;text-align:center;position:relative;padding-top:5px}.remove-hover:hover{background-color:transparent;cursor:default}.translate-mode-content-output{padding:30px;flex-direction:column-reverse;scroll-behavior:smooth;box-sizing:border-box}.translate-mode-content-output,.translate-mode-content-output-wrapper{width:100%;max-width:700px;overflow:scroll;margin:0 auto}.translate-mode-content-output-item{display:inline-block;padding-left:20px;padding-right:20px;margin-bottom:10px}.translate-mode-content-output-item-user{margin-left:auto;max-width:400px;background-color:var(--chat-bubble-background-color);color:#e0e0e0}.translate-mode-content-output-item-user-wrapper{width:100%;max-width:700px;display:flex;justify-content:end;align-items:end}.translate-mode-content-output-item-ai-wrapper{width:100%;max-width:700px;display:flex;justify-content:start}@media screen and (max-width:768px){.translate-mode-container{display:grid;grid-template-rows:auto auto auto 1fr;height:100dvh;width:100%;margin:0 auto}}.disabled-chat{color:var(--disabled-color)!important;border:none;opacity:.5;background-color:var(
        --input-background-color-disabled,#2a2a2a
    )!important;cursor:not-allowed;transition:opacity .3s ease,background-color .3s ease}.disabled-chat::placeholder{color:var(--disabled-color)!important;opacity:.7}.disabled-wrapper{opacity:.5;background-color:var(--input-background-color-disabled,#2a2a2a);transition:opacity .3s ease,background-color .3s ease}.disabled-wrapper .translate-mode-content-input-submit-button{opacity:.5;cursor:not-allowed;background-color:var(--input-background-color-disabled,#2a2a2a)}.disabled-wrapper .translate-mode-content-input-submit-wrapper{cursor:not-allowed}