:export{white:#fff;black:#2f353c;red:#da2d07;redDark:#8c1f07;redLight:#db6044;aquamarine:#5de3b0;aquamarineDark:#39ac80;aquamarineLight:#c7eddf;green:#17875c;greenDark:#2f7258;greenLight:#bef4df;gold:#ffa322;goldDark:#c87a0c;goldLight:#ffecd2;coralDark:#783b3d;coral:#e77e7f;coralLight:#fce4e4;purpleDark:#2f4172;purple:#4c70c8;purpleLight:#becdf4;purpleLighter:#eff3fd;blueDark:#0271c0;blue:#0d99fd;blueLight:#9ed5fc;blueLighter:#d9effe;grayDark:#656e7b;gray:#bcc1c8;grayLight:#f2f3f4;topicsReviewed:#e77e7f;coral:#e77e7f;prep:#9ed5fc;practiceTest:#4c70c8}.codon-card{background-color:#fff;border:1px solid #bcc1c8;border-radius:10px;box-shadow:0 4px 4px #0000001f}.codon-card.padded{padding:59px 54px}a{font-family:Open Sans Variable,sans-serif;font-size:inherit;letter-spacing:-.04px;text-align:inherit;color:#4c70c8;cursor:pointer;font-style:normal;font-weight:600;font-stretch:100%;line-height:normal;text-decoration:none}a[data-disabled=true]{pointer-events:none;color:#2f353c;cursor:default;font-weight:400}button.button{cursor:pointer;background:0 0;border:0}button.button:focus{outline:1px solid #bcc1c8}button.button:hover svg{transform:scale(1.1)}button.button::-moz-focus-inner{border:0}button.button svg{outline:none;transition:transform .15s linear}button.button:disabled{cursor:default}button.button.primary{text-align:center;letter-spacing:.03em;color:#fff;-webkit-user-select:none;user-select:none;background:#4c70c8;border:2px solid #0000;border-radius:20px;flex-direction:row;justify-content:center;align-items:center;margin:0 8px;padding:8px 20px;font-family:Open Sans Variable,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:19px;display:flex}button.button.primary svg{fill:#fff}button.button.primary:hover{color:#fff;background:#2f4172;outline:none;transition:all .3s}button.button.primary:hover svg{fill:#fff}button.button.primary:focus{border:2px solid #fce4e4}button.button.primary:disabled{color:#656e7b;background:#f2f3f4;border:1px solid #bcc1c8}button.button.primary:disabled svg{fill:#656e7b}button.button.primary:active{color:#656e7b;transition:all .3s}button.button.primary:active svg{fill:#2f4172}button.button.primary.new-button{background-color:#0d99fd;border-radius:10px;font-size:14px;font-weight:600;line-height:19px}button.button.primary.new-button:disabled{color:#fff;background-color:#9ed5fc}button.button.secondary{box-sizing:border-box;color:#4c70c8;background:#fff;border:1px solid #4c70c8;border-radius:20px;flex-direction:row;justify-content:center;align-items:center;margin:0 8px;padding:10px 24px;font-family:Open Sans Variable,sans-serif;font-size:10px;font-style:normal;font-weight:600;line-height:140%;display:flex}button.button.secondary svg{fill:#4c70c8}button.button.secondary span{margin-top:8px;font-size:10px}button.button.secondary:hover{color:#2f4172;transition:all .3s}button.button.secondary:hover svg{fill:#2f4172}button.button.secondary:disabled{color:#656e7b;background:#f2f3f4;border:1px solid #bcc1c8}button.button.secondary:disabled svg{fill:#656e7b}button.button.secondary:active{color:#656e7b;transition:all .3s}button.button.secondary:active svg{fill:#2f4172}button.button.secondary.new-button{color:#0d99fd;border:1px solid #0d99fd;border-radius:10px;font-size:14px;font-weight:600;line-height:19px}button.button.selected{text-align:center;letter-spacing:.03em;color:#656e7b;-webkit-user-select:none;user-select:none;background:#becdf4;border:none;border-radius:20px;outline:none;flex-direction:row;justify-content:center;align-items:center;margin:0 8px;padding:8px 20px;font-family:Open Sans Variable,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:19px;display:flex}button.button.selected:hover{color:#fff;background:#2f4172;outline:none;transition:all .3s}button.button.selected:hover svg{fill:#fff}button.button.selected:focus{border:2px solid #fce4e4}button.button.selected:disabled{color:#656e7b;background:#f2f3f4;border:1px solid #bcc1c8}button.button.selected:disabled svg{fill:#656e7b}button.button.selected:active{color:#656e7b;transition:all .3s}button.button.selected:active svg{fill:#2f4172}button.button.selected svg{fill:#656e7b}button.button.primary .icon-wrap,button.button.secondary .icon-wrap{flex-direction:row;align-items:center;margin-right:12px;display:flex}button.button.primary .icon-wrap.no-text,button.button.secondary .icon-wrap.no-text{margin-right:0}button.button.primary.has-icon,button.button.secondary.has-icon{padding-left:20px}button.button.primary.right-icon,button.button.secondary.right-icon{flex-direction:row-reverse}button.button.primary.right-icon .icon-wrap,button.button.secondary.right-icon .icon-wrap{margin-left:12px;margin-right:0}button.button.big-button{text-align:center;letter-spacing:.03em;color:#fff;-webkit-user-select:none;user-select:none;letter-spacing:.03em;text-align:center;background:#4c70c8;border:2px solid #0000;border-radius:20px;flex-direction:row;justify-content:center;align-items:center;margin:0 8px;padding:16px 41px;font-family:Open Sans Variable,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:19px;display:flex}button.button.big-button svg{fill:#fff}button.button.big-button:hover{color:#fff;background:#2f4172;outline:none;transition:all .3s}button.button.big-button:hover svg{fill:#fff}button.button.big-button:focus{border:2px solid #fce4e4}button.button.big-button:disabled{color:#656e7b;background:#f2f3f4;border:1px solid #bcc1c8}button.button.big-button:disabled svg{fill:#656e7b}button.button.big-button:active{color:#656e7b;transition:all .3s}button.button.big-button:active svg{fill:#2f4172}button.text-button{color:inherit;font:inherit;background:0 0;border:0;padding:0;line-height:normal;overflow:visible}button.text-button:hover,button.text-button:focus-visible{outline:none;text-decoration:underline}