@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap";#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.modal{display:flex;justify-content:center;align-items:center;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080}.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%;max-width:600px}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.App{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.header h1{margin:0;font-size:2rem}.user-info{display:flex;align-items:center}.user-info span{margin-right:15px;font-weight:700}.logout-button{padding:5px 10px;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer}.logout-button:hover{background-color:#c0392b}.main-container{display:flex;gap:20px;margin-top:20px}.left-column,.right-column{flex:1}.input-section,.problem-section,.code-section{margin-bottom:20px}.input-section button,.run-button{margin-top:10px;width:100%;padding:10px;font-size:1rem;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer}.input-section button:hover,.run-button:hover{background-color:#2980b9}.problem-section{background-color:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:600px;height:363px;overflow-y:auto;box-sizing:border-box;text-align:left;font-size:12px;margin-top:-10px}.problem-section h2{margin-top:0;margin-bottom:10px}.problem-section p{margin:0;white-space:pre-wrap}.problem-placeholder{color:#888;font-size:15px}.code-section *{text-align:left!important}@media (max-width: 768px){.main-container{flex-direction:column}.header{flex-direction:column;align-items:flex-start}}.code-container{display:flex;flex-direction:column;align-items:flex-start}.test-results{margin-bottom:10px}.test-circles{display:flex;flex-wrap:wrap;gap:5px}.test-circle{width:15px;height:15px;border-radius:50%;cursor:pointer}.test-result-circles{display:flex;justify-content:center;margin-top:10px}.circle{width:20px;height:20px;border-radius:50%;margin:0 5px}.circle.passed{background-color:#4caf50}.circle.failed{background-color:#f44336}.circle.placeholder{background-color:#ccc}.larger-bold-text{font-size:16px;font-weight:700}.generate-problem-btn{all:unset;width:100%}.website-logo,#website-logo,.website-logo *,#website-logo *{animation:none!important;transition:none!important;transform:none!important}:root{--primary-color: #cff6ea;--secondary-color: #a7d7d2;--background-color: #FDFFFC;--text-color: #011627;--accent-color: #E71D36;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{font-family:Nunito,sans-serif;height:100%;background-color:#f0f8ff;color:#333;font-size:14px}h1{color:#4a86e8;text-align:center;margin-bottom:20px;font-size:24px}h2{color:#4a86e8;font-size:1.3em;margin-bottom:3px;margin-top:-6px}#container{display:flex;max-width:1200px;margin:70px auto 0;padding-top:20px}#left-column,#right-column{flex:3;padding:10px;background-color:#fff;border-radius:8px;box-shadow:0 0 8px #0000001a}#left-column{margin-right:15px}.input-group{margin-bottom:6px}.inline-group{display:flex;align-items:flex-start;gap:20px}.inline-group label{flex:0 0 250px;text-align:left;font-weight:700}.select-wrapper{position:relative;flex:0 0 300px}.select-wrapper select{width:100%;padding:8px 30px 8px 10px;border:1px solid #ccc;border-radius:4px;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-size:16px}.context-dropdown{width:580px;padding:10px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-family:Arial,sans-serif;margin-bottom:-12px;margin-top:20px}.context-dropdown h3{margin-top:0;margin-bottom:5px;color:#333;font-size:16px}.concepts-dropdown{width:580px;min-height:110px;padding:10px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-family:Arial,sans-serif;margin-bottom:-2px;margin-top:20px}.concepts-dropdown h3{margin-top:0;margin-bottom:5px;color:#333;font-size:16px}.selected-concepts{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:5px;min-height:24px;align-items:center}.concept-tag{background-color:#e9ecef;border-radius:10px;padding:1px 6px 1px 10px;font-size:16px;display:inline-flex;align-items:center;color:#495057;margin-top:10px;white-space:nowrap}.concept-tag button{background:none;border:none;cursor:pointer;font-size:18px;margin-left:2px;color:#4197ed;line-height:1;padding:0;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-bottom:7px;border-radius:50%}.concept-tag button:hover{color:#495057;background-color:#0000001a}.dropdown-container{position:relative;margin-right:20px}.context-dropdown-container{position:relative;margin-right:-2px}.search-input{width:100%;padding:8px 10px;border:1px solid #ced4da;border-radius:4px;font-size:16px;transition:border-color .15s ease-in-out}.search-input:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.dropdown-list{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;border:1px solid #ced4da;border-top:none;background-color:#fff;z-index:1000;box-shadow:0 4px 8px #0000001a;border-radius:0 0 4px 4px}.dropdown-list label{display:block;padding:8px 10px;font-size:13px;transition:background-color .15s ease-in-out}.dropdown-list label:hover{background-color:#f1f3f5}.dropdown-list input[type=checkbox]{margin-right:10px}.dropdown-list input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}button{padding:8px 16px;background-color:#4a86e8;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-right:8px;margin-top:10px}button:hover{background-color:#3a76d8}#problemDisplay,#testCases{margin-top:15px;padding:10px;background-color:#e9f5ff;border-radius:4px;font-size:14px;line-height:1.4;overflow-y:auto}#consoleOutput{position:relative;background-color:#f0f0f0;color:#000;font-family:Courier New,monospace;white-space:pre-wrap;min-height:90px;font-size:15px;font-family:monospace;overflow-y:auto;height:245px;text-align:left;display:flex;flex-direction:column;margin-top:1px;border-radius:10px}.console-content{flex-grow:1;overflow-y:auto;padding:10px}.spinner-overlay-console{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffffb3}.code-editor{height:400px;max-height:320px;min-height:300px;border-radius:4px;margin-top:18px;font-size:16px;overflow:auto;max-width:580px;background-color:#fff}#testCases{display:flex;flex-wrap:wrap;gap:5px}.test-case{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:700}.test-case-pass{background-color:#4caf50;color:#fff}.test-case-fail{background-color:#f44336;color:#fff}.button-group{display:flex;gap:10px;margin-top:10px}.run-button,.finish-button{padding:10px 50px;font-size:16px;cursor:pointer}.run-button{display:inline-flex;align-items:center;justify-content:center;background-color:#4caf50;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:16px;cursor:pointer}.run-button .icon{width:22px;height:22px;margin-right:8px}.run-button:hover{background-color:#45a049}.finish-button{background-color:#f44336;color:#fff;border:none;border-radius:4px;margin-right:0;margin-left:-12px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;background-color:#00000080}.modal-content{background-color:#fff;padding:20px;border-radius:10px;max-width:800px;width:300px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-feedback{background-color:#fff;padding:20px;border-radius:10px;max-width:1500px;width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-form{display:flex;flex-direction:column;gap:20px}.feedback-item{display:flex;align-items:center}.feedback-label{flex:0 0 250px;text-align:right;padding-right:15px;font-weight:700;margin:0}.star-rating{display:flex;justify-content:start}.star{font-size:24px;cursor:pointer;padding:0 5px;color:#ccc}.comments-section{display:flex;flex-direction:column}.comments-section label{font-weight:700;margin-bottom:4px}textarea{width:100%;padding:8px;box-sizing:border-box}.modal-form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;resize:vertical;min-height:100px}.submit-feedback{align-self:center;margin-top:15px;padding:8px 16px;font-size:16px;cursor:pointer}.submit-feedback:hover{background-color:#3a76d8}.error-message{color:red;font-size:15px}.feedback-item{display:flex;align-items:flex-start;gap:5px}.feedback-label{flex:0 0 250px;text-align:right;padding-right:20px;font-weight:700}.rating-text{font-size:13px;margin-left:10px;word-break:nowrap}.star-rating{display:flex;justify-content:start;position:relative}.star{font-size:24px;cursor:pointer;padding:0 5px}.star.filled{color:gold}.color-band{display:flex;align-items:center;background-color:#396fb1;padding:10px;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 4px #0000001a}.icon{width:50px;height:50px;margin-right:15px}.title{font-size:2em;font-weight:700;color:#fff}.main-container{display:flex;gap:20px}.problem-section{position:relative}.problem-section{background-color:#f0f0f0;border-radius:10px;padding:15px;margin-top:1px;font-size:16.3px}.spinner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;z-index:10}.spinner-text{text-align:center;margin-bottom:20px;font-size:13px;font-family:Arial,Helvetica,sans-serif}.console-output{background-color:#f0f0f0;border-radius:5px;padding:10px;margin-top:15px;font-family:Courier New,monospace}h4{color:#4a86e8;font-weight:400;font-size:1em;margin-bottom:-8px;margin-top:0}.test-result-circles{display:flex;justify-content:flex-start;margin-bottom:10px}.test-result-circles-container{display:flex;align-items:center;width:100%;height:40px;margin-bottom:1px}.test-cases-label{flex-shrink:0;margin-right:10px;font-weight:700;color:#4a86e8}.test-result-circles-wrapper{flex-grow:1;display:flex;align-items:center;height:100%}.test-result-circles{display:flex;justify-content:center}.test-circle{width:24px;height:24px;border-radius:50%;margin-right:8px;display:flex;justify-content:center;align-items:center}.test-circle.passed{background-color:#4caf50}.test-circle.failed{background-color:#f44336}.test-circle svg{width:20px;height:20px}.generate-problem-btn .icon{width:25px;height:25px;margin-right:8px;margin-top:20px}.aws-btn{--button-default-height: 48px;--button-default-font-size: 14px;--button-default-border-radius: 6px;--button-horizontal-padding: 20px;--button-raise-level: 5px;--button-hover-pressure: 2;--transform-speed: .185s;--button-primary-color: #4a86e8;--button-primary-color-dark: #3a76d8;--button-primary-color-light: #ffffff;--button-primary-color-hover: #3a76d8;--button-primary-border: none}.test-results-header{display:flex;align-items:center;margin-bottom:10px}.test-results-header .icon{width:20px;height:20px;margin-right:5px}.larger-bold-text{font-size:1.1rem;font-weight:700}.generate-problem-btn:disabled{opacity:.5;cursor:not-allowed}.close-modal-btn{position:absolute;top:10px;right:10px;font-size:32px;background:none;border:none;cursor:pointer;color:#333}.close-modal-btn:hover{color:#000}.modal-feedback{position:relative}.run-button:disabled,.finish-button:disabled{opacity:.5;cursor:not-allowed}.button-content{display:flex;align-items:center;justify-content:center}.tooltip{position:relative}.tooltip:before{content:"Please run your code at least once before finishing";position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px;border-radius:3px;opacity:0;transition:opacity .3s}.tooltip:hover:before{opacity:1}.icon{margin-right:8px;font-size:24px}.larger-bold-text{font-weight:700;font-size:16px}@keyframes ellipsis{0%{content:"."}33%{content:".."}66%{content:"..."}}.loading-ellipsis:after{content:".";display:inline-block;animation:ellipsis 1.5s infinite;width:1em;text-align:left}.modal-form select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23333' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px}.modal-form select:focus{outline:none;border-color:#4a86e8;box-shadow:0 0 0 2px #4a86e833}.login-modal{width:400px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a}.login-form h2{color:#4a86e8;margin-bottom:20px}.login-form input[type=email]{width:60%;padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:4px;font-size:14px;text-align:center}.login-form .aws-btn{width:50%;--button-default-height: 48px;--button-default-font-size: 16px;--button-default-border-radius: 6px;--button-horizontal-padding: 20px;--button-raise-level: 5px;--button-hover-pressure: 3;--transform-speed: .185s;--button-primary-color: #4a86e8;--button-primary-color-dark: #3a76d8;--button-primary-color-light: #ffffff;--button-primary-color-hover: #3a76d8;--button-primary-border: none;--button-default-height: 40px;margin-top:9px}.login-form .error{color:#f44336;margin-bottom:10px}.big-icon{font-size:1.6em;margin-right:4px;vertical-align:middle}.action-button{position:relative}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button:disabled:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000}.aws-btn{--button-default-height: 44px;--button-default-font-size: 14px;--button-default-line-height: 24px;--button-default-border-radius: 4px;--button-default-placeholder-width: 120px;--button-icon-width: 44px;--button-icon-height: 44px;--button-small-width: 88px;--button-small-height: 44px;--button-medium-width: 136px;--button-medium-height: 44px;--button-large-width: 192px;--button-large-height: 44px;--button-font-family: inherit;--button-font-color: #ffffff;--button-font-weight: 600;--button-font-style: normal;--button-hover-darken-opacity: .1;--button-letter-spacing: 0px;--button-horizontal-padding: 16px;--button-raise-level: 4px;--button-pressed-level: 0px;--button-hover-pressure: 1;--button-shadow-color: rgba(0, 0, 0, .3);--button-shadow-divisor: 2;--loading-transition-timing: ease-out;--loading-transition-speed: 6s;--loading-transition-end-speed: .3s;--transform-speed: .15s;--button-primary-color: #1E88E5;--button-primary-color-dark: #1360a4;--button-primary-color-light: white;--button-primary-color-hover: #187bd1;--button-primary-color-active: #166dba;--button-primary-border: none;--button-secondary-color: #f2f6f9;--button-secondary-color-dark: #1360a4;--button-secondary-color-light: #1E88E5;--button-secondary-color-hover: #e1eaf1;--button-secondary-color-active: #cfdee9;--button-secondary-border: 2px solid #1E88E5;--button-anchor-color: #0e4f88;--button-anchor-color-dark: #072743;--button-anchor-color-light: white;--button-anchor-color-hover: #0d4a7f;--button-anchor-color-active: #0c4271;--button-anchor-border: none;--button-danger-color: #c42e2e;--button-danger-color-dark: #861f1f;--button-danger-color-light: white;--button-danger-color-hover: #bc2c2c;--button-danger-color-active: #af2929;--button-danger-border: none;--button-disabled-color: #AFAFAF;--button-disabled-color-dark: #898989;--button-disabled-color-light: #969696;--button-disabled-color-hover: #AFAFAF;--button-disabled-color-active: #AFAFAF;--button-disabled-border: none;--button-placeholder-color: #AFAFAF;--button-placeholder-color-dark: #898989;--button-placeholder-color-light: #969696;--button-placeholder-color-hover: #AFAFAF;--button-placeholder-color-active: #AFAFAF;--button-placeholder-border: none;--button-mail-color: #cfcfcf;--button-mail-color-dark: #9c9c9c;--button-facebook-color: #4868ad;--button-facebook-color-dark: #324877;--button-messenger-color: #3186f6;--button-messenger-color-dark: #0960d1;--button-twitter-color: #00aced;--button-twitter-color-dark: #0074a1;--button-linkedin-color: #0077b5;--button-linkedin-color-dark: #004569;--button-whatsapp-color: #25d366;--button-whatsapp-color-dark: #1a9247;--button-github-color: #25292e;--button-github-color-dark: #030304;--button-reddit-color: #fc461e;--button-reddit-color-dark: #cb2703;--button-pinterest-color: #bd091c;--button-pinterest-color-dark: #740611;--button-gplus-color: #ce5b4e;--button-gplus-color-dark: #a3392d;--button-youtube-color: #cc181e;--button-youtube-color-dark: #881014;--button-instagram-radial-color: radial-gradient(circle at 25% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);--button-instagram-radial-color-dark: radial-gradient(circle at 25% 110%, #b9a800 0%, #938500 5%, #b10f00 45%, #8c0061 60%, #002ca9 90%)}.aws-btn--progress .aws-btn__content:after,.aws-btn--progress .aws-btn__progress,.aws-btn .aws-btn__content:after,.aws-btn .aws-btn__wrapper:after,.aws-btn .aws-btn__wrapper:before{display:block;position:absolute;width:100%;height:100%;top:0;left:0}.aws-btn{padding:0;margin:0}.aws-btn:focus,.aws-btn{outline-color:0;outline-style:none;outline-width:0}.aws-btn{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}button.aws-btn .aws-btn__wrapper{margin-top:calc(var(--button-raise-level)*-1)}.aws-btn{box-sizing:border-box;display:inline-block;vertical-align:middle;height:var(--button-default-height);position:relative;z-index:1;background-color:#0000;font-size:var(--button-default-font-size);line-height:var(--button-default-line-height);font-weight:var(--button-font-weight);font-family:var(--button-font-family);font-style:var(--button-font-style);letter-spacing:var(--button-letter-spacing);text-rendering:auto;text-decoration:none;text-align:center;transition:opacity .1s ease-out;border:none;opacity:0;cursor:pointer;-webkit-font-smoothing:antialiased;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.aws-btn .aws-btn__wrapper{position:relative;font-family:var(--button-font-family);display:flex;align-items:stretch;width:100%;height:calc(100% - var(--button-raise-level));transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.aws-btn .aws-btn__wrapper:before{content:" ";border-radius:var(--button-default-border-radius);top:auto;bottom:calc(var(--button-raise-level)*-1);z-index:1;transition:transform var(--transform-speed) ease-out,background var(--transform-speed) ease-out}.aws-btn .aws-btn__wrapper:after{content:" ";background-color:#00000026;border-radius:var(--button-default-border-radius);z-index:2;width:0;top:var(--button-raise-level)}.aws-btn .aws-btn__content{position:relative;display:flex;flex:1;align-items:center;justify-content:center;border-radius:var(--button-default-border-radius);text-indent:0;z-index:1;overflow:hidden;padding:0 var(--button-horizontal-padding);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:flat;transform:skew(0) translateZ(0);transition:border var(--transform-speed) ease-out,transform var(--transform-speed) ease-out,background var(--transform-speed) ease-out,color var(--transform-speed) ease-out}.aws-btn .aws-btn__content>span:nth-child(1){display:flex;align-items:center;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:skew(0) translateZ(0)}.aws-btn .aws-btn__content>span:nth-child(1)>svg:only-child{margin:0}.aws-btn .aws-btn__content>svg:nth-child(1){margin-right:4px}.aws-btn .aws-btn__content>svg:nth-last-child(1){margin-left:4px}.aws-btn:before{content:" ";background-color:var(--button-shadow-color);width:calc(100% - 2px);height:calc(100% - var(--button-raise-level)*var(--button-shadow-divisor));bottom:calc(0px - var(--button-raise-level)/var(--button-shadow-divisor));left:1px;position:absolute;border-radius:var(--button-default-border-radius);transform:skewY(0) translateZ(0);transition:transform calc(var(--transform-speed)*.8) ease-out,background calc(var(--transform-speed)*.8) ease-out}.aws-btn--facebook .aws-btn__wrapper:before{background:#324877}.aws-btn--facebook .aws-btn__content{background:#4868ad;color:#fff}.aws-btn--facebook .aws-btn__content path{fill:#fff}.aws-btn--facebook.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--facebook.aws-btn--progress .aws-btn__progress:before,.aws-btn--facebook.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--messenger .aws-btn__wrapper:before{background:#0960d1}.aws-btn--messenger .aws-btn__content{background:#3186f6;color:#fff}.aws-btn--messenger .aws-btn__content path{fill:#fff}.aws-btn--messenger.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--messenger.aws-btn--progress .aws-btn__progress:before,.aws-btn--messenger.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--twitter .aws-btn__wrapper:before{background:#0074a1}.aws-btn--twitter .aws-btn__content{background:#00aced;color:#fff}.aws-btn--twitter .aws-btn__content path{fill:#fff}.aws-btn--twitter.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--twitter.aws-btn--progress .aws-btn__progress:before,.aws-btn--twitter.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--linkedin .aws-btn__wrapper:before{background:#004569}.aws-btn--linkedin .aws-btn__content{background:#0077b5;color:#fff}.aws-btn--linkedin .aws-btn__content path{fill:#fff}.aws-btn--linkedin.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--linkedin.aws-btn--progress .aws-btn__progress:before,.aws-btn--linkedin.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--whatsapp .aws-btn__wrapper:before{background:#1a9247}.aws-btn--whatsapp .aws-btn__content{background:#25d366;color:#fff}.aws-btn--whatsapp .aws-btn__content path{fill:#fff}.aws-btn--whatsapp.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--whatsapp.aws-btn--progress .aws-btn__progress:before,.aws-btn--whatsapp.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--github .aws-btn__wrapper:before{background:#030304}.aws-btn--github .aws-btn__content{background:#25292e;color:#fff}.aws-btn--github .aws-btn__content path{fill:#fff}.aws-btn--github.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--github.aws-btn--progress .aws-btn__progress:before,.aws-btn--github.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--reddit .aws-btn__wrapper:before{background:#cb2703}.aws-btn--reddit .aws-btn__content{background:#fc461e;color:#fff}.aws-btn--reddit .aws-btn__content path{fill:#fff}.aws-btn--reddit.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--reddit.aws-btn--progress .aws-btn__progress:before,.aws-btn--reddit.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--pinterest .aws-btn__wrapper:before{background:#740611}.aws-btn--pinterest .aws-btn__content{background:#bd091c;color:#fff}.aws-btn--pinterest .aws-btn__content path{fill:#fff}.aws-btn--pinterest.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--pinterest.aws-btn--progress .aws-btn__progress:before,.aws-btn--pinterest.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--gplus .aws-btn__wrapper:before{background:#a3392d}.aws-btn--gplus .aws-btn__content{background:#ce5b4e;color:#fff}.aws-btn--gplus .aws-btn__content path{fill:#fff}.aws-btn--gplus.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--gplus.aws-btn--progress .aws-btn__progress:before,.aws-btn--gplus.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--youtube .aws-btn__wrapper:before{background:#881014}.aws-btn--youtube .aws-btn__content{background:#cc181e;color:#fff}.aws-btn--youtube .aws-btn__content path{fill:#fff}.aws-btn--youtube.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--youtube.aws-btn--progress .aws-btn__progress:before,.aws-btn--youtube.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--mail .aws-btn__wrapper:before{background:#9c9c9c}.aws-btn--mail .aws-btn__content{background:#cfcfcf;color:#fff}.aws-btn--mail .aws-btn__content path{fill:#fff}.aws-btn--mail.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--mail.aws-btn--progress .aws-btn__progress:before,.aws-btn--mail.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--instagram .aws-btn__wrapper:before{background:radial-gradient(circle at 25% 110%,#b9a800,#938500 5%,#b10f00 45%,#8c0061 60%,#002ca9 90%)}.aws-btn--instagram .aws-btn__content{background:radial-gradient(circle at 25% 110%,#fdf497,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);color:#fff}.aws-btn--instagram .aws-btn__content path{fill:#fff}.aws-btn--instagram.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--instagram.aws-btn--progress .aws-btn__progress:before,.aws-btn--instagram.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--primary .aws-btn__wrapper:before{background:var(--button-primary-color-dark)}.aws-btn--primary .aws-btn__content{background:var(--button-primary-color);color:var(--button-primary-color-light);border:var(--button-primary-border)}.aws-btn--primary .aws-btn__content path{fill:var(--button-primary-color-light)}.aws-btn--primary .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-primary-color-hover)}.aws-btn--primary.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-primary-color-active)}.aws-btn--primary.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--primary.aws-btn--progress .aws-btn__progress:before,.aws-btn--primary.aws-btn--progress .aws-btn__progress:after{color:var(--button-primary-color-light)}.aws-btn--secondary .aws-btn__wrapper:before{background:var(--button-secondary-color-dark)}.aws-btn--secondary .aws-btn__content{background:var(--button-secondary-color);color:var(--button-secondary-color-light);border:var(--button-secondary-border)}.aws-btn--secondary .aws-btn__content path{fill:var(--button-secondary-color-light)}.aws-btn--secondary .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-secondary-color-hover)}.aws-btn--secondary.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-secondary-color-active)}.aws-btn--secondary.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--secondary.aws-btn--progress .aws-btn__progress:before,.aws-btn--secondary.aws-btn--progress .aws-btn__progress:after{color:var(--button-secondary-color-light)}.aws-btn--link .aws-btn__wrapper:before{background:var(--button-anchor-color-dark)}.aws-btn--link .aws-btn__content{background:var(--button-anchor-color);color:var(--button-anchor-color-light);border:var(--button-anchor-border)}.aws-btn--link .aws-btn__content path{fill:var(--button-anchor-color-light)}.aws-btn--link .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-anchor-color-hover)}.aws-btn--link.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-anchor-color-active)}.aws-btn--link.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--link.aws-btn--progress .aws-btn__progress:before,.aws-btn--link.aws-btn--progress .aws-btn__progress:after{color:var(--button-anchor-color-light)}.aws-btn--danger .aws-btn__wrapper:before{background:var(--button-danger-color-dark)}.aws-btn--danger .aws-btn__content{background:var(--button-danger-color);color:var(--button-danger-color-light);border:var(--button-danger-border)}.aws-btn--danger .aws-btn__content path{fill:var(--button-danger-color-light)}.aws-btn--danger .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-danger-color-hover)}.aws-btn--danger.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-danger-color-active)}.aws-btn--danger.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--danger.aws-btn--progress .aws-btn__progress:before,.aws-btn--danger.aws-btn--progress .aws-btn__progress:after{color:var(--button-danger-color-light)}.aws-btn--disabled .aws-btn__wrapper:before{background:var(--button-disabled-color-dark)}.aws-btn--disabled .aws-btn__content{background:var(--button-disabled-color);color:var(--button-disabled-color-light);border:var(--button-disabled-border)}.aws-btn--disabled .aws-btn__content path{fill:var(--button-disabled-color-light)}.aws-btn--disabled .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-disabled-color-hover)}.aws-btn--disabled.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-disabled-color-active)}.aws-btn--disabled.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--disabled.aws-btn--progress .aws-btn__progress:before,.aws-btn--disabled.aws-btn--progress .aws-btn__progress:after{color:var(--button-disabled-color-light)}.aws-btn--placeholder .aws-btn__wrapper:before{background:var(--button-placeholder-color-dark)}.aws-btn--placeholder .aws-btn__content{background:var(--button-placeholder-color);color:var(--button-placeholder-color-light);border:var(--button-placeholder-border)}.aws-btn--placeholder .aws-btn__content path{fill:var(--button-placeholder-color-light)}.aws-btn--placeholder .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-placeholder-color-hover)}.aws-btn--placeholder.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-placeholder-color-active)}.aws-btn--placeholder.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--placeholder.aws-btn--progress .aws-btn__progress:before,.aws-btn--placeholder.aws-btn--progress .aws-btn__progress:after{color:var(--button-placeholder-color-light)}.aws-btn--placeholder{width:var(--button-default-placeholder-width)}.aws-btn--placeholder .aws-btn__content>span{display:block;width:100%;height:40%;background-color:var(--button-placeholder-color-light);border-radius:2px;position:relative;overflow:hidden}.aws-btn--placeholder .aws-btn__content>span:before{content:"";background-color:#0000001a;position:absolute;top:0;left:0;width:100%;height:100%;animation:placeholder calc(var(--transform-speed)*14) linear forwards infinite}.aws-btn--visible{opacity:1}.aws-btn--between .aws-btn__content{justify-content:space-between}.aws-btn--left:before{transform:skewY(calc(1deg * var(--button-hover-pressure) * 1)) translate3d(0,calc(-1px * var(--button-hover-pressure) / 2),0)}.aws-btn--left .aws-btn__content{transform:skewY(calc(1deg * var(--button-hover-pressure) * -1))}.aws-btn--right:before{transform:skewY(calc(1deg * var(--button-hover-pressure) * -1)) translate3d(0,calc(-1px * var(--button-hover-pressure) / 2),0)}.aws-btn--right .aws-btn__content{transform:skewY(calc(1deg * var(--button-hover-pressure) * 1))}.aws-btn--middle:before{transform:translate3d(0,calc(-1px * var(--button-hover-pressure)),0)}.aws-btn--middle .aws-btn__content{transform:translate3d(0,calc(1px * var(--button-hover-pressure)),0)}.aws-btn--icon .aws-btn__content>span:nth-child(1)>svg{vertical-align:middle}.aws-btn--active:before{will-change:transform;transform:translate3d(0,calc((var(--button-raise-level) - var(--button-pressed-level)) * -1),0)}.aws-btn--active .aws-btn__content{will-change:transform;transition:transform calc(var(--transform-speed)*.8) ease-out,background calc(var(--transform-speed)*.8) ease-out,color calc(var(--transform-speed)*.8) ease-out;transform:translate3d(0,calc(var(--button-raise-level) - var(--button-pressed-level)),0)}.aws-btn--off:before{transform:translate3d(0,calc(var(--button-raise-level) * -1),0);background-color:#0000000d}.aws-btn--off:hover .aws-btn__wrapper:before{background-color:#2d2d2d}.aws-btn--off:hover .aws-btn__content{background-color:#313131;color:#3b3b3b}.aws-btn--off .aws-btn__wrapper:before{background-color:#323232}.aws-btn--off .aws-btn__content{background-color:#353535;color:#424242;transform:translate3d(0,var(--button-raise-level),0)}.aws-btn--icon{width:var(--button-icon-width);height:var(--button-icon-height);font-size:calc(var(--button-default-font-size));line-height:calc(var(--button-default-line-height))}.aws-btn--small{width:var(--button-small-width);height:var(--button-small-height);font-size:var(--button-default-font-size);line-height:var(--button-default-line-height)}.aws-btn--medium{width:var(--button-medium-width);height:var(--button-medium-height);font-size:var(--button-default-font-size);line-height:var(--button-default-line-height)}.aws-btn--large{width:var(--button-large-width);height:var(--button-large-height);font-size:var(--button-default-font-size);line-height:var(--button-default-line-height)}.aws-btn--fill{width:100%}span.aws-btn__bubble{display:block;position:absolute;visibility:hidden;top:0;left:0;width:0px;height:0px;border-radius:50%;background:#0000001a;opacity:0;transform:scale(.1);animation:bubble-ping calc(var(--transform-speed)*3.5) cubic-bezier(.5,0,.6,.4) .05s forwards}@keyframes placeholder{0%{transform:translate(-110%)}25%{transform:translate(0)}50%{transform:translate(110%)}75%{transform:translate(0)}to{transform:translate(-110%)}}@keyframes release{}@keyframes bounce{0%{transform:scale(1)}30%{transform:scale(1.6)}60%{transform:scale(1.4)}to{transform:scale(1.5)}}@keyframes bubble-ping{1%{visibility:visible}10%{opacity:0}50%{opacity:1}99%{transform:scale(1);opacity:0}to{visibility:hidden}}.aws-btn--progress .aws-btn__wrapper>span:nth-child(2){position:absolute;top:var(--button-raise-level);left:0;right:0;bottom:calc(var(--button-raise-level)*-1);display:flex}.aws-btn--progress .aws-btn__progress{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;border-radius:4px;text-indent:0;z-index:3;overflow:hidden;transition:border var(--transform-speed) ease-out,transform var(--transform-speed) ease-out,background var(--transform-speed) ease-out,color var(--transform-speed) ease-out}.aws-btn--progress .aws-btn__progress>span{transition:opacity calc(var(--transform-speed)*.5) ease-out calc(var(--transform-speed)*.75)}.aws-btn--progress .aws-btn__progress:before,.aws-btn--progress .aws-btn__progress:after{display:flex;align-items:center;justify-content:center;color:#ffffffa6;opacity:0;transition:transform var(--transform-speed) ease-out .05s,opacity calc(var(--transform-speed)*.75) ease-out .05s}.aws-btn--progress .aws-btn__progress:before{content:attr(data-loading);display:none;transform:translate3d(0,100%,0)}.aws-btn--progress .aws-btn__progress:after{content:attr(data-status);display:none;transform:translate3d(0,-100%,0)}.aws-btn--progress .aws-btn__content>span>span,.aws-btn--progress .aws-btn__content>svg{transition:opacity .2s ease-out}.aws-btn--progress.aws-btn--active .aws-btn__content>span>span,.aws-btn--progress.aws-btn--active .aws-btn__content>svg{opacity:.1}.aws-btn--progress.aws-btn--active .aws-btn__progress:after,.aws-btn--progress.aws-btn--active .aws-btn__progress:before,.aws-btn--progress.aws-btn--active .aws-btn__content:after{display:block}.aws-btn--progress .aws-btn__content:after{content:" ";background-color:#00000026;transform:translate3d(-100%,0,0);width:100%;display:none}.aws-btn--start .aws-btn__progress:before{opacity:1;transform:translate3d(0,50%,0)}.aws-btn--start .aws-btn__content:after{transition:transform var(--loading-transition-speed) ease-out;transform:translate3d(-15%,0,0)}.aws-btn--errored .aws-btn__content:after{background-color:#ff0000bf}.aws-btn--end .aws-btn__content:after{transition:transform var(--loading-transition-end-speed) var(--loading-transition-timing);transform:translateZ(0)}.aws-btn--end .aws-btn__progress:after{opacity:1;transform:translate3d(0,-50%,0)}.aws-btn--end .aws-btn__progress:before{transform:translate3d(0,50%,0);opacity:0}.generate-problem-btn{box-shadow:none!important;border:none!important;background:none!important;padding:0!important;margin:10px 0 -6px!important;width:60%!important;height:45px!important}.aws-btn{--button-default-height: 40px;--button-default-font-size: 14px;--button-default-border-radius: 6px;--button-horizontal-padding: 20px;--button-raise-level:5px;--button-hover-pressure: 3;--transform-speed: .19s;--button-primary-color: #5d9cec;--button-primary-color-dark: #3079d8;--button-primary-color-light: #4a89dc;--button-primary-color-hover: #5d9cec;--button-primary-border: none;width:100%;max-width:none;margin:0;position:relative;box-shadow:none!important;border:none!important}.button-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;top:0;left:0}.button-content .icon{margin-right:8px;width:20px;height:20px}.larger-bold-text{font-size:16px;font-weight:700;color:#fff;white-space:nowrap;text-overflow:ellipsis}.aws-btn:after,.aws-btn:before{display:none!important}.aws-btn__content{z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff!important}.generate-button-container{display:flex;flex-direction:column;align-items:center;padding-top:40px}.button-group{display:flex;justify-content:space-between;margin-top:10px;gap:10px}.action-button{box-shadow:none!important;border:none!important;background:none!important;padding:0!important;margin:0!important;width:calc(50% - 5px)!important;height:40px!important}.run-code-btn,.done-btn{--button-default-height: 40px;--button-default-font-size: 14px;--button-default-border-radius: 6px;--button-horizontal-padding: 20px;--button-raise-level: 5px;--button-hover-pressure: 2;--transform-speed: .15s}.run-code-btn{--button-primary-color: #4CAF50;--button-primary-color-dark: #45a049;--button-primary-color-light: #60c060;--button-primary-color-hover: #45a049}.done-btn{--button-primary-color: #f44336;--button-primary-color-dark: #d32f2f;--button-primary-color-light: #ff5252;--button-primary-color-hover: #d32f2f}.action-button .aws-btn__content{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.action-button .larger-bold-text{font-size:16px;font-weight:700;color:#fff;text-align:center}.submit-feedback-btn{--button-default-height: 40px;--button-default-font-size: 14px;--button-default-border-radius: 6px;--button-horizontal-padding: 20px;--button-raise-level: 5px;--button-hover-pressure: 2;--transform-speed: .15s;--button-primary-color: #4a86e8;--button-primary-color-dark: #3a76d8;--button-primary-color-light: #5a96f8;--button-primary-color-hover: #3a76d8;width:40%!important;margin-top:20px!important;margin-left:auto;margin-right:auto}.submit-feedback-btn .aws-btn__content{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.submit-feedback-btn .larger-bold-text{font-size:16px;font-weight:700;color:#fff;text-align:center}