.logout-btn,.primary-btn,.secondary-btn,.stop-recording-btn,.tertiary-btn{border:1px solid var(--regularWhite);border-radius:1rem;color:var(--regularWhite);cursor:pointer;font-family:var(--primary-font);font-size:var(--regular);font-weight:600;min-height:2.75rem;padding:.5rem 1rem;transition:background-color .3s;&:hover{opacity:.9}}.primary-btn{background-color:var(--primaryLight);&:disabled{background-color:var(--grey);color:var(--darkerGrey);cursor:not-allowed;opacity:.9}}.secondary-btn{background-color:var(--primary)}.font-size-btn{border:2px solid var(--primary);color:var(--primary)}.tertiary-btn{background-color:var(--primary);color:var(--regularWhite)}.stop-recording-btn{background-color:var(--red);color:var(--regularWhite);font-weight:600;padding:.5rem .75rem}.btn-with-icon,.btn-with-icon-first{align-items:center;display:flex;gap:.385rem;justify-content:center}.btn-with-icon-first{flex-direction:row-reverse}.icon-btn-modal{font-size:var(--regular);height:1.35rem}.instructions-icon.hourglass{height:1.125rem}.btn-bold{font-weight:700}.login-btn{background-color:var(--secondary);color:var(--primary);padding:.5rem .75rem}.btn-modal{width:100%}.back-btn{align-self:flex-start;background-color:initial;border:none;gap:.25rem;margin:-1rem 0 0 -.5rem;padding:0}.back-btn.feedback{margin:-.5rem 0 0 -1.1rem}.send-message-btn{gap:.5rem}.download-transcript-btn,.end-session-btn{text-wrap:wrap;background-color:var(--primaryLight);border:2px solid var(--regularWhite);font-size:var(--regular);font-weight:700;line-height:var(--XL);padding:.4rem;width:8.5rem;z-index:1;&:hover{background-color:var(--primaryLighter)}}.book-interpreter-btn{align-items:center;border:2px solid var(--regularWhite);display:flex;font-size:var(--regular);font-weight:700;gap:1rem;justify-content:center;padding:.75rem 1rem}.book-interpreter-btn .icon-btn-modal{height:1.125rem;width:1.125rem}.copied-text{background-color:var(--primaryLight)}.logout-btn{background-color:var(--lighterGrey);color:var(--darkerGrey);font-size:var(--small);width:100%}.cancel-loading-btn{padding:.75rem 1rem}@media screen and (min-width:768px){.login-btn{font-size:var(--large)}}@media screen and (min-width:1081px){.logout-btn{font-size:var(--regular)}.book-interpreter-btn{padding:1rem}}@media screen and (min-width:1440px){.download-transcript-btn,.end-session-btn{height:4.5rem;width:8.5rem}}.overlay-modal{align-items:center;background-color:var(--transparentBackground);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:4}.overlay-recording-modal{min-height:100%;min-width:100%;position:fixed}.overlay-modal.delete{background-color:initial}.overlay-modal.overlay-delete{z-index:3}.container-modal{align-items:center;background-color:var(--modalBackground);border-radius:1rem;box-shadow:0 4px 21.1px 6px var(--modalBoxShadow);display:flex;flex-direction:column;gap:1.3rem;justify-content:flex-start;max-height:95vh;max-width:22.5rem;min-width:22.5rem;overflow-y:auto;padding:1.5rem;text-align:center;width:85%;z-index:5}.container-modal-feedback{position:relative}.container-modal.feedback{gap:1rem;padding:1rem 2rem 1.5rem}.container-modal.terms{gap:1rem;padding:1rem 2rem 2rem}.container-modal.terms-logging-in{padding:2rem}.container-instruction-modal{gap:.625rem;padding:1rem 1.5rem;text-align:left}.container-modal.feedback-sent,.container-modal.update{gap:1.75rem;padding:1rem 2rem 2rem}.container-auth-modal{gap:2rem;padding:2rem 1.75rem}.container-logout-modal{gap:2rem;padding:3rem 1rem}.container-modal.download-transcript{gap:2rem;padding:1rem 1rem 3rem}.container-modal.reverse-translation{gap:1rem;padding:1rem 2rem 2rem}.container-delete-modal,.container-end-session-modal,.container-new-session-modal{gap:2rem;padding:2rem 1rem}.container-texts-delete-modal,.container-texts-end-session-modal,.container-texts-logout-modal,.container-texts-modal,.container-texts-new-session-modal{align-items:center;display:flex;flex-direction:column;gap:1.25rem;justify-content:center}.container-texts-logout-modal{gap:0}.container-modal-text-input{gap:.5rem;padding:1.5rem 1.5rem 2rem}.content-modal-text-input{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;width:100%}.container-modal.download-transcript{gap:1.5rem;height:-moz-fit-content;height:fit-content;position:relative}.recording-modal{gap:2rem;padding:2rem 1rem}.container-top-buttons-modal{display:flex;justify-content:space-between;width:100%}.close-icon{color:var(--regularWhite);cursor:pointer;position:absolute;right:1rem;top:1rem;&.MuiSvgIcon-root{font-size:var(--XXXL)}}.container-close-modal{align-items:center;align-self:flex-end;color:var(--regularWhite);cursor:pointer;display:flex;font-weight:500;gap:.1rem;height:2.75rem;margin:-.5rem -.1rem 0 0}.container-close-modal.feedback,.container-close-modal.reverse-translation{height:2.75rem;margin-right:-1.1rem}.container-close-modal.instructions{margin-right:-.6rem}.container-close-modal.menu{align-self:flex-end;margin:0 .25rem 0 0}.container-close-modal.update{align-self:flex-end;margin:0 -1.1rem 0 0}.container-close-modal.terms{margin-right:-1.1rem}.close-icon-modal.MuiSvgIcon-root{font-size:var(--XL)}.title-modal{color:var(--regularWhite);font-size:var(--medium);font-weight:700}.title-modal.auth-modal,.title-modal.download-transcript,.title-modal.feedback,.title-modal.instructions,.title-modal.terms,.title-modal.update{font-size:var(--XL)}.title-modal.feedback{max-width:90%}.big-title-modal{font-size:var(--XXL);font-weight:600}.container-title-reverse-modal{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.icon-reverse-translation-modal{height:1.875rem;width:1.875rem}.text-modal{color:var(--regularWhite);font-size:var(--regular);font-weight:400;line-height:1.5rem}.text-modal.auth{text-wrap:wrap;font-weight:600}.text-modal.auth-error,.text-modal.feedback{font-weight:500}.text-modal.feedback-semi-bold{font-weight:600}.text-modal.input-label-feedback{text-align:left}.text-modal.gender-information{text-align:center}.text-modal.instructions,.text-modal.terms{display:flex;flex-direction:column;gap:.5rem;text-align:left}.text-container-instructions,.text-container-terms{align-items:center;display:flex;gap:.5rem}.text-container-instructions.text-right{text-align:right}.instructions-modal-icon{padding:.875rem}.text-input-modal{background-color:var(--regularWhite);border:none;border-radius:.625rem;color:var(--darkerGrey);font-family:var(--primary-font);font-size:var(--regular);font-weight:500;height:8.6875rem;line-height:var(--large);padding:1rem;width:100%;&:focus{outline-color:var(--grey)}&::placeholder{color:var(--mediumGrey)}}.text-input-modal.feedback{height:6.25rem;padding:.65rem 1rem}.container-btns-modal{align-items:center;display:flex;gap:.75rem;justify-content:center;width:-moz-fit-content;width:fit-content}.container-btns-modal.feedback,.container-btns-modal.instructions{width:55%}.container-btns-modal.instructions{margin-top:1rem}.container-btns-delete-modal,.container-btns-end-session-modal,.container-btns-logout-modal,.container-btns-new-session-modal{flex-direction:column}.container-btns-modal.download-transcript{height:100%;margin-top:1.5rem;width:100%}@media screen and (min-height:700px){.container-instruction-modal,.text-modal.instructions,.text-modal.terms{gap:1rem}}@media screen and (min-width:768px){.big-title-modal{text-wrap:nowrap;font-size:var(--XXL);font-weight:600}.text-modal.auth{font-size:var(--regular)}.container-modal.download-transcript{max-width:40rem;width:75%}.container-btns-modal.download-transcript{width:60%}.container-auth-modal{max-width:43.75rem}}.container-auth-input{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;max-width:19.375rem;padding:1.5rem 0 0;width:100%}.auth-input.MuiFormControl-root{width:90%}.auth-input label.MuiInputLabel-root{background-color:var(--modalBackground);padding:0 .5rem}.auth-input .MuiOutlinedInput-root input,.auth-input label.MuiInputLabel-root{color:var(--regularWhite);font-family:var(--primary-font);font-size:var(--XL);font-weight:500;line-height:1.6rem}.auth-input .MuiOutlinedInput-root{border:2px solid var(--regularWhite);border-radius:.3rem;height:4.2rem;& input{font-size:var(--regular)}}.container-auth-error{align-items:center;display:flex;flex-direction:column;gap:.2rem;justify-content:center}.container-texts-modal{display:flex;flex-direction:column;gap:1.5rem}.support-email{color:var(--secondary);text-decoration:underline}@media screen and (min-width:768px){.auth-input .MuiOutlinedInput-root input{font-size:var(--large)}}.container-slider-font-size{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:15rem;min-width:11rem;width:40%}.font-size-label.MuiTypography-root,.slider-title.MuiTypography-root{color:var(--regularWhite);font-family:var(--primary-font);font-size:var(--small);font-weight:600}.container-slider-label.MuiStack-root{align-items:center;display:flex;flex-direction:row;gap:.5rem;height:2.2rem;width:100%}.slider-font-size{& .MuiSlider-thumb{color:var(--mediumGrey);height:1.3rem;width:1.3rem}& .MuiSlider-track,.MuiSlider-rail{color:var(--regularWhite);height:.6rem}}.font-size-label.MuiTypography-root{font-weight:500;text-align:center;width:2rem}.min-font-size.MuiTypography-root{font-size:var(--regular)}.max-font-size.MuiTypography-root{font-size:var(--XXXXL)}@media screen and (min-width:1081px){.container-slider-font-size{min-width:11rem;width:50%}.slider-title.MuiTypography-root{font-size:var(--regular)}.container-slider-font-size{min-width:12rem}}@media screen and (min-width:1441px){.container-slider-font-size{min-width:13.5rem}}.container-end-session-slider{align-items:center;background-color:var(--primary);bottom:0;display:flex;flex-direction:column;gap:1rem;justify-content:flex-end;padding:.5rem .5rem 1.2rem;position:absolute;z-index:1}.container-download-and-end-session-btns{align-items:center;display:flex;flex-direction:row;gap:.6rem}.audio-icon.hourglass{width:.9rem}.svg-inline--fa.fa-play.audio-icon,.svg-inline--fa.fa-stop.audio-icon{cursor:pointer;font-size:1rem}.svg-inline--fa.fa-play.audio-icon.dark,.svg-inline--fa.fa-stop.audio-icon.dark{color:var(--primary)}.svg-inline--fa.fa-play.audio-icon.white,.svg-inline--fa.fa-stop.audio-icon.white{color:var(--regularWhite)}.content-bubble-message{align-items:center;display:flex;flex-grow:1;justify-content:center;padding:0 .5rem 0 .75rem}.content-bubble-message .edit-message-input{background-color:var(--regularWhite);border-radius:.75rem;height:-moz-fit-content;height:fit-content;margin-top:.6rem;min-height:2rem;outline:1px solid var(--darkGrey);overflow-y:hidden;width:100%}.edit-message-input .MuiInputBase-root{color:var(--primary);font-family:var(--primary-font);font-size:var(--regular);font-weight:500;line-height:var(--large);padding:.5rem;&:active,&:focus,&:hover{outline-color:var(--primary)}}.send-message-icon{color:var(--primary);cursor:pointer;font-size:var(--XL)}.bubble-message{color:var(--primary);flex-grow:1;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:break-word}.transcription-bubble-left .content-bubble-message .bubble-message{color:var(--regularWhite)}.bubble-message-reverse-translation{color:var(--reverseTranslation);padding:0}@media screen and (min-width:1081px){.content-bubble-message{padding-left:1.25rem}}.container-content-chat-bubble{background-color:var(--regularWhite);cursor:pointer;display:flex;flex-direction:column;font-weight:500;min-height:3.1rem;padding-left:.5rem}.transcription-bubble-left,.transcription-bubble-right{justify-content:center}.transcription-bubble-right{background-color:var(--white);border-radius:1rem 0 0 0}.transcription-bubble-left{background-color:var(--tertiary);border-radius:0 1rem 0 0}.reverse-translation-bubble{background-color:var(--white);display:flex}.reverse-translation-bubble.left{border-radius:0 0 1rem 0}.reverse-translation-bubble.right{border-radius:0 0 0 1rem}.content-chat-bubble{display:flex;justify-content:space-between;padding:.375rem 0;position:relative}.bubble-icon{align-items:center;align-self:center;display:flex;height:1.875rem;justify-content:center;width:1.875rem}.bubble-left-icon{border:1px solid var(--regularWhite);border-radius:50%;height:1.5rem;object-fit:cover;width:1.5rem}.bubble-left-icon.reverse{border:none;border-radius:0;padding:.25rem}.container-icons-chat-bubble{align-self:center;display:flex;flex-direction:column}.container-bubble-icon{align-items:center;display:flex;height:2.75rem;justify-content:center;padding:.5rem;width:2.75rem}@media screen and (min-width:1081px){.container-content-chat-bubble{padding:0 .5rem 0 1rem}.transcription-bubble-left,.transcription-bubble-right{border-radius:1rem 1rem 0 0}.reverse-translation-bubble.left,.reverse-translation-bubble.right{border-radius:0 0 1rem 1rem}.content-chat-bubble{padding:1rem 0}.bubble-icon,.bubble-left-icon{height:2.375rem;width:2.375rem}.bubble-left-icon{border:2px solid var(--regularWhite)}.bubble-left-icon.reverse{padding:.375rem}}.side-icons-chat-bubble{align-self:center;display:flex;flex-direction:column;gap:.2rem;height:100%;justify-content:space-around}.container-side-icons{cursor:pointer;font-size:var(--regular);z-index:2}.container-side-icons,.side-icon-bubble{align-items:center;color:var(--regularWhite);display:flex;height:2.75rem;justify-content:center;width:2.75rem}.side-icon-bubble{font-size:1.5rem;padding:.6rem}.side-icon-bubble.edit{padding:.8rem}.side-icon-bubble.question{align-items:center;background-color:var(--regularWhite);border-radius:50%;color:var(--darkerGrey);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:1.5rem;justify-content:center;padding:.2rem;width:1.5rem}.side-icon-bubble:active,.side-icon-bubble:hover{opacity:.6}.container-chat-bubble{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding-bottom:1rem;width:98%}.container-chat-bubble.left,.container-chat-bubble.right{flex-direction:column}.container-chat-bubble.right{align-self:flex-end}.container-bubble-and-side-icons{display:flex;justify-content:flex-end;width:100%}.container-bubble-and-side-icons.left{flex-direction:row-reverse}.chat-bubble-left,.chat-bubble-right{display:flex;flex-direction:column;width:87%}.chat-bubble-right{align-self:flex-end}.container-delete-bubble{align-items:center;display:flex;height:2.75rem;justify-content:flex-start;width:100%;z-index:2}.container-delete-bubble.right{justify-content:flex-end}.delete-bubble-text{align-items:center;color:var(--regularWhite);cursor:pointer;display:flex;font-size:var(--regular);font-weight:500;height:100%}@media screen and (min-width:768px){.container-chat-bubble{width:100%}}@media screen and (min-width:1081px){.container-chat-bubble{flex-direction:row-reverse;width:41%}}@media screen and (min-width:1440px){.container-chat-bubble{width:42%}}@media screen and (min-width:1920px){.container-chat-bubble{width:44%}}.container-chat-list{align-items:center;display:flex;flex-grow:1;height:100%;justify-content:center;margin-top:1rem;overflow:hidden;position:relative;width:100vw}.container-chat-list-empty{overflow-y:auto}.content-chat-list{align-items:space-between;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow-y:auto;width:93%}.content-chat-list.chat-empty{align-items:center;align-self:flex-start;border:1px solid var(--darkGrey);border-radius:1rem;display:flex;height:-moz-fit-content;height:fit-content;justify-content:center;max-width:34rem;min-width:20.125rem;padding:1rem 2.25rem;width:80%;z-index:1}.title-empty-chat{color:var(--regularWhite);font-size:var(--regular);font-weight:600;text-align:center}.text-modal.select-languages{text-align:center}.chat-vertical-line{background-color:var(--regularWhite);height:95%;left:50%;position:absolute;top:0;width:1px}@media screen and (min-height:900px) and (max-width:1080px){.content-chat-list.chat-empty{align-self:center}}@media screen and (min-width:1081px){.container-chat-list{margin-bottom:6.5rem;margin-top:0;width:100vw}.container-chat-list-empty{margin-bottom:0}.content-chat-list{padding-bottom:1rem;width:96%}.content-chat-list.chat-empty{align-items:center;align-self:flex-start;border:1px solid var(--darkGrey);border-radius:1rem;display:flex;height:-moz-fit-content;height:fit-content;justify-content:center;margin-top:3rem;padding:1rem 2.25rem;width:50%;z-index:1}}@media screen and (min-width:1440px){.content-chat-list{width:92%}}@media screen and (min-width:1920px){.content-chat-list{width:90%}}.container-switch-language{align-items:center;display:flex;justify-content:space-between;width:14rem}.container-switch-language.instructions{width:14rem}.container-label-language{align-items:center;display:flex;gap:.5rem;justify-content:center}.radio-language{accent-color:var(--primary);cursor:pointer;height:1rem;margin-top:.25rem;width:1rem}.label-switch-language{color:var(--white);display:flex;flex-direction:column;font-family:var(--primary-font);font-size:var(--medium);text-align:left}.label-switch-language .native-language{font-weight:400}.label-switch-language .english-language{font-size:var(--regular);font-weight:300}@media screen and (min-width:768px){.container-switch-language{max-width:27.5rem;width:60%}.label-switch-language.download-transcript{align-items:center;flex-direction:row}}@media screen and (min-width:1081px){.container-switch-language{width:55%}}.transcript-modal{text-wrap:wrap;background-color:var(--regularWhite);border:none;border-radius:1rem;color:var(--darkerGrey);font-family:var(--primary-font);font-size:var(--regular);font-weight:500;line-height:var(--XL);max-height:60vh;min-height:30vh;overflow-x:hidden;overflow-y:auto;padding:1rem;text-align:left;width:100%}.format-switch{align-items:center;align-self:flex-start;color:var(--regularWhite);display:flex;gap:.375rem;justify-content:space-between;margin-top:-.75rem}.switch{display:inline-block;height:1.375rem;position:relative;width:2.125rem}.switch input{height:0;opacity:0;width:0}.slider{background-color:var(--mediumGrey);border:1px solid var(--regularWhite);border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:var(--regularWhite);border-radius:50%;content:"";height:1rem;left:1px;top:2px;width:1rem}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translateX(.875rem)}.feedback-checkboxes-container.MuiFormGroup-root{gap:.5rem}.checkbox-label-feedback.MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd{height:2.75rem}.checkbox-label-feedback .MuiTypography-root.MuiTypography-body1{color:var(--regularWhite);font-family:var(--primary-font);font-weight:500;text-align:left}.checkbox-feedback.MuiButtonBase-root.MuiCheckbox-root{color:var(--regularWhite);&.Mui-checked{color:var(--secondary)}}.input-feedback-modal{background-color:var(--regularWhite);border:none;border-radius:1rem;color:var(--primary);font-size:var(--regular);font-weight:500;height:3rem;margin:.4rem 0 .125rem;padding:.5rem;width:98%;&::placeholder{color:var(--mediumGrey)}}.container-record-feedback-btn{gap:.875rem;justify-content:flex-start}.container-record-feedback-btn,.container-recording-feedback{align-items:center;display:flex;flex-direction:column;height:8rem;padding-top:.5rem}.container-recording-feedback{justify-content:flex-end}.recording-feedback-btn{align-items:center;display:flex;justify-content:center;margin-bottom:-.25rem;padding:1.5rem 0;position:relative}.pulse-recording-feedback,.pulse-recording-feedback-external{border:7px solid var(--backgroundAnimationMic);border-radius:50%;position:absolute}.pulse-recording-feedback{animation:scale-up-center 1.2s ease-out infinite both;height:3.8rem;width:3.8rem}.pulse-recording-feedback-external{animation:scale-up-external 1.2s ease-out infinite both;height:4.4rem;width:4.4rem}.MuiSvgIcon-root.record-feedback-icon{background-color:var(--backgroundAnimationMic);border-radius:50%;color:var(--recordingAnimationMic);font-size:4rem;padding:.25rem}.rating-feedback{gap:.5rem;margin:.5rem 0}.rating-feedback .MuiRating-icon{font-size:3rem}.rating-feedback .MuiRating-iconEmpty{color:var(--regularWhite)}.second-step-feedback-modal{display:flex;flex-direction:column;gap:1rem}.container-audio-recorded{align-self:center;flex-direction:column;height:8rem}.audio-recorded-btn,.container-audio-recorded{align-items:center;display:flex;justify-content:center;width:-moz-fit-content;width:fit-content}.audio-recorded-btn{border:1px solid var(--regularWhite);border-radius:.625rem;color:var(--white);font-size:var(--regular);font-weight:600;gap:1rem;padding:.75rem 1rem}.svg-inline--fa.fa-play.audio-icon-feedback,.svg-inline--fa.fa-stop.audio-icon-feedback{color:var(--regularWhite);cursor:pointer;font-size:1.125rem}.container-delete-audio{align-items:center;align-self:flex-end;display:flex;gap:.625rem;padding:.625rem}.container-input-feedback{display:flex;flex-direction:column;gap:.5rem;padding:0 .5rem}.MuiSvgIcon-root.feedback-sent-icon{color:var(--regularWhite);font-size:5.25rem}.profile-modal{align-items:center;background-color:var(--primaryLight);border-radius:1rem 0 1rem 1rem;box-shadow:0 2px 20px 0 #0000002b,0 8px 32px 0 #00000014;color:var(--regularWhite);display:flex;flex-direction:column;font-size:var(--regular);font-weight:500;justify-content:center;opacity:0;position:absolute;right:-100%;top:calc(100% + .6rem);transform:opacity .3s;width:20rem;z-index:10}.profile-modal.active{animation:profileHeaderFromRight .3s forwards;opacity:1;right:-.875rem}.profile-modal-option{align-items:center;cursor:pointer;display:flex;gap:.5rem;justify-content:flex-start;padding:.75rem 1.5rem .75rem 2rem;width:100%}.profile-modal-option.username{border-bottom:1px solid var(--regularWhite);cursor:default;justify-content:center;margin-bottom:1rem;padding:0 0 1rem}.profile-modal-option-text{font-family:var(--primary-font);font-size:var(--regular);font-weight:600}.profile-modal-option-text.username{font-size:var(--medium)}.profile-modal-option .profile-modal-option-icon{height:1.5rem;width:1.5rem}.profile-modal-option-icon.notification{height:1.9rem;padding:0 .2rem;width:1.9rem}.container-localisation{display:inline-block;flex-grow:1;position:relative}.profile-modal-option.localisation{padding:0 1.5rem 0 2rem;position:relative}.localisation-option{align-items:center;cursor:pointer;display:flex;height:3rem;justify-content:space-between}.localisation-option-selected{font-size:var(--regular)}.container-localisation-menu{background-color:var(--primaryLighter);border-radius:.3rem;box-shadow:2px 10px 20px 6px var(--modalBoxShadow);font-size:var(--regular);left:1.7rem;min-width:17rem;padding:.75rem 0;position:absolute;top:3rem;z-index:1}.option-localisation-menu{cursor:pointer;display:flex;flex-direction:column;padding:.5rem 2.25rem;&:hover{background-color:var(--primaryLight)}&.selected{background-color:var(--primary)}}.option-localisation-english{font-weight:300}.fontsize-menu-option{padding:1.5rem 0}.profile-modal-option.container-powered-by-mobile{justify-content:center;padding:.75rem 1.5rem 1rem}.profile-modal-option-text.text-powered-by-mobile{font-weight:500;line-height:2rem}.logo-powered-by-mobile{height:2rem;width:2rem}@keyframes profileHeaderFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media screen and (min-width:1081px){.profile-modal{padding-bottom:1rem;top:calc(100% + .8rem)}.profile-modal.active{right:-2rem}}@media screen and (min-width:1440px){.profile-modal{top:calc(100% + 1.025rem)}}.container-profile-header,.profile-menu{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.profile-menu{cursor:pointer;gap:.125rem}.profile-name{text-wrap:wrap;color:var(--darkerGrey);font-size:var(--regular);font-weight:400;line-height:1.25rem;text-align:center}.user-icon-header{cursor:pointer;width:3.75rem}.container-menu{gap:.125rem;height:3.275rem}.container-menu,.menu-icon{align-items:center;display:flex;flex-direction:column;justify-content:center}.menu-icon{position:relative}.menu-text{color:var(--primary);font-size:var(--regular);font-weight:600;line-height:var(--large)}@media screen and (min-width:1081px){.menu-icon{width:2.75rem}.menu-icon.notification{width:3rem}.menu-text{font-size:var(--large);line-height:var(--XXL)}}.container-header{flex-direction:column}.container-header,.content-header{align-items:center;display:flex;min-width:100%}.content-header{background-color:var(--regularWhite);height:4rem;justify-content:space-between;padding:.5rem .875rem}.container-left-header{align-items:center;align-self:center;display:flex;flex-direction:column;height:2.875rem}.container-left-header.grund,.container-left-header.mbl{align-self:center}.container-left-header.tfv{align-items:center;align-self:center;gap:.125rem}.logo-header{height:100%}.container-left-header.grund .logo-header{max-width:10rem;width:100%}.container-powered-by{gap:.2rem}.text-powered-by{color:var(--darkGrey);font-size:.625rem;font-weight:400}.text-offline-message{color:var(--red);font-family:var(--primary-font);font-size:1rem;font-weight:400;text-align:center}.logo-powered-by{height:.875rem;width:.875rem}.container-right-header{align-items:center;display:flex;gap:.5rem;justify-content:center}@media screen and (min-width:1081px){.content-header{height:5.25rem;padding:.625rem 2rem}.container-left-header{display:flex;flex-direction:column;height:4rem}.container-left-header.mbl{min-width:10rem;width:12%}.container-left-header.tfv{gap:0;max-width:14rem;max-width:10rem}.container-left-header.grund{width:13.5%}.logo-header{width:100%}.container-left-header.grund .logo-header{max-width:11rem}.container-powered-by{gap:.5rem}.text-powered-by{font-size:var(--XSmall);line-height:var(--XL)}}@media screen and (min-width:1281px){.container-left-header.grund{width:15%}.container-left-header.grund .logo-header{max-width:12rem}.container-left-header.tfv{max-width:18%}}@media screen and (min-width:1440px){.content-header{height:5.75rem;padding:.875rem 2rem}.container-left-header.mbl{max-width:11.25rem;width:12%}.container-left-header.tfv{max-width:15.25rem}.container-left-header.grund{width:15%}.container-left-header.grund .logo-header{max-width:13rem}.logo-powered-by{height:1.5rem;width:1.5rem}.text-powered-by{font-size:var(--regular);line-height:var(--XXL)}}.dropdown-container-mobile{align-items:flex-start;bottom:17.3rem;display:flex;flex-direction:column;height:2rem;justify-content:flex-start;position:absolute;z-index:5;&.left{left:-20%}&.right{right:125%}}.container-dropdown-menu,.container-dropdown-menu-and-submenu{display:flex;position:relative;width:100%}.container-dropdown-menu{align-items:flex-start;animation:languageDropdownMobileFromTop .3s ease forwards;flex-direction:column;margin-left:10%}.dropdown-container-items{background-color:var(--primaryLight);border-radius:1rem;display:flex;flex-direction:column;gap:1rem;height:14.875rem;margin-top:.675rem;padding:1.75rem 0;position:absolute;top:.5rem;transition:all .5s ease-in-out;width:11rem}.container-language-items{font-size:var(--regular);height:11.4rem;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;width:100%;&::-webkit-scrollbar{width:.3rem}&::-webkit-scrollbar-track{background:var(--darkGrey);margin:1.5rem .5rem}&::-webkit-scrollbar-thumb{background-color:var(--mediumGrey);border:none}}.dropdown-language-label{align-items:center;color:var(--regularWhite);cursor:pointer;display:flex;justify-content:space-between;padding:.3rem 2.25rem;&.active,&:active,:focus{background-color:var(--primary)}&:hover{background-color:var(--primaryLighter)}}.container-label-display-dropdown{align-items:flex-start;display:flex;gap:.6rem;justify-content:center}.dropdown-radio{accent-color:var(--white);appearance:none;-webkit-appearance:none;border-radius:50%;cursor:pointer;height:1rem;margin-top:.25rem;position:relative;width:1rem}.dropdown-radio,.dropdown-radio:checked{background-color:var(--white)}.dropdown-radio:checked:after{background-color:var(--primary);border-radius:50%;content:"";display:block;height:.65rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.65rem}.dropdown-radio.gender{margin-top:0}.dropdown-language-text{display:flex;flex-direction:column}.language-english-label{color:var(--grey);font-size:var(--regular)}.dropdown-gender-items{align-items:center;background-color:var(--primaryLight);border-radius:1rem;color:var(--regularWhite);display:flex;flex-direction:column;font-size:var(--regular);gap:1rem;height:14.875rem;justify-content:center;padding:1.5rem .5rem;position:absolute;width:9.5rem}.dropdown-gender-items.left{left:11.5rem}.dropdown-gender-items.right{right:.5rem}.title-dropdown-gender{color:var(--regularWhite);display:flex;font-weight:700}.container-gender-options-menu{align-self:flex-start;margin-left:1rem}.dropdown-gender-label{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:.2rem;padding:.5rem .375rem}.text-choice-pronouns{text-align:center}@media screen and (min-width:390px){.dropdown-gender-items{width:11rem}}@media screen and (min-width:768px){.dropdown-container-mobile{&.left{left:-38%}&.right{right:143%}}.dropdown-container-items,.dropdown-gender-items{width:13.5rem}.dropdown-gender-items.left{left:14rem}.dropdown-gender-items.right{right:.5rem}}@media screen and (min-width:1082px){.dropdown-container-mobile,.dropdown-container-mobile.left{left:108%;top:.5rem}.dropdown-container-items{height:-moz-fit-content;height:fit-content;max-height:50vh}.dropdown-gender-items{text-wrap:wrap;height:-moz-fit-content;height:fit-content;padding:1.5rem .5rem}.dropdown-gender-items.left,.dropdown-gender-items.right{left:14.3rem}.container-language-items{height:-moz-fit-content;height:fit-content}.arrow-dropdown-menu,.arrow-to-language{display:block;height:1rem;position:absolute;width:1rem}.arrow-dropdown-menu:before,.arrow-to-language:before{border-bottom:10px solid #0000;border-left:12px solid var(--modalBackground);border-top:10px solid #0000;content:"";height:0;position:absolute;rotate:180deg;width:0}.arrow-to-language:before{border-left:14px solid var(--modalBackground)}.arrow-dropdown-menu{left:-.6rem;top:1rem}.arrow-to-language{left:-.65rem;top:2.5rem}}@media screen and (min-width:1280px){.dropdown-container-mobile,.dropdown-container-mobile.left{left:113%;top:.5rem}}@media screen and (min-width:1500px){.dropdown-container-mobile,.dropdown-container-mobile.left{left:110%;top:.5rem}}@keyframes languageDropdownMobileFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.container-input-panel-language{align-items:center;display:flex;justify-content:center;max-width:100%;min-width:7.5rem;position:relative}.container-input-panel-btn{align-items:center;align-self:center;background-color:var(--primaryLight);border:2px solid var(--regularWhite);border-radius:1rem;cursor:pointer;display:flex;justify-content:center;max-height:4rem;min-height:3rem;padding:.5rem;width:5.8125rem;&:hover{background-color:var(--primaryLighter)}}.input-panel-language-btn{text-wrap:nowrap;display:flex;flex-direction:column;width:100%}.input-panel-language{align-items:center;display:flex;gap:.5rem;justify-content:center;width:100%}.language-input-panel-flag{height:1.75rem}.input-panel-language-text,.input-panel-speaker-language,.input-panel-without-language{color:var(--regularWhite);font-size:var(--regular);font-weight:600;line-height:var(--XL);text-align:center}.input-panel-without-language{text-wrap:nowrap;align-items:center;display:flex;justify-content:center;text-align:center;width:100%}@media screen and (min-width:1081px){.container-input-panel-language{text-wrap:nowrap;align-self:flex-start;color:var(--regularWhite);display:flex;flex-direction:column;font-family:var(--primary-font);font-size:var(--regular);font-weight:500;gap:.3rem;justify-content:center;line-height:var(--XL);position:relative;width:8.25rem;&:disabled{color:var(--grey)}}.label-select-language-panel{align-self:center;text-align:center}.container-input-panel-btn{height:3.125rem;width:7.5rem}.input-panel-language-text,.input-panel-speaker-language,.input-panel-without-language{font-weight:700}}@media screen and (min-width:1280px){.container-input-panel-btn{width:8.25rem}}@media screen and (min-width:1440px){.container-input-panel-btn{height:3.75rem;width:8.25rem}}.container-record-btn{align-items:center;align-self:flex-start;color:var(--regularWhite);display:flex;flex-direction:column-reverse;font-size:1rem;font-weight:600;gap:.25rem;justify-content:center;min-height:3.75rem;min-width:3.75rem;position:relative;width:10.5%}.text-record-btn{font-weight:500}.text-record-btn.persian{font-size:.875rem}.MuiSvgIcon-root.panel-record-icons{background-color:var(--mobileBackgroundMic);border-radius:50%;box-shadow:2px 5px 10px 0 #0003;color:var(--mobileMic);cursor:pointer;font-size:3.75rem;padding:.25rem;&:hover{opacity:.8}}.panel-record-icons.grund,.panel-record-icons.tfv{border:2px solid var(--white)}.panel-record-icons.disabled{background-color:var(--mediumGrey);border:1px solid var(--regularWhite);cursor:none}.recording-btn-animation{align-items:center;display:flex;justify-content:center;padding:1.5rem 0;position:relative}.pulse-recording,.pulse-recording-external{border:15px solid var(--backgroundAnimationMic);border-radius:50%;position:absolute}.pulse-recording{animation:scale-up-center 1.2s ease-out infinite both;height:7.2rem;width:7.2rem}.pulse-recording-external{animation:scale-up-external 1.2s ease-out infinite both;height:8.5rem;width:8.5rem}.MuiSvgIcon-root.mic-recording-modal{background-color:var(--backgroundAnimationMic);border-radius:50%;color:var(--recordingAnimationMic);font-size:7rem;padding:1rem}@keyframes scale-up-center{0%{opacity:1;transform:scale(1.1)}to{opacity:.3;transform:scale(1.3)}}@keyframes scale-up-external{0%{opacity:.6;transform:scale(1.1)}to{opacity:0;transform:scale(1.35)}}@media screen and (min-width:1081px){.container-record-btn{flex-direction:column;max-height:5.5rem;max-width:5.5rem;min-height:4.2rem;min-width:4.2rem}.panel-record-icons.disabled{border:none}.MuiSvgIcon-root.panel-record-icons{background-color:var(--desktopBackgroundMic);color:var(--desktopMic);font-size:3.5rem;padding:.25rem}.MuiSvgIcon-root.panel-record-icons.disabled{background-color:var(--mediumGrey);color:var(--darkGrey)}}@media screen and (min-width:1440px){.MuiSvgIcon-root.panel-record-icons{font-size:4rem;padding:.25rem}.text-record-btn.persian{font-size:1rem}}@media screen and (min-width:1920px){.MuiSvgIcon-root.panel-record-icons{font-size:4.25rem;padding:.25rem}}.container-gender-selection{align-items:center;color:var(--regularWhite);display:flex;font-family:var(--primary-font);font-size:var(--small);font-weight:400;gap:.5rem;height:2.75rem;justify-content:center}.container-gender-selection-panel{align-items:center;display:flex;gap:1rem;justify-content:center}.container-gender-selection-label{text-wrap:nowrap;align-items:center;display:flex;gap:.5rem;justify-content:center}.gender-options-radio{accent-color:var(--primary);cursor:pointer;height:1rem;width:1rem}.question-mark{height:100%;width:2.75rem}.question-icon,.question-mark{align-items:center;display:flex;justify-content:center}.question-icon{background-color:var(--regularWhite);border-radius:50%;color:var(--darkerGrey);cursor:pointer;font-size:1rem;font-weight:700;height:1.5rem;padding:.2rem;width:1.5rem}@media screen and (min-width:1081px){.gender-selection-title{align-items:center;display:flex;gap:.2rem;justify-content:center}}.container-middle-input-panel{color:var(--regularWhite);font-family:var(--primary-font);font-size:var(--regular);font-weight:500;line-height:1.5rem;max-width:33.5rem;width:70%}.container-input-label,.container-middle-input-panel{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.container-input-label{gap:.3rem;width:100%}.placeholder.arabic{direction:rtl;text-align:right;width:100%}.text-input-panel{background-color:var(--regularWhite);border:1px solid var(--primaryLightest);display:flex;height:3rem;width:100%}.text-input-panel.MuiInputBase-root{border-radius:1rem;color:var(--darkGrey);overflow:hidden}.text-input-panel .MuiInputBase-input{padding:.75rem .5rem}.text-input-panel.arabic .MuiInputBase-input{direction:rtl}.text-input-panel .MuiInputBase-input::placeholder{color:var(--placeholderColor);opacity:1}.text-input-panel.disabled{background-color:var(--mediumGrey);border:none;cursor:not-allowed}.send-message-icon .MuiSvgIcon-root{color:var(--primaryLight);cursor:pointer;font-size:var(--XXL)}.send-message-icon.disabled .MuiSvgIcon-root{color:var(--darkGrey);cursor:none}@media screen and (min-width:1081px){.container-middle-input-panel{margin-left:.5rem}}@media screen and (min-width:1440px){.text-input-panel{height:3.75rem}}@media screen and (min-width:1920px){.container-middle-input-panel{width:33.5rem}.text-input-panel{height:3.5rem}}.container-write-btn{align-items:center;display:flex;flex-direction:column-reverse;gap:.25rem;justify-content:center}.text-write-btn{color:var(--regularWhite);font-size:1rem;font-weight:500}.input-panel-text-btn{align-items:center;background-color:var(--regularWhite);border-radius:50%;cursor:pointer;display:flex;gap:.5rem;height:3rem;justify-content:center;width:3rem}.input-panel-text-btn.disabled{background-color:var(--mediumGrey);border:1px solid var(--regularWhite);cursor:not-allowed}.container-input-panel{align-items:center;background-color:initial;display:flex;flex-direction:column;gap:.8rem;justify-content:center;padding:1rem 0 1.5rem;width:100%;z-index:3}.container-input-panel.disabled{opacity:.35}.content-input-panel{align-items:center;display:flex;justify-content:center;width:90%}.input-panel-left-side,.input-panel-right-side{align-items:center;display:flex;flex-direction:column-reverse;gap:.6rem;justify-content:center;width:10rem}.input-panel-left-side.blur,.input-panel-right-side.blur{filter:blur(2px)}.panel-input-btns-mobile{align-items:flex-end;display:flex;gap:.5rem;justify-content:center}.swap-languages-btn{align-self:flex-end;padding:.2rem .8rem}.swap-languages-icon{height:2.125rem}.swap-languages-icon.blur{filter:blur(2px)}@media screen and (min-width:390px){.content-input-panel{width:82%}.swap-languages-btn{padding:.2rem 1rem}}@media screen and (min-width:410px){.content-input-panel{justify-content:space-between}}@media screen and (min-width:768px){.content-input-panel{width:70%}}@media screen and (min-width:1081px){.container-input-panel{max-height:10rem;padding:.5rem .5rem 1.5rem;width:100vw}.content-input-panel{width:94%}.input-panel-left-side,.input-panel-right-side{flex-direction:row;gap:.65rem;width:45%}.swap-languages-btn{align-self:center;padding:1rem}}@media screen and (min-width:1280px){.input-panel-left-side,.input-panel-right-side{gap:1rem}}@media screen and (min-width:1440px){.container-input-panel{padding:.875rem 0 1.75rem}}@media screen and (min-width:1920px){.container-input-panel{padding:1rem 0 2rem}.content-input-panel{width:90%}}.container-loading{background-color:var(--transparentBackground);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:4}.container-loading,.content-loading{align-items:center;display:flex;flex-direction:column;justify-content:center}.content-loading{gap:1.5rem;margin-bottom:3rem;width:100%}.text-loading{color:var(--regularWhite);font-size:var(--large);font-weight:600;max-width:85%;text-align:center}.loading-icon{animation:rotate-center 1.8s linear infinite both;height:3.625rem;width:3.625rem}@keyframes rotate-center{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}@media screen and (min-width:1081px){.text-loading{font-size:var(--XL)}}.container-language-text-input-modal{align-items:center;color:var(--regularWhite);display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center}.text-input-modal-flag{border:2px solid var(--regularWhite);border-radius:50%;height:2rem;object-fit:cover;width:2rem}.text-input-modal-language{font-size:var(--XL);font-weight:600}.back-btn .MuiSvgIcon-root,.send-message-btn .MuiSvgIcon-root{font-size:1.25rem}.container-chat-screen{align-items:center;background-color:var(--primary);display:flex;flex-direction:column;height:100dvh;justify-content:space-between;overflow:hidden;position:relative;width:100vw}.background-logo.mbl{bottom:-6.25rem;height:26rem;left:-15rem;position:absolute;width:26rem;z-index:0}.background-logo.tfv{bottom:-3.5rem;height:30%;max-width:22rem;position:absolute;right:-6rem;z-index:0}.container-powered-by{align-items:center;bottom:1.5rem;display:flex;gap:.5rem;justify-content:center;left:2.25rem;position:absolute}.text-powered-by{color:var(--regularWhite);font-family:var(--primary-font);font-size:var(--regular);font-weight:500;line-height:2rem}.logo-powered-by{height:2rem;width:2rem}@media screen and (min-width:769px){.background-logo.mbl{bottom:-7rem;height:28rem;left:-13rem;width:28rem}}@media screen and (min-width:1081px){.background-logo.mbl{bottom:-14%;height:60%;left:-18%;max-height:43.75rem;width:40%}.background-logo.tfv{bottom:-6%;height:43%;max-width:43%;right:-6%;z-index:0}}@media screen and (min-width:1440px){.background-logo.tfv{bottom:-7%;right:-8%}}@media screen and (min-width:1920px){.background-logo.tfv{bottom:-6%;right:-6%}}:root{--primary-font:"Quicksand",sans-serif;--XXSmall:0.75rem;--XSmall:0.875rem;--small:0.938rem;--regular:1rem;--medium:1.125rem;--large:1.25rem;--XL:1.5rem;--XXL:1.75rem;--XXXL:2rem;--XXXXL:2.5rem}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:var(--primaryLight);border-radius:1rem}::-webkit-scrollbar-thumb{background-color:var(--primaryLighter);border:1px solid var(--primaryLight);border-radius:1rem}html{scroll-behavior:smooth}body,html{font-family:var(--primary-font);height:100%;overflow-x:hidden;width:100%}a{color:inherit;text-decoration:none}.hidden{display:none}