html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,menu,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}:root{--primary-color: #fc0;--primary-light: #ffdb4c;--primary-soft: rgba(252, 204, 0, .2);--primary-soft-text: #8c6e00;--secondary-color: #231f20;--secondary-light: #706d6e;--success-color: #46b748;--warning-color: #f9a825;--danger-color: #f23611;--variant-solidHoverBg: #ffdb4c}:root{--nav-height: 50px;--content-width: 1200px}html,body{font-family:Manrope,sans-serif;font-size:1rem;margin:0}body{color:#1e1e1e;min-height:100vh;overflow-y:scroll;background-color:#f4f4f4}h1{font-size:2.2rem;font-weight:800}h2{font-size:1.8rem;font-weight:800;line-height:1.2}h3{font-size:1.5rem}h4{font-size:1.2rem}h5{font-size:1rem}nav{width:100%;display:flex;background-color:#231f20;justify-content:space-between;height:var(--nav-height);z-index:1000}nav .emblem-tag{color:#fff;padding:4px 8px;border-radius:16px;margin-right:24px;font-size:12px;font-weight:500;display:flex;align-self:center;margin-left:1rem;-webkit-user-select:none;user-select:none}nav .nav-section{display:flex;gap:4rem;align-self:center;margin-left:auto}nav .nav-section .user-icon{height:var(--nav-height);cursor:pointer;display:flex;align-items:center;width:30px;padding:0 .5rem}nav .nav-section .user-icon:hover{background-color:#ffdb4c;color:#1e1e1e}nav .nav-section .MuiMenuButton-root{min-width:auto!important;padding:0!important;border:none!important}nav .nav-section .nav-items{display:flex}nav .nav-section .nav-items .nav-group{display:flex}nav .nav-section .nav-items .nav-group .nav-button{display:flex;align-items:center;justify-content:flex-end!important;border:none!important;min-width:auto!important;background:none;padding:1rem;cursor:pointer;color:#fff;transition:all .2s;height:var(--nav-height);font-size:1rem;font-family:Manrope,sans-serif}nav .nav-section .nav-items .nav-group .nav-button:hover{background-color:#ffdb4c;color:#1e1e1e}nav .nav-section .nav-items .nav-group .nav-button.active{background-color:#fc0;color:#1e1e1e}nav .nav-section .nav-items .nav-group .nav-button.active:hover{background-color:#ffdb4c}.MuiModal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000040!important;transition:all .3s ease-out!important}.MuiModal-root{transition:opacity .3s ease-out!important}.MuiModal-root.MuiModal-hidden{opacity:0}.MuiModal-root.MuiModal-hidden .MuiModal-backdrop{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background-color:#0000!important}.MuiModal-root.MuiModal-hidden .custom-modal{opacity:0;transform:translate(-50%,-48%)}.MuiAlert-root{white-space:pre-wrap;text-align:start}.main-layout-container{display:flex;flex-direction:column}.main-layout-container .reset-password-redirect{align-self:center;min-height:calc(100vh - var(--nav-height));display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.main-layout-container .main-layout{display:flex;flex-direction:column;align-items:center;gap:1rem;min-height:calc(100vh - var(--nav-height))}.loading-widget{display:block;position:fixed;width:100vw;height:100vh;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1000000;opacity:0;background-color:#39679e00}.loading-widget.show{transition:opacity .3s,background-color 5s;-webkit-user-select:all;user-select:all;pointer-events:all;opacity:1;background-color:#d2edffb3}.loading-spinner{display:flex;flex-direction:column;width:100vw;height:100vh;justify-content:center}.mobile-homepage{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em;text-align:center;background-color:#f4f4f4}.login-screen{-webkit-user-select:none;user-select:none;overflow-y:hidden;display:flex;justify-content:center;align-items:center;background:#f4f4f4;height:100vh;text-align:center}.login-screen .login{width:400px;display:flex;flex-direction:column;gap:2em;padding:3em;background-color:#fff;box-shadow:0 0 3px #0000004d;animation:pop .35s ease-out backwards}.login-screen .login h1{padding:0 2em;line-height:1.2em}@keyframes pop{0%{transform:scale(1.15)}to{transform:scale(1)}}.full-page-error{-webkit-user-select:none;user-select:none;overflow-y:hidden;display:flex;justify-content:center;align-items:center;height:100vh;text-align:center}.full-page-error .full-page-error-content{width:600px;display:flex;flex-direction:column;line-height:1.2rem;gap:2em;padding:5em;border-radius:1em;background-color:#fff;border:1px solid #D9D9D9}.full-page-error .full-page-error-content button{justify-content:center}.full-page-error .full-page-error-content .controls{display:flex;gap:1em;justify-content:center;margin-top:3em}.error-alert{display:flex;flex-direction:column}.yello-heading{width:100%;height:160px;position:absolute;padding-top:1rem;top:var(--nav-height);left:0;box-shadow:inset 0 -10px 10px -10px #86858580}.yello-heading .h1-container{margin:0 auto;width:var(--content-width);padding-top:2rem;display:flex;gap:3rem;align-items:center;padding-left:1rem}.yello-heading .h1-container h1{position:relative}.yello-heading .h1-container button{margin-right:16rem}.yello-heading:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fc0;z-index:-1}.yello-body{margin-top:8rem;z-index:1000;view-transition-name:yello-body}.yello-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;background-color:#f4f4f4;padding:2rem;border-radius:5px;display:flex;flex-direction:column;align-items:stretch;text-align:center;line-height:1.2rem;max-height:90vh;overflow-y:inherit;word-break:break-word;animation:modalFadeIn .3s ease-out}.yello-modal h3{margin-bottom:1rem}.yello-modal.iframe-modal{width:90vw;max-width:1200px;padding:1.5rem}.yello-modal.iframe-modal .modal-content{padding:0;margin:0;border-radius:5px;border:1px solid #D9D9D9;margin-bottom:1rem}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-49%)}to{opacity:1;transform:translate(-50%,-50%)}}.yello-modal .modal-buttons{display:flex;align-content:center;justify-content:center;gap:1rem}.yello-modal .modal-content{display:flex;flex-direction:column;flex:1;gap:2rem;overflow-y:auto;padding:.5rem 1rem .5rem .5rem;min-height:0;margin-right:-1rem}.yello-modal .modal-content h3{margin:.5rem 0}.yello-modal .scenario,.yello-modal .reason{text-align:start;white-space:pre-wrap}.yello-modal .segment-modal-question{display:flex;flex-direction:column;gap:.2rem;margin:.8rem 0}.yello-modal .segment-modal-question span{text-align:start}.yello-modal .reset-password-link-modal{display:flex;flex-direction:column;gap:1.5rem;align-items:center;word-break:break-all}.yello-modal .reset-password-link-modal .buttons{display:flex;gap:1rem}.table-paginator{display:flex;align-items:center;padding-top:5px;gap:4px;justify-content:flex-end}.table-paginator .title{text-align:center;min-width:80px}.table-paginator .buttons{display:flex;gap:2px}.users-page{align-self:center;width:var(--content-width)}.users-page .users-content{margin-bottom:10rem;background-color:#fff;padding:3rem;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;display:flex;flex-direction:column;gap:1rem}.users-page .users-content .filter-bar{display:flex;gap:1rem;width:100%}.users-page .users-content .filter-bar .MuiAutocomplete-root{flex:3}.users-page .users-content .filter-bar .MuiSelect-root{flex:1}.users-page .users-content .users-table{border:.8px solid #D9D9D9}.users-page .users-content .users-table .disabled{display:flex;gap:1rem;align-items:center}.users-page .users-content .users-table .role-chips{display:flex;flex-wrap:wrap;gap:.5rem}.users-page .users-content .users-table .role-chips .MuiChip-label{color:#1e1e1e}.case-button{min-width:120px!important;font-size:1rem!important;padding:1rem!important}.case-button .key-hint{display:inline-block;padding:.1rem .4rem;margin-right:1rem;background-color:#ffdb4c;border-radius:.25rem;font-size:.8em;font-weight:700;align-self:flex-start}.case-button.MuiButton-variantOutlined{border:1.5px solid #777777}.case-button.MuiButton-variantSolid{border:1.5px solid transparent}.centralized{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:calc(100vh - var(--nav-height))}.case-page-layout{display:flex;flex-direction:column;margin:0 auto}.case-page-layout .MuiButton-root{justify-content:flex-start;text-align:start}.case-page-layout .navigation-buttons{display:flex;gap:.3rem;padding-bottom:2rem;align-items:flex-start;align-self:flex-end;justify-content:space-between;width:100%}.case-page-layout .navigation-buttons .navigation-buttons-container{display:flex;gap:2rem}.case-page-layout .navigation-buttons .MuiIconButton-root{padding:0;min-width:40px}.case-page-layout .content-block{background-color:#fff;padding:3rem;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;display:flex;flex-direction:column;gap:3rem;width:800px;margin-bottom:10rem}.case-page-layout .content-block.centered{align-items:center}.case-page-layout .content-block .case-question{display:flex;flex-direction:column;gap:3rem;align-items:center}.case-page-layout .content-block .case-question .question-container{animation:fadeIn .5s ease-out;width:100%;display:flex;flex-direction:column;gap:2rem}.case-page-layout .content-block .case-question .question-container p{font-size:1.3rem;line-height:1.6;white-space:pre-wrap}.case-page-layout .content-block .case-question .answer-container{display:grid;gap:1rem;justify-content:space-between;width:350px;grid-template-columns:1fr 1fr}.case-page-layout .content-block .case-question .answer-container.select{grid-template-columns:1fr;grid-auto-flow:row}.case-page-layout .content-block .case-question .answer-container.select [data-keyboard-boundary-id]{grid-row:auto;grid-column:1}.case-page-layout .content-block .case-question .answer-container.select .choice-container{grid-column:1;grid-row:auto}.case-page-layout .content-block .case-question .answer-container.select .choice-container button{width:350px}.case-page-layout .content-block .case-question .answer-container [data-keyboard-boundary-id]{max-width:100%;grid-row:2;grid-column:1/-1}.case-page-layout .content-block .case-question .answer-container .choice-container{grid-row:1;display:flex;justify-content:space-around}.case-page-layout .content-block .case-question .answer-container .MuiTextarea-root{width:800px;color:#1e1e1e}.case-page-layout .content-block .case-creation{display:flex;flex-direction:column;gap:2rem}.case-page-layout .content-block .case-creation .buttons{display:flex;gap:1rem;justify-content:center}.case-page-layout .content-block .case-creation .question-container{display:flex;flex-direction:column;gap:2rem}.case-page-layout .content-block .case-creation .question-container .explanation-columns{border:.5px solid #D9D9D9;border-radius:4px;padding:1rem;display:flex;gap:2rem}.case-page-layout .content-block .case-creation .question-container .explanation-columns .column{flex:1;min-width:0}.case-page-layout .content-block .case-creation .question-container .explanation-columns .content-section{margin-bottom:1.5rem}.case-page-layout .content-block .case-creation .question-container .explanation-columns .content-section:last-child{margin-bottom:0}.case-page-layout .content-block .case-creation .question-container .explanation-columns .content-section .section-title{font-weight:600;font-size:1rem;margin-bottom:.5rem}.case-page-layout .content-block .case-creation .question-container .explanation-columns .content-section .section-content p{font-size:1rem;margin:.25rem 0;line-height:1.4;word-break:break-word}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.summary{width:var(--content-width);justify-self:flex-start;gap:3rem;display:flex;flex-direction:column;margin-bottom:10rem}.summary .container{box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;background-color:#fff;border-radius:4px;padding:2rem;max-width:100%}.summary .info-detail{display:flex;gap:.2rem;align-items:center}.summary .info-detail p{font-size:1.2rem}.summary .case-basic-info{display:flex;justify-content:space-between;align-items:center}.summary .case-basic-info .status-section{display:flex;align-items:center;gap:1rem}.summary .agents-tasks,.summary .agents-tasks .action-group{display:flex;flex-direction:column;gap:2rem}.summary .agents-tasks .action-group .action{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;border:.5px solid #D9D9D9;width:auto;padding:1rem}.summary .agents-tasks .action-group .action.done{opacity:.5}.summary .agents-tasks .action-group .action .field{margin-left:2.2rem;padding:.55rem;border-radius:4px;color:#8c6e00;background-color:#fccc0033;border:1px solid #fc0}.summary .agents-tasks .action-group .action .answer{font-size:1rem}.summary .agents-tasks .action-group .action .value{font-weight:500}.summary .agents-tasks .action-group .action .value.no-extras{font-style:italic}.summary .agents-tasks .action-group .action button{align-self:flex-start;margin-left:2.2rem}.summary .case-answers{display:flex;flex-direction:column;gap:1rem}.summary .case-answers .answer{line-height:1.3rem}.summary .case-timeline{width:100%;display:flex;gap:2rem}.summary button{align-self:center}.content-block{background-color:#fff;padding:3rem;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;display:flex;flex-direction:column;gap:1.5rem}.all-cases-page{align-self:center;width:var(--content-width);padding-bottom:10rem}.all-cases-page .all-cases-content{display:flex;flex-direction:column;gap:3rem}.all-cases-page .all-cases-content .cases-table{border:.8px solid #D9D9D9;max-width:var(--content-width)}.all-cases-page .all-cases-content .cases-table td{align-content:center;cursor:pointer;word-break:break-word}.all-cases-page .all-cases-content .cases-table .MuiButton-root{border-radius:4px;margin-left:1rem}.yello-checkbox .MuiSvgIcon-root{fill:#000}.segments-page{width:var(--content-width);margin:0 auto}.segments-page .segments{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:10rem;justify-content:center}.card{border-radius:3px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;display:flex;padding:1.5rem;flex-direction:column;gap:1.5rem;background-color:#fff;width:200px;height:120px;justify-content:space-between;word-break:break-word}.card.small{width:150px;height:80px;font-size:smaller}.card.small h5{font-size:small}.card .card-actions{display:flex;gap:1rem;width:100%;justify-content:center}.card .card-content{display:flex;flex-direction:column;gap:.5rem}.card .card-content h5{display:-webkit-box;-webkit-line-clamp:2;line-height:1.3rem;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis}.user-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .5rem 1rem;-webkit-user-select:none;user-select:none;color:#706d6e}.extra-instruction{margin-bottom:1rem}