:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background:#f7f5ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}:root{--primary: #1c825d;--primary-2: #52d987;--main-gradient: linear-gradient(180deg, #52d987 0%, #1a8c89 100%);--header-gradient: linear-gradient(91.59deg, #52d987 0%, #1a8c89 100%)}body{font-size:18px}#root{width:100%;min-height:100vh;background:#f7f5ff;font-family:Roboto,sans-serif;font-size:16px}h1,h2,h3,h4,h5,h6{font-family:Nunito,sans-serif;font-weight:800;color:#000}*{box-sizing:border-box}button:not(.btn),.btn-link{background:var(--primary);border-radius:999px;color:#fff;padding:12px 28px;font-size:15px;border:2px solid var(--primary);cursor:pointer;font-weight:700;outline-offset:5px}.btn-link{text-decoration:none}button:hover:not(.btn),.btn-link:hover{filter:saturate(.9) brightness(.9)}code{font-family:JetBrains Mono,monospace;letter-spacing:.1em;font-weight:700}.copy-code{cursor:pointer}.copy-code:hover{filter:saturate(1.2) brightness(1.2);font-size:26px!important;padding-top:11px!important;padding-bottom:10px!important}.article-card{height:310px;border-radius:11px;box-shadow:0 6px 12px #07142e14;border:1px solid rgb(244,245,247);position:relative;overflow:hidden;transition:box-shadow .2s cubic-bezier(.265,.075,.025,.99);cursor:pointer}.article-card:hover{box-shadow:0 7px 14px #cdd1d9,0 3px 6px #5e6c84}.article-card:hover button{bottom:20px!important}.article-card:hover .progress-ring{margin-top:20px!important}.article-card:hover:after{height:509px}@property --gradientColor1{syntax: "<color>"; initial-value: #C8C8C8; inherits: false;}@property --gradientColor2{syntax: "<color>"; initial-value: #E2E2E2; inherits: false;}.article-card-simple:after{background:radial-gradient(var(--gradientColor1) 25%,var(--gradientColor2) 100%)!important;transition:height .2s cubic-bezier(.265,.075,.025,.99),--gradientColor1 .2s cubic-bezier(.265,.075,.025,.99),--gradientColor2 .2s cubic-bezier(.265,.075,.025,.99)!important}.article-card-simple:hover:after{--gradientColor1: #575757;--gradientColor2: #888888}.article-card-simple:hover .progress-ring{top:calc(50% - 20px)!important;border:2px solid #929292!important}.article-card:after{background:var(--main-gradient);content:"";position:absolute;top:-330px;right:-200px;bottom:0;left:-200px;width:auto;height:455px;display:block;border-radius:50%;transition:height .2s cubic-bezier(.265,.075,.025,.99);-webkit-transition:all .2s cubic-bezier(.265,.075,.025,.99);z-index:1}.article-card-focus:after{background-image:radial-gradient(#f24645 25%,#f1a141)}.article-card-kahoot:after{background-image:radial-gradient(#7e2ca4 25%,#46178f)}.flag-btn:hover{color:#b45309!important}.flag-btn:hover svg{fill:#b45309!important}input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;min-width:16px;min-height:16px;border:1.5px solid #442D9D;border-radius:50%;margin:0;position:relative;cursor:pointer;transition:border-color .2s ease}input[type=radio]:checked{border-color:#442d9d}input[type=radio]:checked:before{content:"";position:absolute;width:8px;height:8px;min-width:8px;min-height:8px;background-color:#442d9d;border-radius:50%;top:50%;left:50%;aspect-ratio:1 / 1;transform:translate(-50%,-50%)}input[type=radio]:focus{outline:none;box-shadow:0 0 0 1px #442d9d33}.image-content-container{display:flex;justify-content:center;align-items:center;margin:0 auto;width:100%;max-width:100%;flex-direction:column;text-align:center}.image-content-container *{max-width:100%}.big-button{transition:box-shadow .2s cubic-bezier(.265,.075,.025,.99),transform .2s cubic-bezier(.265,.075,.025,.99)}.big-button:hover{box-shadow:0 8px 16px #0003,0 6px 20px #00000030;transform:scale(1.05)}a{padding:5px}@media screen and (max-width: 500px){.report-button-container-container{margin-bottom:0!important}}@media screen and (max-width: 438px){.new-assessment-cta-container button{width:100%}}.question-container img{border-radius:8px;max-height:512px}.focus-zone{border-radius:5px}.focus-zone-active{outline:5px dashed #000000;outline-offset:0px}.background-header{width:100%;height:100%;display:block}.background-header-background{display:flex;align-items:center;justify-content:space-around;flex-direction:column;width:100%;height:270px;color:#fff;background:var(--header-gradient);box-shadow:0 2px 8px #0000001a}.background-header-info{display:flex;align-items:center;justify-content:space-between;width:90%;max-width:990px;min-height:230px}.main-panel{width:100%;background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000000d;color:#253858;font-size:18px;margin-top:-50px;position:relative}.report-button-container{display:flex;justify-content:center;flex-direction:column;align-items:start;margin-top:18px;color:#253858;margin-right:auto;position:relative}.flag-btn{background:none;display:flex;gap:8px;align-items:center;border:none;font-size:14px;color:#253858;cursor:pointer}.report-form{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:18px;color:#253858;align-items:start;margin-bottom:42px}.report-textarea{min-width:100%;max-width:100%;min-height:100px;border-radius:4px;font-size:14px;padding:12px}.report-form-submit{margin-top:10px}.report-form-notice{font-size:12px;color:#5e6c84}.modal-overlay{display:block;text-align:center;padding-top:40px;padding-bottom:40px;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#25385880;transition:all .3s ease-in-out;z-index:100;overflow-y:scroll}.modal-backdrop{width:100%;height:100%;position:fixed;top:0;left:0;z-index:100}.modal-content{background-color:#f4f5f7;width:80%;max-width:var(--max-width, 512px);overflow-y:auto;border-radius:6px;box-shadow:0 6px 12px #07142e14;z-index:101;position:relative;display:inline-block;text-align:left}