.translator-container{width:100dvw;height:100dvh;display:flex}.translator-card-left{isolation:isolate;z-index:1;width:50dvw;height:100dvh;color:var(--translator-left-default,#333);background-color:#fff;border-radius:0 30px 30px 0;flex-direction:column;align-items:center;animation:1.5s cubic-bezier(.39,.575,.565,1) .1s both card-slide-in-left;display:flex;position:relative;box-shadow:0 0 70px #00000080}.card-header-left{z-index:1;width:calc(100% - 80px);height:70px;animation:1.2s cubic-bezier(.39,.575,.565,1) 1.5s both fade-in;display:flex;position:relative}.card-header-left img{height:50px;margin:15px 30px}.card-textbox-left{z-index:1;resize:none;width:calc(100% - 80px);height:calc(80% - 80px);color:var(--translator-left-default,#333);background:0 0;border:none;outline:none;margin-top:15px;font-family:Roboto Condensed,sans-serif;font-size:18px;font-weight:300;animation:1.2s cubic-bezier(.39,.575,.565,1) 1.5s both fade-in;position:relative}.card-textbox-left::placeholder{color:var(--translator-left-default,#333);opacity:.6}.translator-card-right{z-index:0;isolation:isolate;width:50dvw;height:100dvh;color:var(--translator-right-default,#fff);flex-direction:column;justify-content:flex-start;align-items:center;animation:1.2s cubic-bezier(.39,.575,.565,1) 1.5s both fade-in;display:flex;position:relative}.card-header-right{z-index:1;width:100%;height:70px;position:relative}.card-textbox-right{z-index:1;resize:none;width:calc(100% - 80px);height:calc(80% - 80px);color:var(--translator-right-default,#fff);white-space:pre-wrap;background:0 0;border:none;outline:none;margin-top:15px;font-family:Roboto Condensed,sans-serif;font-size:18px;font-weight:300;display:block;position:relative;overflow-y:auto}.card-textbox-right::placeholder{color:var(--translator-right-default,#ccc);opacity:.7}.lang-selector-container{z-index:1;border-bottom:2px solid var(--translator-left-line,#c8d1e1);justify-content:flex-start;width:calc(100% - 80px);padding-bottom:5px;animation:1.2s cubic-bezier(.39,.575,.565,1) 1.5s both fade-in;display:flex;position:relative}.lang-selector-container.right{border-bottom-color:var(--translator-right-line,#ffffff80);justify-content:flex-end}.lang-selector-container.left{border-bottom-color:var(--translator-left-line,#c8d1e1)}.lang-container{z-index:10;align-items:center;gap:8px;padding:15px 0 5px;display:flex}.lang-selector-container.left .lang-selected{color:var(--translator-left-emphasis,#0a8cde);font-weight:700}.lang-selector-container.left .lang-modal-btn{color:var(--translator-left-emphasis,#0a8cde)}.lang-selector-container.right .lang-selected{color:var(--translator-right-emphasis,#fff);font-weight:700}.lang-selector-container.right .lang-modal-btn{color:var(--translator-right-emphasis,#fff)}.lang-selected{color:inherit;font-family:Roboto Condensed,sans-serif;font-size:1rem;font-weight:500}.lang-last-elements{gap:10px;padding-right:15px;display:flex}.lang-span-left{cursor:pointer;color:var(--translator-left-line,#c8d1e1);transition:all 1s}.lang-span-left:hover{cursor:pointer;color:var(--translator-left-emphasis,#0a8cde)}.lang-span-right{cursor:pointer;color:var(--translator-right-line,#c8d1e1);transition:all 1s}.lang-span-right:hover{cursor:pointer;color:#eee}.lang-modal-btn{cursor:pointer;z-index:10;border-radius:100%;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.translator-footer{z-index:1;color:var(--translator-right-emphasis,white);gap:25px;animation:1.2s cubic-bezier(.39,.575,.565,1) 1.5s both fade-in;display:flex;position:absolute;bottom:2%;right:2%}.translator-footer svg{cursor:pointer;transition:all .2s}.translator-footer svg:hover{cursor:pointer;scale:1.5}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes card-slide-in-left{0%{opacity:0;transform:translate(-100dvw)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.delayed-fade-in{opacity:0;animation:.6s cubic-bezier(.4,0,.2,1) 1.2s forwards fadeInScale}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lang-selector{flex-direction:column;gap:5px;width:90%;margin-top:10px;animation:.5s cubic-bezier(.25,.46,.45,.94) both scale-in-ver-top;display:flex}@keyframes scale-in-ver-top{0%{transform-origin:100% 0;opacity:1;transform:scaleY(0)}to{transform-origin:100% 0;opacity:1;transform:scaleY(1)}}@media screen and (max-width:850px){.translator-container{flex-direction:column}.translator-card-left{border-radius:0 0 30px 30px;width:100dvw;height:50dvh;animation:1.5s cubic-bezier(.39,.575,.565,1) .1s both card-slide-in-up}.card-header-left{width:calc(100% - 40px)}.card-header-left img{margin-left:auto;margin-right:0}.card-textbox-left{width:calc(100% - 40px);height:calc(80% - 80px);font-weight:400}.translator-card-right{width:100dvw;height:50dvh}.card-header-right{height:50px}.card-textbox-right{width:calc(100% - 40px);height:calc(80% - 80px);font-weight:400}.lang-selector-container,.lang-selector{width:calc(100% - 40px)}.translator-footer strong{font-size:14px}}@keyframes card-slide-in-up{0%{transform:translateY(-100dvh)}to{transform:translateY(0)}}