@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:wght@100;200;300;400;500;600;700;800;900&display=swap);
:root{--color-primary: #0097b9;--color-base-gray: #121212;--color-white: #ffffff;--color-black: #000000;--color-high-emphasis: rgba(18, 18, 18, 0.87);--color-medium-emphasis: rgba(18, 18, 18, 0.6);--color-low-emphasis: rgba(18, 18, 18, 0.2);--color-disabled: rgba(18, 18, 18, 0.38);--color-overlay: rgba(18, 18, 18, 0.32);--color-chat-bubble: rgba(58, 58, 58, 1);--color-chat-background: #f5f5f5;--color-details-background: #ececec;--color-light-gray: rgba(18, 18, 18, 0.03);--color-secondary: #283b41;--color-contrast: #ffffff;--color-light-grey: #e3e3e3;--color-grey: #cbcbcb;--color-dark-grey: #3a3a3a;--color-error: rgba( 204, 42, 29, 0.12 );--size: 16px;--header-height: 32px}:export{color-primary:var(--color-primary);color-secondary:var(--color-secondary);color-white:var(--color-white);color-contrast:var(--color-contrast);color-light-grey:var(--color-light-grey);color-grey:var(--color-grey);color-dark-grey:var(--color-dark-grey);color-error:var(--color-error)}.mobile-footer{display:none}@media(max-width: 767px){.mobile-footer{display:block}}.footer-container{position:fixed;bottom:20px;left:35px;display:flex;flex-direction:column}@media(max-width: 767px){.footer-container{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:var(--color-details-background);z-index:1000;width:100%}}.footer-container .btn-footer-product-details{display:flex;flex-direction:row;justify-content:space-between;padding:0 15px 0 0px;height:50px}@media(max-width: 1279px){.footer-container .btn-footer-product-details{padding:0 15px 0 15px}}.footer-container .btn-options-wrapper{display:flex;align-items:center}@media(max-width: 767px){.footer-container .btn-options-wrapper{gap:10px}}.footer-container .btn-feedback{display:flex;gap:10px;padding:10px 0 10px;align-items:center}@media(max-width: 1279px){.footer-container .btn-feedback{padding:10px}}.footer-container .feedback-text{font-weight:500;font-size:14px}@media(max-width: 1279px){.footer-container .feedback-text{display:none}}.footer-container .footer-mms{display:flex;align-items:center;justify-content:center;height:50px;border-top:1px solid #c1c1c1;background-color:#f5f5f5}@media(min-width: 769px){.footer-container .footer-mms{display:none}}.footer-container .btn-product-options{margin-right:20px;font-size:14px;font-weight:500;color:#3a3a3a;border:1px solid #000}.footer-container .btn-product-options:hover{background-color:#000;color:#fff}@media(max-width: 767px){.footer-container .btn-product-options{margin-right:0;width:38px;height:38px}}@media(max-width: 767px){.footer-container .btn-product-options .MuiButton-icon{margin:0 auto;margin-right:"0px";margin-left:"0px"}}.footer-container .btn-product-options .MuiTypography-root{text-transform:none}@media(max-width: 767px){.footer-container .btn-product-options .MuiTypography-root{display:none}}
.instructions-grid-wrapper:not(.steps-1) .instruction-wrapper.instruction--active{border:.063rem solid var(--color-primary);background:var(--color-white);color:var(--color-high-emphasis)}.instruction-wrapper{border:.063rem solid rgba(0,0,0,0);border-radius:.375rem;min-width:9rem;display:flex}.instruction-wrapper.instruction--active p,.instruction-wrapper.instruction--active .instruction-title{transition:all 400ms ease-in-out}.instruction-wrapper .instructions-info .MuiGrid-item{padding:calc(var(--size)*2)}.instruction-wrapper .instruction-card{display:flex;flex-direction:column;width:100%}.instruction-wrapper .instruction-card.disabled{opacity:.7}.instruction-wrapper .instruction-card .instruction-content{flex:1;display:flex;flex-direction:column;padding:1rem;word-break:break-word;border-bottom:none;align-items:flex-start}.instruction-wrapper .instruction-card .instruction-title{align-self:baseline;line-height:1.5;display:flex;flex-direction:row;align-items:center}.instruction-wrapper .instruction-card .instructions-action{padding-left:1rem;position:absolute;right:0;padding:0}.select-product-instruction{display:flex;flex-direction:row;gap:.5rem}
.video-wrapper{width:70%;height:100%;row-gap:15px;display:flex;flex-direction:row;gap:50px}@media(max-width: 767px){.video-wrapper{display:flex;flex-direction:column;height:100%;gap:30px;width:100%}}.video-wrapper-single-video{width:35%;height:100%;row-gap:15px;display:flex;flex-direction:row;gap:50px}@media(max-width: 767px){.video-wrapper-single-video{display:flex;flex-direction:column;height:100%;gap:30px;width:90%}}.video-item{flex:1;height:100%;width:100%}
.instructions-wrapper{margin-top:1rem;display:flex;flex-direction:column;height:100%;width:100%}.instructions-wrapper .instructions-info-wrapper{flex:1;margin-top:2rem;margin-left:1rem;border-top:.063rem solid var(--color-grey)}.instructions-wrapper .instructions-references{margin:0;margin-top:.5rem;margin-left:0}.instructions-wrapper>.MuiGrid-container>.MuiGrid-item{transition:all 400ms ease-in-out}.instructions-wrapper .btn-product-options-container{position:fixed;bottom:20px;left:35px}@media(max-width: 767px){.instructions-wrapper .btn-product-options-container{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background-color:#fff;z-index:1000}}
.reset-modal{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(var(--size)*25);background-color:var(--color-chat-background);box-shadow:calc(var(--size)/2*3);padding:calc(var(--size));border-radius:calc(var(--size)/4)}@media(max-width: 1279px){.reset-modal{width:80%}}
.chat-filters-menu ul{width:min-content}.chat-filters-menu ul li{justify-content:center}.chat-filters-menu ul li:hover{background-color:rgba(0,0,0,0);cursor:default}.chat-filters-menu pre{margin:0}.chat-filters-menu .chat-config-wrapper{padding:0;transform:scale(0.9)}
.mms-header{display:flex;flex-direction:column;align-items:center}.mms-header .header-brands-logos{display:flex;flex-direction:row;align-items:center;gap:140px;width:959px;margin-top:20px}@media(max-width: 1279px){.mms-header .header-brands-logos{flex-direction:column;gap:10px}}.mms-header .mms-logo{display:flex;flex-direction:row;align-items:center;gap:8px}.mms-header .brands-text{font-size:18px;font-weight:500}@media(max-width: 1279px){.mms-header .brands-text{font-size:9px}}.mms-header .chat-name{width:1030px;font-size:20px;font-weight:700;color:#3a3a3a}@media(max-width: 1279px){.mms-header .chat-name{width:100%;font-size:14px}}.mms-header .brands{display:flex;flex-direction:row;align-items:center;gap:20px}.mms-header .responsive-ok-svg{width:60px;height:44px}@media(max-width: 1279px){.mms-header .responsive-ok-svg{width:40px;height:25px}}.mms-header .responsive-svg-peaq{width:160px;height:55px}@media(max-width: 1279px){.mms-header .responsive-svg-peaq{width:105px;height:32px}}.mms-header .responsive-svg-koenic{width:117px;height:25px}@media(max-width: 1279px){.mms-header .responsive-svg-koenic{width:76px;height:14px}}.mms-header .responsive-svg-mms-logo{width:294px;height:56px}@media(max-width: 1279px){.mms-header .responsive-svg-mms-logo{width:89px;height:16px}}
.questions-container{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:6px;width:776px}@media(max-width: 1279px){.questions-container{flex-direction:column;gap:15px}}.questions-container .example-questions{display:flex;justify-content:center;align-items:center;margin:0 10px;align-content:center;text-align:center;border:1px solid #000;border-radius:6px;height:40px;width:268px;font-weight:500;font-size:12px;cursor:pointer}.questions-container :hover{background-color:#000;color:#fff;border:1px solid gray}.questions-container .wrapper{padding:0}
:root{--color-primary: #0097b9;--color-base-gray: #121212;--color-white: #ffffff;--color-black: #000000;--color-high-emphasis: rgba(18, 18, 18, 0.87);--color-medium-emphasis: rgba(18, 18, 18, 0.6);--color-low-emphasis: rgba(18, 18, 18, 0.2);--color-disabled: rgba(18, 18, 18, 0.38);--color-overlay: rgba(18, 18, 18, 0.32);--color-chat-bubble: rgba(58, 58, 58, 1);--color-chat-background: #f5f5f5;--color-details-background: #ececec;--color-light-gray: rgba(18, 18, 18, 0.03);--color-secondary: #283b41;--color-contrast: #ffffff;--color-light-grey: #e3e3e3;--color-grey: #cbcbcb;--color-dark-grey: #3a3a3a;--color-error: rgba( 204, 42, 29, 0.12 );--size: 16px;--header-height: 32px}:export{color-primary:var(--color-primary);color-secondary:var(--color-secondary);color-white:var(--color-white);color-contrast:var(--color-contrast);color-light-grey:var(--color-light-grey);color-grey:var(--color-grey);color-dark-grey:var(--color-dark-grey);color-error:var(--color-error)}.chat-anchored.focus-data section.data .wrapper::-webkit-scrollbar-thumb{border-color:rgba(255,255,255,.8)}.chat-anchored .section.data{background:#ececec}.chat-anchored.focus-chat section.chat .ms-chat-with-border::-webkit-scrollbar-thumb{border-color:rgba(255,255,255,.7)}.chat-anchored:not(.focus-init) .chat footer{background:linear-gradient(0, #e5e5e5, rgba(229, 229, 229, 0.9) 75%, rgba(229, 229, 229, 0))}.chat-anchored .ms-chat-with-border{margin-top:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;flex:1}.chat-anchored .mms-chat-container{display:flex;flex-direction:column;align-self:end;box-sizing:border-box;width:100%;max-height:100%;padding:0 calc(var(--size)*2);margin:auto}.chat-anchored .mms-chat-message{position:relative;display:flex;flex-direction:column;max-width:calc(90% - var(--size)*2);margin:0 auto;margin-bottom:.5rem;word-break:break-word}@media(max-width: 767px){.chat-anchored .mms-chat-message .mms-message-preview-products{max-width:calc(100vw - var(--size)*5)}}.chat-anchored .mms-chat-message.received{align-self:self-start;align-items:start;margin-left:0}.chat-anchored .mms-chat-message.received .text-message{background:var(--color-chat-bubble);color:#fff}@media(max-width: 767px){.chat-anchored .mms-chat-message.received{max-width:100%}}.chat-anchored .mms-chat-message.sent{align-self:self-end;align-items:flex-end;margin-right:calc(var(--size)/4)}.chat-anchored .mms-chat-message.sent .text-message{background:var(--color-white);color:rgba(18,18,18,.87)}.chat-anchored .mms-chat-message.sent .text-message:before{border-left-color:var(--color-white);border-bottom-color:var(--color-white)}.chat-anchored .mms-chat-message.sent .text-message:before,.chat-anchored .mms-chat-message.sent .text-message:after{content:"";position:absolute;left:auto;bottom:0}.chat-anchored .mms-chat-message.sent data{align-self:self-end;margin-bottom:calc(var(--size)/2)}.chat-anchored .mms-chat-message.error .text-message{color:var(--color-error);background:var(--color-error);border:.063rem solid var(--color-error);border-radius:calc(var(--size)/2);padding:calc(var(--size)/4) calc(var(--size)/1.5)}.chat-anchored .mms-chat-message.error .text-message:after,.chat-anchored .mms-chat-message.error .text-message:before{visibility:hidden}.chat-anchored .mms-chat-message .text-message{position:relative;border-radius:calc(var(--size)/2);padding:calc(var(--size)/1.5);margin:0 0 calc(var(--size)/2) 0}.chat-anchored .mms-chat-message .text-message:before,.chat-anchored .mms-chat-message .text-message:after{position:absolute;display:block;content:"";border:calc(var(--size)/4) solid rgba(0,0,0,0);width:0;height:0;bottom:0;z-index:1}.chat-anchored .mms-chat-message .text-message:after{border-left-color:rgba(58,58,58,.2);border-bottom-color:rgba(58,58,58,.2);bottom:-0.063rem;z-index:0}.chat-anchored .mms-chat-message data{font-size:.7rem;line-height:.7;opacity:.5}.chat-anchored .chat{background:#f5f5f5}.chat-anchored .chat .top-header{padding:calc(var(--size)/4) 0 0;display:block}.chat-anchored .chat .top-header h5{text-align:left;padding:var(--size);font-size:var(--size)}.chat-anchored .chat header{height:fit-content;display:flex;justify-content:center}.chat-anchored .chat .wrapper{padding:0}.chat-anchored .chat footer{position:sticky;bottom:0;z-index:1;background-clip:padding-box;box-shadow:0rem .188rem .375rem rgba(0,0,0,.1607843137);background:#f5f5f5}.chat-anchored .chat footer .css-xh4ahv-MuiInputBase-root-MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-width:0}.chat-anchored .chat footer .mms-chat-input,.chat-anchored .chat footer .mms-chat-only-input{width:100%;border:0;background-color:#fff;padding-right:0;border-radius:.5rem}.chat-anchored .chat footer .mms-chat-input fieldset,.chat-anchored .chat footer .mms-chat-only-input fieldset{border:0}.chat-anchored .chat footer .mms-chat-input .MuiInputBase-root,.chat-anchored .chat footer .mms-chat-only-input .MuiInputBase-root{background-color:#e3e3e3;color:#3a3a3a;font-size:100%;border:none !important;width:100%;padding-left:"10px";padding-right:"10px";box-shadow:none}.chat-anchored .chat footer .mms-chat-input .MuiButtonBase-root,.chat-anchored .chat footer .mms-chat-only-input .MuiButtonBase-root{height:3.5rem;width:3.5rem;border-radius:0 .5rem .5rem 0}.chat-anchored .chat footer .mms-chat-input .MuiFab-circular,.chat-anchored .chat footer .mms-chat-only-input .MuiFab-circular{background:#fff;border-radius:50%}.chat-anchored .chat footer .mms-chat-input .MuiFab-circular .MuiSvgIcon-root,.chat-anchored .chat footer .mms-chat-only-input .MuiFab-circular .MuiSvgIcon-root{color:var(--color-primary)}@media(min-width: 769px){.chat-anchored .chat footer .mms-chat-only-input{width:60%}}.footer-mms-chat{display:flex;flex-direction:column;justify-content:center;align-items:center}.mms-terms-link{text-decoration:none;color:#000;font-size:small}.mms-terms-link:hover{color:var(--color-primary)}.mms-chat-footer-container{display:flex;flex-direction:column;align-items:center;gap:5px;background-clip:padding-box}
:root{--color-primary: #0097b9;--color-base-gray: #121212;--color-white: #ffffff;--color-black: #000000;--color-high-emphasis: rgba(18, 18, 18, 0.87);--color-medium-emphasis: rgba(18, 18, 18, 0.6);--color-low-emphasis: rgba(18, 18, 18, 0.2);--color-disabled: rgba(18, 18, 18, 0.38);--color-overlay: rgba(18, 18, 18, 0.32);--color-chat-bubble: rgba(58, 58, 58, 1);--color-chat-background: #f5f5f5;--color-details-background: #ececec;--color-light-gray: rgba(18, 18, 18, 0.03);--color-secondary: #283b41;--color-contrast: #ffffff;--color-light-grey: #e3e3e3;--color-grey: #cbcbcb;--color-dark-grey: #3a3a3a;--color-error: rgba( 204, 42, 29, 0.12 );--size: 16px;--header-height: 32px}:export{color-primary:var(--color-primary);color-secondary:var(--color-secondary);color-white:var(--color-white);color-contrast:var(--color-contrast);color-light-grey:var(--color-light-grey);color-grey:var(--color-grey);color-dark-grey:var(--color-dark-grey);color-error:var(--color-error)}.mms-home-wrapper{width:100%;height:100%;display:flex;flex-direction:column;gap:180px;background-color:#f5f5f5}@media(max-width: 1279px){.mms-home-wrapper{gap:90px}}.mms-home-wrapper .mms-home{display:flex;flex-direction:column;align-items:center;gap:40px}.mms-home-wrapper .mms-home-text-messages{display:flex;flex-direction:column;align-items:center;gap:15px}.mms-home-wrapper .mms-home-message{font-size:24px;font-weight:800}@media(max-width: 1279px){.mms-home-wrapper .mms-home-message{text-align:center;padding-left:1rem;padding-right:1rem}}.mms-home-wrapper .mms-home-info{font-size:12px;text-align:center;width:40%;margin:0 auto;color:#595959}@media(max-width: 1279px){.mms-home-wrapper .mms-home-info{width:80%}}.mms-home-wrapper .chat-wrapper{width:760px}@media(max-width: 1279px){.mms-home-wrapper .chat-wrapper{width:90%}}.mms-home-wrapper .mms-chat-input{background-clip:padding-box;box-shadow:0rem .188rem .375rem rgba(0,0,0,.1607843137);width:100%;border:0;background-color:#fff;padding-right:0;border-radius:.4rem;height:48px}.mms-home-wrapper .mms-chat-input fieldset{border:0}.mms-home-wrapper .mms-chat-input .css-xh4ahv-MuiInputBase-root-MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-width:0}.mms-home-wrapper .mms-chat-input .MuiInputBase-root{background-color:#e3e3e3;color:#3a3a3a;font-size:100%;border:none !important;width:100%;padding:var(--size) 0 var(--size) var(--size);box-shadow:none}.mms-home-wrapper .mms-chat-input .MuiButtonBase-root{height:3rem;width:3.2rem;border-radius:.4rem;border-bottom-left-radius:0;border-top-left-radius:0}.mms-home-wrapper .mms-chat-input .MuiFab-circular{background:#fff;border-radius:50%}.mms-home-wrapper .mms-chat-input .MuiFab-circular .MuiSvgIcon-root{color:var(--color-primary)}.ms-terms-conditions{display:flex;flex-direction:column;align-items:center;font-size:small;cursor:pointer;text-decoration:underline;padding:10px 0px 5px;color:#333}.ms-inline-terms-conditions{text-decoration:underline;cursor:pointer;color:#333;border:none}.ms-terms-wrapper-home-page{display:flex;justify-content:center;align-items:center;text-align:center;gap:4px;font-size:small;color:#595959;padding:10px 0px 5px}.ms-terms-privacy-link{text-decoration:underline;color:#333}.ms-terms-separator{margin:0 1px}.ms-terms-wrapper-chat{display:flex;justify-content:center;align-items:center;text-align:center;gap:4px;font-size:small;color:#595959;padding:5px 0px 0px}
:root{--color-primary: #0097b9;--color-base-gray: #121212;--color-white: #ffffff;--color-black: #000000;--color-high-emphasis: rgba(18, 18, 18, 0.87);--color-medium-emphasis: rgba(18, 18, 18, 0.6);--color-low-emphasis: rgba(18, 18, 18, 0.2);--color-disabled: rgba(18, 18, 18, 0.38);--color-overlay: rgba(18, 18, 18, 0.32);--color-chat-bubble: rgba(58, 58, 58, 1);--color-chat-background: #f5f5f5;--color-details-background: #ececec;--color-light-gray: rgba(18, 18, 18, 0.03);--color-secondary: #283b41;--color-contrast: #ffffff;--color-light-grey: #e3e3e3;--color-grey: #cbcbcb;--color-dark-grey: #3a3a3a;--color-error: rgba( 204, 42, 29, 0.12 );--size: 16px;--header-height: 32px}:export{color-primary:var(--color-primary);color-secondary:var(--color-secondary);color-white:var(--color-white);color-contrast:var(--color-contrast);color-light-grey:var(--color-light-grey);color-grey:var(--color-grey);color-dark-grey:var(--color-dark-grey);color-error:var(--color-error)}header{height:32px;padding:1rem;z-index:2}header .chat-header,header .chat-header-home{display:flex;align-items:center;font-size:20px;font-weight:700;color:#3a3a3a;margin-left:1rem}@media(max-width: 1279px){header .chat-header,header .chat-header-home{font-size:16px}}header .chat-header-home{margin-left:1rem}header h5{color:var(--color-dark-grey);text-align:center;opacity:.85}header .settings-wrapper{display:flex;flex-direction:row;justify-content:space-between;width:100%}header .breadcrumb-wrapper{display:flex;align-items:center}header .breadcrumb-wrapper .chip-category{margin-right:.5rem}header .breadcrumb-wrapper .chip-brand{margin-left:.5rem}.data-wrapper{overflow:auto;height:80%}@media(max-width: 767px){.data-wrapper{height:100%}}footer{padding:10px;position:sticky;bottom:0;z-index:1;background-clip:padding-box;box-shadow:0rem .188rem .375rem rgba(0,0,0,.1607843137)}footer .css-xh4ahv-MuiInputBase-root-MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-width:0}.mobile-footer{display:none;background-color:#c1c1c1;color:#202124;padding:20px;text-align:center}@media(max-width: 767px){.mobile-footer{display:block}}.mobile-instructions-footer{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1000;text-align:center;padding:20px;padding-bottom:15px;border-top:1px solid #c1c1c1;background-color:#c1c1c1}@media(max-width: 767px){.mobile-instructions-footer{display:block}}.mms-terms-conditions{display:flex;flex-direction:column;align-items:center;font-size:small;text-decoration:underline;padding:10px 0px 5px;color:#333}
:root{--color-primary: #0097b9;--color-base-gray: #121212;--color-white: #ffffff;--color-black: #000000;--color-high-emphasis: rgba(18, 18, 18, 0.87);--color-medium-emphasis: rgba(18, 18, 18, 0.6);--color-low-emphasis: rgba(18, 18, 18, 0.2);--color-disabled: rgba(18, 18, 18, 0.38);--color-overlay: rgba(18, 18, 18, 0.32);--color-chat-bubble: rgba(58, 58, 58, 1);--color-chat-background: #f5f5f5;--color-details-background: #ececec;--color-light-gray: rgba(18, 18, 18, 0.03);--color-secondary: #283b41;--color-contrast: #ffffff;--color-light-grey: #e3e3e3;--color-grey: #cbcbcb;--color-dark-grey: #3a3a3a;--color-error: rgba( 204, 42, 29, 0.12 );--size: 16px;--header-height: 32px}:export{color-primary:var(--color-primary);color-secondary:var(--color-secondary);color-white:var(--color-white);color-contrast:var(--color-contrast);color-light-grey:var(--color-light-grey);color-grey:var(--color-grey);color-dark-grey:var(--color-dark-grey);color-error:var(--color-error)}.mms-message-preview-products .MuiStack-root{flex-direction:column;align-items:flex-start;margin-bottom:.5rem}.mms-message-preview-products .MuiPaper-root{box-shadow:none;width:100%;margin-top:0}.mms-message-preview-products .MuiPaper-root img{max-width:calc(var(--size)*3);height:auto;margin:calc(var(--size)/2) calc(var(--size)/2) 0}.mms-message-preview-products .MuiCardContent-root{display:none}.mms-chat-message .instructions-references{margin:0;margin-bottom:.5rem}
:root{--color-primary: #0097b9;--color-base-gray: #121212;--color-white: #ffffff;--color-black: #000000;--color-high-emphasis: rgba(18, 18, 18, 0.87);--color-medium-emphasis: rgba(18, 18, 18, 0.6);--color-low-emphasis: rgba(18, 18, 18, 0.2);--color-disabled: rgba(18, 18, 18, 0.38);--color-overlay: rgba(18, 18, 18, 0.32);--color-chat-bubble: rgba(58, 58, 58, 1);--color-chat-background: #f5f5f5;--color-details-background: #ececec;--color-light-gray: rgba(18, 18, 18, 0.03);--color-secondary: #283b41;--color-contrast: #ffffff;--color-light-grey: #e3e3e3;--color-grey: #cbcbcb;--color-dark-grey: #3a3a3a;--color-error: rgba( 204, 42, 29, 0.12 );--size: 16px;--header-height: 32px}:export{color-primary:var(--color-primary);color-secondary:var(--color-secondary);color-white:var(--color-white);color-contrast:var(--color-contrast);color-light-grey:var(--color-light-grey);color-grey:var(--color-grey);color-dark-grey:var(--color-dark-grey);color-error:var(--color-error)}main .fab-swap-screens,main.focus-init section.chat,main>section>*,main>section .ms-chat-with-border>*,main>section .data-wrapper>*,main>section,main{transition:all 700ms ease-in-out}.wrapper::-webkit-scrollbar,.ms-chat-with-border::-webkit-scrollbar{width:12px}.wrapper::-webkit-scrollbar-track,.ms-chat-with-border::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.wrapper::-webkit-scrollbar-thumb,.ms-chat-with-border::-webkit-scrollbar-thumb{background-color:rgba(58,58,58,.4);border-radius:6px;border:4px solid var(--color-white)}#root .background{position:absolute;background-color:rgba(18,18,18,.32);background-repeat:no-repeat;background-position:center;background-size:cover;width:100vw;height:100vh;object-fit:contain;transform:scale(1.01);filter:blur(2px);z-index:0}#root .background:before{position:absolute;content:"";background-color:#000;opacity:.7;width:100%;height:100%;z-index:0}main{position:relative;display:flex;flex-grow:1;flex-shrink:0;background-color:#f5f5f5;width:100%;height:100%;margin:auto;box-shadow:rgba(58,58,58,.5) calc(var(--size)/4) calc(var(--size)/2) var(--size);overflow:hidden;z-index:1}main>section{display:flex;flex:1 0 auto;flex-flow:column nowrap;max-height:100vh;overflow-y:auto}@media(max-width: 767px){main>section{background:var(--color-details-background)}}main>section .wrapper{display:flex;flex-direction:column;align-self:center;box-sizing:border-box;width:100%;padding:calc(var(--size)*2);padding-top:0}main>section .wrapper-mms-chat{display:flex;flex-direction:column;align-self:center;box-sizing:border-box;width:100%;padding-top:0}@media(min-width: 769px){main>section .wrapper-mms-chat{width:60%}}main>section.hidden{display:none}main>section.chat .wrapper,main>section.chat .wrapper-mms-chat{padding-bottom:0;margin-top:auto}@media(min-width: 768px){main.focus-data>section.chat .ms-chat-with-border>*:not(footer),main.focus-chat>section.data .data-wrapper>*{position:relative}}@media(max-width: 767px){main.focus-data>section.chat,main.focus-chat>section.chat{position:fixed;bottom:0;right:0;top:0;width:100%;z-index:3;background:var(--color-details-background)}main.focus-data>section.chat header,main.focus-chat>section.chat header{padding-left:calc(var(--size)*4)}main.focus-data>section.data,main.focus-chat>section.data{width:100%}}@media(max-width: 767px)and (max-width: 767px){main.focus-data>section.data,main.focus-chat>section.data{height:calc(100% - 50px)}}@media(max-width: 767px){main.focus-data>section.chat{z-index:3;transform:translateX(100%);transition:transform ease-out 600ms}main.focus-chat>section.data{z-index:-1}main.focus-chat>section.data header{z-index:-1}}@media(min-width: 768px){main.focus-data>section.data{margin-left:0;width:60%;box-shadow:0px 3px 6px rgba(0,0,0,.1607843137);border-right:1px solid rgba(58,58,58,.1);z-index:2;transform-origin:0 0;background:var(--color-details-background)}main.focus-data>section.chat{width:40%;transform-origin:right bottom}main.focus-chat>section.chat{margin-right:0;width:40%;box-shadow:0px 3px 6px rgba(0,0,0,.1607843137);border-left:1px solid rgba(58,58,58,.1);z-index:2;transform-origin:0 0}main.focus-chat>section.data{width:50%;transform-origin:left bottom}}main.focus-init section.data{display:none;transform:scale(0)}main.focus-init section.chat{background-color:#f5f5f5;max-width:100%;margin:0 auto}@media(max-width: 1279px){main.focus-init section.chat{max-width:100%;overflow-x:hidden}}main.focus-init section.chat .wrapper{margin-top:unset}main.focus-init.chat-anchored section.chat{margin-bottom:unset;margin-top:unset}main.focus-init.chat-anchored section.chat .wrapper{margin-top:auto}main .fab-swap-screens{display:none;opacity:0;position:absolute;top:2px;width:calc(var(--size)*2.5);height:calc(var(--size)*2.5);right:0;padding:0;z-index:3}main .fab-swap-screens svg{width:inherit;height:inherit}@media(max-width: 767px){main .fab-swap-screens{display:block;opacity:1}}main .fab-swap-screens.l-anchored{left:0}main .fab-swap-screens.r-anchored{left:calc(100% - var(--size)*3)}#root{position:absolute;display:flex;flex-direction:column;font:1rem/1.2 "Noto Sans Display",sans-serif;width:100vw;height:100vh;overflow:hidden}html,body{padding:0;margin:0}.xxs-regular{font-size:.75rem}.xs-regular{font-size:.875rem}.big-regular{font-size:1.25rem}.xl-regular{font-size:1.5rem}.bold{font-weight:700}.row{display:flex;flex-direction:row}.instructions-references{font-size:.75rem;line-height:1.5;color:var(--color-dark-grey)}