.translator-container{width:100dvw;height:100dvh;display:flex}.translator-card-left{z-index:1;color:#333;background:#fff linear-gradient(#fff,#ffffff1a) bottom/contain no-repeat;border-radius:0 30px 30px 0;flex-direction:column;align-items:center;width:50dvw;height:100dvh;animation:1.5s cubic-bezier(.39,.575,.565,1) .1s both card-slide-in-left;display:flex;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}.card-header-left img{height:50px;margin:15px 30px}.card-textbox-left{resize:none;background:0 0;border:none;outline:none;width:calc(100% - 80px);height:calc(80% - 80px);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}.translator-card-right{z-index:0;color:#fff;background-position:bottom;background-repeat:no-repeat;background-size:contain;flex-direction:column;justify-content:flex-start;align-items:center;width:50dvw;height:100dvh;animation:1.2s cubic-bezier(.39,.575,.565,1) 1.5s both fade-in;display:flex}.card-header-right{width:100%;height:70px}.card-textbox-right{resize:none;color:#fff;white-space:pre-wrap;background:0 0;border:none;outline:none;width:calc(100% - 80px);height:calc(80% - 80px);margin-top:15px;font-family:Roboto Condensed,sans-serif;font-size:18px;font-weight:300;display:block;overflow-y:auto}.card-textbox-right::placeholder{color:#ccc}.lang-selector-container{border-bottom:2px solid #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}.lang-selector-container.right{border-bottom-color:#ffffff80;justify-content:flex-end}.lang-selector-container.left{border-bottom-color:#c8d1e1}.lang-container{z-index:10;align-items:center;gap:8px;padding:15px 0 5px;display:flex}.lang-selector-container.left .lang-selected{color:#0a8cde;font-weight:700}.lang-selector-container.left .lang-modal-btn{color:#0a8cde}.lang-selector-container.right .lang-selected{color:#fff;font-weight:700}.lang-selector-container.right .lang-modal-btn{color:#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:#c8d1e1;transition:all 1s}.lang-span-left:hover{cursor:pointer;color:#0a8cde}.lang-span-right{cursor:pointer;color:#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:#fff;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)}}