.input-container{margin:1rem;padding:0}.input-label{display:block;margin-bottom:.5rem;font-weight:500}.custom-input,.input-label{font-size:1rem;font-family:Inter;color:var(--color-dark)}.custom-input{font-weight:400;width:23rem;height:14.75rem;border:transparent;background-color:transparent;border-radius:.5rem;box-sizing:border-box;outline:none;word-break:break-all;text-align:left;vertical-align:top;resize:none}@media (max-width:768px){.custom-input{width:70vw;max-width:23rem;height:50vw;max-height:14rem}}.question-buttons-set{display:flex;flex-direction:row;gap:1rem;justify-content:flex-end}.question-details-set{display:flex;flex-direction:column;padding:0;justify-content:space-between;width:19rem;height:16.875rem}.question-topic{margin:0;padding:0}.topic{margin:0;width:18rem;word-wrap:break-word;font-size:1.75rem}.question-year,.topic{font-family:Inter;font-weight:500;color:var(--color-dark)}.question-mark,.question-year{font-size:1.25rem}.question-mark{font-family:Inter;font-weight:500;color:var(--color-dark)}.question-container-text{width:25rem;min-height:16.75rem;border-radius:.5rem;background-color:var(--color-cambridge-blue)}.question-container-text-out{width:25rem;display:flex;flex-direction:column;gap:.5rem}.question-text{margin:1rem;font-size:1.25rem;font-family:Inter;font-weight:400;color:var(--color-dark);max-width:23rem;word-wrap:break-word}.question-form-input{display:flex;flex-direction:row;gap:1rem}.question-number{font-size:1rem;font-family:Inter;font-weight:500;color:var(--color-dark);margin:0}.choose{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;height:5.5rem}.detect-topic-button{padding:.5rem 1rem;font-size:1.25rem;font-family:Inter;color:var(--color-violet);background-color:transparent;border:1px solid var(--color-sage);border-radius:.5rem;cursor:pointer;background-color:var(--color-light-sage)}.detect-topic-button:hover{background-color:var(--color-lavender);border-color:var(--color-violet);opacity:.8}.save-button{padding:.5rem 1rem;border-radius:.5rem;border-color:transparent;font-size:1.25rem;font-family:Inter;font-weight:500}.save-disabled{color:var(--color-violet);background-color:var(--color-lavender);cursor:not-allowed}.save-enabled{color:var(--color-light-sage);background-color:var(--color-violet);cursor:pointer}.save-enabled:hover{opacity:.8}.input-text-error{font-size:.875rem;font-family:Inter;color:var(--color-error);height:2rem;display:flex;align-items:center;justify-content:flex-start}.question-container-content{overflow:visible}.question-bottom-container{display:flex;flex-direction:row;gap:2rem;align-items:flex-start;justify-content:space-between}.chart-container{min-width:10rem}@media (max-width:1000px){.question-details-set{width:25rem;height:14rem}.question-container-content{width:40rem}}@media (max-width:768px){.question-container-text,.question-details-set{width:75vw;max-width:25rem;height:50vw;height:16.5rem}.question-container-text{max-height:14rem}.choose{height:5.5rem}.question-container-text-out{width:75vw;max-width:25rem;align-items:flex-end}.question-container-content{width:80vw;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.question-form-input{align-items:center;flex-direction:column;margin-bottom:2rem;gap:0;height:-moz-fit-content;height:fit-content}.question-buttons-set{width:75vw;max-width:25rem;justify-content:space-between;align-items:center}.question-bottom-container{flex-direction:column-reverse}}.input-dropdown{position:relative;width:19rem;font-family:Inter;color:var(--color-dark);box-sizing:border-box;margin:0 0 2rem}.input-dropdown-header{padding:.5rem;background-color:transparent;cursor:pointer;display:flex;gap:.5rem;align-items:center}.input-dropdown-header,.input-dropdown-list{border:1px solid var(--color-sage);border-radius:.5rem}.input-dropdown-list{position:absolute;width:19rem;background-color:var(--color-light-sage);max-height:-moz-fit-content;max-height:fit-content;overflow-y:auto;z-index:1000;list-style-type:none;padding:0;margin-top:.5rem}.input-dropdown-item{padding:.5rem;cursor:pointer;font-size:1rem;overflow-x:hidden;text-overflow:ellipsis}.input-dropdown-item:hover{background-color:var(--color-cambridge-blue)}.input-dropdown-error{font-size:.875rem;font-family:Inter;color:var(--color-error);height:2rem;width:100%;display:flex;align-items:center;justify-content:flex-end}@media (max-width:1000px){.input-dropdown,.input-dropdown-list{width:14rem}}.input-number-container{display:flex;flex-direction:column;gap:0;align-items:flex-end;padding:0;width:19rem;box-sizing:border-box}.input-number-container-inner{width:19rem;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:.5rem;border:1px solid var(--color-sage);border-radius:.5rem;margin:0}.number-display{color:var(--color-dark);font-size:1rem;font-family:Inter;-webkit-appearance:none;appearance:none;-moz-appearance:textfield;border:none;background-color:transparent}.number-display:hover{border:none}.number-display:click{border:none}input:focus,textarea:focus{outline:none;border:none}.decrement,.increment{background:none;border:none;cursor:pointer;width:1.25rem;height:1.25rem;padding:0}.decrement img,.increment img{width:100%;height:100%}.buttons-plus-minus{display:flex;flex-direction:row}.input-number-error{font-size:.875rem;font-family:Inter;color:var(--color-error);height:2rem;display:flex;align-items:center;justify-content:center}@media (max-width:1000px){.input-number-container,.input-number-container-inner{width:14rem}.number-display{width:10rem}}.year-picker-container{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:0;margin:0}.year-picker{margin:0}.year-picker,.year-picker-dropdown{display:inline-block;position:relative;width:19rem}.dropdown-toggle{width:19rem;background-color:var(--color-light-sage);border:1px solid var(--color-sage);border-radius:.5rem;padding:.5rem;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:.5rem;font-family:Inter;color:var(--color-dark);box-sizing:border-box;font-size:1rem}.arrow{margin:0;width:1.25rem;height:1.25rem}.year-picker-dropdown-content{margin-top:.5rem;background-color:var(--color-light-sage);border:1px solid var(--color-sage);border-radius:.5rem;z-index:2000;top:100%;left:0;width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;padding:1rem;gap:.5rem}.year-picker-header{display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:Inter;color:var(--color-dark);font-size:1rem;font-weight:500}.nav-button{background:none;border:none;cursor:pointer;outline:none;width:1rem;height:1rem;padding:0}.nav-button img{width:100%;height:100%}.year-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;gap:.5rem}.year{font-family:Inter;font-size:1rem;cursor:pointer;padding:.375rem 1rem;text-align:center;background-color:var(--color-light-sage);border:1px solid transparent;border-radius:.5rem}.year,.year.selected{color:var(--color-dark);width:4.5rem;box-sizing:border-box}.year.selected{border:1px solid transparent}.year.selected,.year:hover{background-color:var(--color-cambridge-blue)}.year:hover{opacity:.8}.year-picker-error{font-size:.875rem;font-family:Inter;color:var(--color-error);height:2rem;display:flex;align-items:center;justify-content:center}@media (max-width:1000px){.dropdown-toggle,.year-picker,.year-picker-dropdown{width:14rem}}.chart-container{display:flex;flex-direction:column;gap:2rem;margin:0;max-width:100vw;animation:grow .1s ease-in forwards;z-index:-2}.chart{display:flex;flex-direction:row;gap:1rem;align-items:flex-end}.chart-column{display:flex;flex-direction:column;height:10rem;align-items:center;justify-content:flex-end}.chart-value{font-family:Inter;font-size:1rem;text-align:center}.chart-rectangle{width:3rem;border-radius:.5rem;animation:grow 1s ease-in forwards}.chart-description{display:flex;flex-direction:column;gap:.5rem;animation:appear 1s ease-in forwards}.description-column{display:flex;flex-direction:row;gap:1rem}.chart-color{width:1rem;height:1rem;border-radius:.25rem}.chart-title{font-size:1rem;font-family:Inter}@keyframes grow{0%{height:0}to{transform:scaleY(1)}}@keyframes appear{0%{opacity:0}to{opacity:1}}.tooltip{visibility:hidden;width:-moz-fit-content;width:fit-content;max-width:10rem;background-color:var(--color-dark);color:var(--color-light-sage);text-align:center;border-radius:.5rem;padding:.25rem;position:absolute;z-index:10;opacity:0;transition:opacity .3s}.chart-column:hover{.chart-rectangle{opacity:.9}.tooltip{visibility:visible;opacity:1}}