.translator-container{width:100dvw;height:100dvh;display:flex;background-color:#0a8cde}.translator-switch-button{width:50px;height:50px;border-radius:100px;display:flex;justify-content:center;align-items:center;background-color:#fff;position:absolute;left:50%;top:25%;z-index:2;cursor:pointer;box-shadow:0 0 hsla(0,0%,100%,.333);transition:all .4s;animation:translator-scale-in-center 1.2s ease-out 1.5s both}.translator-switch-button:hover{scale:1.1;box-shadow:8px 8px #0005;transition:all .2s}.translator-footer{position:absolute;bottom:2%;right:2%;display:flex;gap:25px;z-index:1;color:#fff;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) 1.5s both}.delayed-fade-in{animation:fadeInScale .6s cubic-bezier(.4,0,.2,1) 1.2s forwards}.translator-footer svg{cursor:pointer;transition:all .2s}.translator-footer svg:hover{cursor:pointer;scale:1.5}@keyframes translator-scale-in-center{0%{transform:translate(-50%,-50%) scale(0) rotate(-3turn)}to{transform:translate(-50%,-50%) scale(1) rotate(0deg)}}@keyframes fadeInScale{0%{opacity:0;transform:translateY(-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.delayed-fade-in{opacity:0;animation:fadeInScale 1.5s cubic-bezier(.4,0,.2,1) 1.5s both}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.translator-restriction-notice{position:absolute;bottom:15%;left:50%;transform:translateX(-50%);z-index:10;animation:fadeInScale .6s cubic-bezier(.4,0,.2,1) 1.8s both}.card-container{width:50dvw;height:100dvh}.card-container-left{border-top-right-radius:30px;border-bottom-right-radius:30px}@media screen and (max-width:850px){.translator-container{flex-direction:column}.translator-switch-button{width:60px;height:60px}.translator-footer{position:absolute;bottom:2%;right:3%}.translator-footer strong{font-size:14px}.translator-restriction-notice{bottom:20%;width:90%}.translator-restriction-notice>div{flex-direction:column;gap:1rem;text-align:center}.card-container{width:100dvw;height:50dvh}.card-container-left{border-top-right-radius:0;border-bottom-left-radius:30px;border-bottom-right-radius:30px}}.lang-container{display:flex;align-items:center;width:calc(100% - 80px);padding:15px 0 5px;border:solid #c8d1e1;border-width:0 0 medium;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) 1.5s both}.lang-selected{font-family:Roboto Condensed,sans-serif;font-size:18px;margin-right:10px;cursor:default}.lang-last-elements{display:flex;gap:10px;padding-right:15px}.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{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:100%;cursor:pointer}@media screen and (max-width:850px){.lang-container{width:calc(100% - 40px)}}.lang-selector{display:flex;flex-direction:column;margin-top:10px;gap:5px;width:90%;animation:scale-in-ver-top .5s cubic-bezier(.25,.46,.45,.94) both}.lang-grapheme-options{position:relative;width:300px;height:24px;display:flex;align-items:center;border-radius:25px;background-color:#fff;color:#000;overflow:hidden;border:2px solid rgba(53,52,52,.226)}.lang-grapheme-options label{width:100%;padding:10px;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:1;font-weight:600;letter-spacing:0;font-size:13px}.lang-grapheme-selected{display:none;position:absolute;height:100%;width:calc(300px / 3);border-radius:25px;z-index:0;left:0;top:0;transition:.15s ease}.lang-grapheme-options label:has(input:checked){color:#fff}.lang-grapheme-options label:has(input:checked)~.lang-grapheme-selected{background-color:#0a8cde;display:inline-block}.lang-grapheme-options label:first-child:has(input:checked)~.lang-grapheme-selected{transform:translateX(calc(300px * 0/3))}.lang-grapheme-options label:nth-child(2):has(input:checked)~.lang-grapheme-selected{transform:translateX(calc(300px * 1/3))}.lang-grapheme-options label:nth-child(3):has(input:checked)~.lang-grapheme-selected{transform:translateX(calc(300px * 2/3))}.lang-grapheme-options input{display:none}.lang-dialect-options{position:relative;width:400px;height:24px;display:flex;align-items:center;border-radius:25px;background-color:#fff;color:#000;overflow:hidden;border:2px solid rgba(53,52,52,.226)}.lang-dialect-options label{width:100%;padding:10px;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:1;font-weight:600;letter-spacing:0;font-size:13px}.lang-dialect-selected{display:none;position:absolute;height:100%;width:calc(400px / 4);border-radius:25px;z-index:0;left:0;top:0;transition:.15s ease}.lang-dialect-options label:has(input:checked){color:#fff}.lang-dialect-options label:has(input:checked)~.lang-dialect-selected{background-color:#0a8cde;display:inline-block}.lang-dialect-options label:first-child:has(input:checked)~.lang-dialect-selected{transform:translateX(calc(400px * 0/4))}.lang-dialect-options label:nth-child(2):has(input:checked)~.lang-dialect-selected{transform:translateX(calc(400px * 1/4))}.lang-dialect-options label:nth-child(3):has(input:checked)~.lang-dialect-selected{transform:translateX(calc(400px * 2/4))}.lang-dialect-options label:nth-child(4):has(input:checked)~.lang-dialect-selected{transform:translateX(calc(400px * 3/4))}.lang-dialect-options input{display:none}@keyframes scale-in-ver-top{0%{transform:scaleY(0);transform-origin:100% 0;opacity:1}to{transform:scaleY(1);transform-origin:100% 0;opacity:1}}