:root,*::before,*::after{--spacer:8px;--padding:calc(var(--spacer) * 2.5);--clr-neutral-max:#FFF;--clr-neutral:#454C57;--clr-neutral-darker:#24282E;--clr-neutral-min:#131517;--clr-1:#DAFF63;--clr-2:#86FF20;--clr-3:#04E762;--clr-4:#45E1FF;--clr-5:#5096FF;--clr-6:#4066FF;--clr-7:#FFE922;--clr-8:#C86BFA;--clr-9:#AE7CFF;--clr-10:#FF5EA1;--clr-11:#FC6BFF;--clr-12:#FF4A60;--clr-13:#FFA800;--clr-14:#FF8742;--clr-15:#FF6038;--clr-error:#FF6B6B;--clr-button:#D9D9D9;--clr-button-hover:#454C57;--font-size-normal:1.8rem;--font-size-h1:3.2rem;--font-size-h2:2.4rem;--font-size-number:3.3rem;--line-height:1.25em;--border-size:1px;--anim-duration:0.5s;--anim-timing:ease-in-out;--button-keyboard-size:72px;--button-square-size:43px;--pager-width:8px;--pager-width--current:16px;--screen-width:min(100vw,393px);}@font-face{font-family:Circular;src:url('../../../_assets/228029f8ae4599dd10b0cd85fbc2585f/Fonts/Circular/CircularXXWeb-Regular.woff2') format("woff2"),url('../../../_assets/228029f8ae4599dd10b0cd85fbc2585f/Fonts/Circular/CircularXXWeb-Regular.woff') format("woff");font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:Circular;src:url('../../../_assets/228029f8ae4599dd10b0cd85fbc2585f/Fonts/Circular/CircularXXWeb-Italic.woff2') format("woff2"),url('../../../_assets/228029f8ae4599dd10b0cd85fbc2585f/Fonts/Circular/CircularXXWeb-Italic.woff') format("woff");font-weight:400;font-style:italic;font-display:swap;}@font-face{font-family:Circular;src:url('../../../_assets/228029f8ae4599dd10b0cd85fbc2585f/Fonts/Circular/CircularXXWeb-Book.woff2') format("woff2"),url('../../../_assets/228029f8ae4599dd10b0cd85fbc2585f/Fonts/Circular/CircularXXWeb-Book.woff') format("woff");font-weight:450;font-style:normal;font-display:swap;}@font-face{font-family:Circular;src:url('../../../_assets/228029f8ae4599dd10b0cd85fbc2585f/Fonts/Circular/CircularXXWeb-BookItalic.woff2') format("woff2"),url('../../../_assets/228029f8ae4599dd10b0cd85fbc2585f/Fonts/Circular/CircularXXWeb-BookItalic.woff') format("woff");font-weight:450;font-style:italic;font-display:swap;}@font-face{font-family:Circular;src:url('../../../_assets/228029f8ae4599dd10b0cd85fbc2585f/Fonts/Circular/CircularXXWeb-Medium.woff2') format("woff2"),url('../../../_assets/228029f8ae4599dd10b0cd85fbc2585f/Fonts/Circular/CircularXXWeb-Medium.woff') format("woff");font-weight:500;font-style:normal;font-display:swap;}@font-face{font-family:Circular;src:url('../../../_assets/228029f8ae4599dd10b0cd85fbc2585f/Fonts/Circular/CircularXXWeb-MediumItalic.woff2') format("woff2"),url('../../../_assets/228029f8ae4599dd10b0cd85fbc2585f/Fonts/Circular/CircularXXWeb-MediumItalic.woff') format("woff");font-weight:500;font-style:italic;font-display:swap;}@font-face{font-family:Circular;src:url('../../../_assets/228029f8ae4599dd10b0cd85fbc2585f/Fonts/Circular/CircularXXWeb-Bold.woff2') format("woff2"),url('../../../_assets/228029f8ae4599dd10b0cd85fbc2585f/Fonts/Circular/CircularXXWeb-Bold.woff') format("woff");font-weight:700;font-style:normal;font-display:swap;}@font-face{font-family:Circular;src:url('../../../_assets/228029f8ae4599dd10b0cd85fbc2585f/Fonts/Circular/CircularXXWeb-BoldItalic.woff2') format("woff2"),url('../../../_assets/228029f8ae4599dd10b0cd85fbc2585f/Fonts/Circular/CircularXXWeb-BoldItalic.woff') format("woff");font-weight:700;font-style:italic;font-display:swap;}*,*::before,*::after{box-sizing:border-box;}*{margin:0;padding:0;}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords;}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:antialiased;text-rendering:optimizeLegibility;}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto;}input,button,textarea,select{font:inherit;}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;}p{text-wrap:pretty;}ul,ol{list-style-type:none;padding-left:0;}.frame-type-text ul,.frame-type-text ol,.frame-type-textpic ul,.frame-type-textpic ol{list-style-type:disc;padding-left:25px;}.frame-type-text ol,.frame-type-textpic ol{list-style-type:decimal;}.extbase-debugger{margin-top:0;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}html{background-color:#e8e8e8;font-size:62.5%;scroll-behavior:smooth;width:100%;max-width:393px;max-height:100vh;overflow:hidden;}body{--clr-primary:var(--clr-neutral-darker);position:relative;margin-inline:auto;padding:0;background-color:var(--clr-neutral-min);color:var(--clr-neutral-max);font-family:Circular,Lato,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:450;font-style:normal;font-size:var(--font-size-normal);line-height:var(--line-height);overflow:hidden;}.section{background-color:var(--clr-neutral-min);}body.template--vert-1{--clr-primary:var(--clr-1);}body.template--vert-2{--clr-primary:var(--clr-2);}body.template--vert-3{--clr-primary:var(--clr-3);}body.template--bleu-1{--clr-primary:var(--clr-4);}body.template--bleu-2{--clr-primary:var(--clr-5);}body.template--bleu-3{--clr-primary:var(--clr-6);}body.template--jaune-1{--clr-primary:var(--clr-7);}body.template--violet-1{--clr-primary:var(--clr-8);}body.template--violet-2{--clr-primary:var(--clr-9);}body.template--rose-1{--clr-primary:var(--clr-10);}body.template--rose-2{--clr-primary:var(--clr-11);}body.template--rouge-1{--clr-primary:var(--clr-12);}body.template--orange-1{--clr-primary:var(--clr-13);}body.template--orange-2{--clr-primary:var(--clr-14);}body.template--orange-3{--clr-primary:var(--clr-15);}h2{font-size:var(--font-size-h1);line-height:1em;}h3{font-size:var(--font-size-h2);line-height:1em;}.font-size--1{--font-size-normal:1.8rem;--font-size-h1:3.2rem;--font-size-h2:2.4rem;}.font-size--2{--font-size-normal:2.4rem;--font-size-h1:3.5rem;--font-size-h2:2.7rem;}.font-size--3{--font-size-normal:3rem;--font-size-h1:4.5rem;--font-size-h2:3.2rem;}b,strong,.font--bold{font-weight:700;}i,em,.font--italic,blockquote p{font-style:italic;}.sr_only{border:0 !important;clip:rect(1px,1px,1px,1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important;}.layout-container{padding:0 var(--padding);}a,a:visited,button.button--link{color:var(--clr-neutral-max);font-size:var(--font-size-normal);line-height:var(--line-height);font-weight:300;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:var(--border-size);}button{font-family:Circular,Lato,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:700;font-size:var(--font-size-normal);line-height:1.5em;letter-spacing:1%;}a:hover,a:focus,button.button--link:hover,button.button--link:focus{text-decoration:none;}button > *{pointer-events:none;}button.button{background-color:var(--clr-button);border:none;cursor:pointer;}button.button--primary{background-color:var(--clr-primary);color:var(--clr-neutral-min);}button.button--secondary{background-color:var(--clr-neutral-darker);color:var(--clr-neutral-max);}button.button--tertiary{background-color:var(--clr-neutral);color:var(--clr-neutral-max);}button.button--link{border:none;background:unset;text-align:left;}.link--back,.link--external{display:flex;align-items:center;gap:var(--spacer);}.link--back svg,.link--external svg{fill:none;}.link--external svg{flex-shrink:0;}.link--back path,.link--external path{fill:var(--clr-neutral-max);}button.button--text{width:100%;padding:calc(var(--spacer) * 2);}button.button--icon{width:var(--button-square-size);height:var(--button-square-size);display:flex;align-items:center;justify-content:center;}button.button--icon.button--primary path{fill:var(--clr-neutral-min);}button.button--icon.button--secondary path{fill:var(--clr-neutral-max);}button[disabled],button.is-disabled{background-color:var(--clr-neutral-darker);color:var(--clr-neutral-max);cursor:not-allowed;opacity:.5;}button[disabled].button--primary,button.is-disabled.button--primary{background-color:var(--clr-neutral-darker);color:var(--clr-neutral-max);}button.button--icon.button--secondary[disabled] path,button.button--icon.button--secondary.is-disabled path{fill:var(--clr-neutral-max);}main > section:not(.section-configurator){min-height:100vh;}section:not(.is-visible){display:none;}hr{border:0;border-top:var(--border-size) solid var(--clr-neutral-darker);}.section--loader{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:calc(var(--spacer) * 3);z-index:100;}.loader{--b:10px;width:calc(12*var(--b));aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(calc(2*var(--b)) at top,#FFF0 -1px,var(--clr-neutral-max) 0 calc(50% - 1px),#FFF0 50% calc(100% - 1px)) calc(50% + var(--b)) 100%,repeating-radial-gradient(calc(2*var(--b)) at bottom,var(--clr-neutral-max) -1px,#FFF0 0 calc(50% - 1px),var(--clr-neutral-max) 50% calc(100% - 1px)) 50% 0;background-size:150% 50%;background-repeat:no-repeat;mask:radial-gradient(calc(1.5*var(--b)) at calc(100% - var(--b)/2) 0,#FFF0 calc(100%/3),var(--clr-neutral-max) calc(100%/3 + 1px) 110%,#FFF0 0) calc(50% + var(--b)/2)
     100%/calc(3*var(--b)) 50% exclude no-repeat,conic-gradient(var(--clr-neutral-max) 0 0);animation:l20 1s infinite linear;}@keyframes l20{100%{transform:rotate(1turn)}}.button--settings-icon,.button--close-icon{fill:none;}.button--settings-icon path,.button--close-icon path{fill:var(--clr-neutral-min);}.button--radio{display:flex;align-items:center;&:not(.is-visible){display:none;}span:first-child{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:19px;height:19px;background-color:var(--clr-neutral-darker);border:var(--border-size) solid var(--clr-neutral-max);border-radius:50%;&::after{content:'';display:block;width:11px;height:11px;background-color:var(--clr-neutral-darker);border-radius:50%;}}&[aria-checked="true"] span::after{background-color:var(--clr-neutral-max);}}header[role=banner]{position:absolute;right:var(--padding);top:calc(var(--spacer) * 6);display:flex;flex-direction:row;align-items:flex-end;gap:calc(var(--spacer) * 2);z-index:50;}header[role=banner].in-experience{top:var(--padding);}.logo{margin-right:calc(var(--spacer) * 3.5);}header[role=banner].in-experience .logo{display:none;}header[role=banner].in-configuration .button--settings{display:none;}header[role=banner].in-configuration .button--close,header[role=banner].keyboard-visible:not(.menu-open) .button--close{display:none;}.settings-container{display:flex;flex-direction:column;gap:calc(var(--spacer) * 3);background-color:var(--clr-neutral-min);& > button{align-self:flex-end;margin-top:var(--padding);margin-right:var(--padding);}& > div{padding-inline:var(--padding);}h2{margin-bottom:calc(var(--spacer) * 2);font-size:var(--font-size-h2);line-height:var(--line-height);}.radiogroup > span{display:block;margin-bottom:calc(var(--spacer) * 2);}.radiogroup .button--radio{gap:calc(var(--spacer) * 2);margin-bottom:calc(var(--spacer) * 1);text-decoration:none;&:last-child{margin-bottom:0;}}.radiogroup--language{margin-block:calc(var(--spacer) * 3) calc(var(--spacer) * 4);padding-top:calc(var(--spacer) * 3);border-top:var(--border-size) solid var(--clr-neutral-darker);}.settings--links{flex-grow:1;display:flex;align-items:flex-end;padding-bottom:var(--padding);ul{display:flex;gap:calc(var(--spacer) * 2);}}}.section--configurator{background-size:cover;&.on-language{background-image:url('../../../_assets/228029f8ae4599dd10b0cd85fbc2585f/Images/Translator/Background/illu_langues.svg');}&.on-size{background-image:url('../../../_assets/228029f8ae4599dd10b0cd85fbc2585f/Images/Translator/Background/illu_size.svg');}}.section--configurator.is-visible > div{min-height:100vh;}.config-list:not(.is-visible){display:none;}.config-list{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:calc(var(--spacer) * 17);}.config-list ul{display:flex;flex-direction:column;gap:calc(var(--spacer) * 2);}.config-list.config--txtsize > div{position:relative;}.config-list .languages-list li:not(.is-visible){display:none;}.sizes-list + button.icon--back{margin-block:calc(var(--spacer) * 2) 0;}.infos-icon{display:flex;gap:var(--spacer);}.infos-icon::before{flex-shrink:0;content:'i';display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:var(--border-size) solid var(--clr-neutral-min);border-radius:50%;}.config--txtsize > div > button{position:absolute;margin-bottom:calc(var(--spacer) * 2);}.section--tutorial.is-visible{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:calc(var(--spacer) * 17);}.carousel-items{margin-bottom:calc(var(--spacer) * 3);}.carousel-items .carousel-item.is-current{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacer) * 7);}.carousel-item:not(.is-current){display:none;}.carousel-item figcaption{text-align:center;}.carousel-pagination{display:flex;align-items:center;justify-content:center;gap:calc(var(--spacer) * 0.75);}button.carousel-pagination__elem{width:var(--pager-width);height:var(--pager-width);border:none;border-radius:25px;transition:width var(--anim-duration) var(--anim-timing);}button.carousel-pagination__elem.is-current{width:var(--pager-width--current);background-color:var(--clr-neutral-max);}.carousel-controls__container{display:flex;flex-direction:column;gap:calc(var(--spacer) * 3);}.carousel-controls{position:relative;}.carousel-controls > button:not(.is-visible){display:none;}.carousel-controls .icon--back{position:absolute;margin-top:calc(var(--spacer) * 2);&[disabled],&.is-disabled{display:none;}}.section--keyboard{background-image:url('../../../_assets/228029f8ae4599dd10b0cd85fbc2585f/Images/Translator/Background/illu_keyboard.svg');background-repeat:no-repeat;background-size:contain;background-position:top 10px center;}.section--keyboard.is-visible{position:relative;display:flex;flex-direction:column;gap:calc(var(--spacer) * 2.5);z-index:10;}header[role="banner"]:not(.keyboard-visible) + main .section--keyboard.is-visible{max-height:100vh;overflow:hidden;}.keyboard__selected-number-container{padding-top:calc(var(--spacer) * 8);text-align:center;&.on-error > *{color:var(--clr-error) !important;}}.keyboard__selected-number{font-size:9.6rem;font-weight:700;line-height:var(--line-height);color:var(--clr-neutral-max);}.keyboard__selected-number-description{color:var(--clr-neutral-darker);.on-error &{display:flex;align-items:center;justify-content:center;gap:var(--spacer);&::before{content:'i';flex-shrink:0;display:flex;justify-content:center;align-items:center;width:18px;height:18px;border:calc(var(--border-size) * 2) solid var(--clr-error);border-radius:50%;font-size:0.55em;color:var(--clr-error);}}}.keyboard__selected-number-container:not(.is-highlighted){.keyboard__selected-number{color:var(--clr-neutral-darker);}.keyboard__selected-number-description{color:var(--clr-neutral-max);}}.keyboard__suggestions-container{display:flex;justify-content:space-between;align-items:center;padding-block:calc(var(--spacer) * 2);border-block:var(--border-size) solid var(--clr-neutral-darker);}.keyboard__suggestion button{display:flex;align-items:center;justify-content:center;min-width:48px;height:32px;background-color:var(--clr-primary);}.keyboard__suggestions-list{display:flex;gap:calc(var(--spacer) * 2);}.section--keyboard > ul{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-items:center;column-gap:calc(var(--spacer) * 3);row-gap:calc(var(--spacer) * 3);padding-inline:calc(var(--spacer) * 3);}.keyboard-button button{display:block;}.keyboard-button.keyboard-button--rounded > button{width:var(--button-keyboard-size);height:var(--button-keyboard-size);font-size:var(--font-size-number);line-height:var(--line-height);border-radius:50%;}.keyboard-button[data-number="0"]{grid-column:2 / 3;}.keyboard-button.keyboard-button--delete button{background:none;border:0;cursor:pointer;svg{fill:none;}.button__background{fill:var(--clr-neutral-darker);}.button__stroke{stroke:var(--clr-neutral-max);stroke-width:2px;stroke-miterlimit:10;stroke-linecap:round;}}.keyboard-button.keyboard-button--confirm{grid-row-start:5;grid-column:1 / 4;margin-top:calc(var(--spacer) * 2);width:100%;}.keyboard-button.button--help{align-self:flex-end;}.section--keyboard-tutorial.is-visible{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:calc(var(--spacer) * 17);}.section--content{padding-bottom:calc(var(--spacer) * 12);max-height:100vh;background-image:url('../../../_assets/228029f8ae4599dd10b0cd85fbc2585f/Images/Translator/Background/illu_cartel-bottom.svg');background-position:right bottom;background-attachment:local;background-repeat:no-repeat;overflow-y:auto;& > header{position:relative;margin-bottom:calc(var(--spacer) * 3);img{max-height:295px;object-fit:cover;background-color:var(--clr-primary);}h1{position:absolute;bottom:var(--padding);left:var(--padding);display:flex;align-items:center;justify-content:center;width:48px;height:32px;padding:calc(var(--spacer) * 0.25) var(--spacer);background-color:var(--clr-neutral-max);font-size:var(--font-size-normal);line-height:var(--line-height);color:var(--clr-neutral-darker);}}.icon--audio{position:absolute;right:var(--padding);bottom:var(--padding);svg{fill:none;}path{fill:var(--clr-neutral-max);}}& > article{background-image:url('../../../_assets/228029f8ae4599dd10b0cd85fbc2585f/Images/Translator/Background/illu_cartel-top.svg');background-position:right top;background-repeat:no-repeat;.us-image,.us-image img{width:100%;}figcaption{margin-top:var(--spacer);}.frameClass-border{padding:calc(var(--spacer) * 2);border:var(--border-size) solid var(--clr-neutral-darker);}& > *,& > * > *{margin-bottom:calc(var(--spacer) * 3);&:last-child{margin-bottom:0;}}}blockquote + .us-quote--author{margin-top:calc(-1 * var(--spacer) * 2);}& > footer{margin-top:calc(var(--spacer) * 7);}}.is-animated.is-visible{position:absolute;transition:top calc(var(--anim-duration) * 2) var(--anim-timing),right calc(var(--anim-duration) * 2) var(--anim-timing),bottom calc(var(--anim-duration) * 2) var(--anim-timing),left calc(var(--anim-duration) * 2) var(--anim-timing);z-index:25;&.from-bottom{top:100vh;left:0;right:0;&.is-slide-in,&.is-fix{top:0;}&.is-slide-out{top:100vh;}}&.from-right{right:calc(-1 * var(--screen-width) - var(--padding));top:calc(-1 * var(--padding));width:var(--screen-width);min-height:100vh;&.is-slide-in,&.is-fix{right:calc(-1 * var(--padding));}&.is-slide-out{right:calc(-1 * var(--screen-width) - var(--padding));}}}