.custom-input{background:var(--grey);border-radius:10px;margin-bottom:15px;padding:13px 20px}.custom-select-popup{background:#fff;bottom:0;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);cursor:pointer;opacity:0;overflow-y:auto;position:absolute;transform:translateY(100%);transition:all .3s ease;width:100%;z-index:-1;&.active{max-height:150px;opacity:1;z-index:1}.custom-select-popup-item{padding:12px 20px;transition:all .3s ease;&:hover{background:var(--grey)}}}.custom-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%201.00003L7.00003%207L13%201%22%20stroke%3D%22%23282123%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat right 20px center!important;background-color:var(--grey)!important;background-size:14px 14px!important;border:none;cursor:pointer}.custom-checkbox{appearance:none!important;-webkit-appearance:none;-moz-appearance:none;background-color:#fff!important;border:2px solid var(--st_red)!important;border-radius:5px!important;cursor:pointer;height:30px;padding:3px 7px!important;transition:all .2s ease;width:30px;&:checked{background-color:var(--st_red)!important;border-color:var(--st_red)!important}&:checked:before{border:2px solid #fff;border-width:0 4px 4px 0;content:"";display:block;height:15px;position:relative;transform:rotate(45deg);width:10px}}.custom-course-selected{align-items:center;border:1px solid var(--blue);border-radius:999px;display:flex;flex-wrap:wrap;gap:10px;padding:4px 10px;.custom-course-closed{align-items:center;display:flex}.custom-course-title{color:var(--blue);flex-grow:1;width:80%}}.result-course-selected{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px;.result-course-selected-title{font-size:20px;max-width:20vw}.result-course-selected-divider-container{align-items:center;display:flex;flex-grow:1}.result-course-selected-divider{border-bottom:1px dotted;width:100%}.result-course-selected-value{align-items:center;display:flex;font-size:20px;text-align:right;width:fit-content}}#calculator-skill-future-input{-moz-appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}}@media screen and (max-width:500px){.custom-course-selected{padding:8px 12px}}@media screen and (max-width:1024px){.result-course-selected{.result-course-selected-title{font-size:18px;max-width:40vw}}}@media screen and (max-width:640px){.result-course-selected{gap:10px}.result-course-selected{.result-course-selected-title{font-size:16px}}}