.Subject{width:1fr;min-height:100vh;height:fit-content;background-color:#fff}.Subject .header{width:100%;height:fit-content;display:flex;flex-direction:column;padding:3% 7% 0}.Subject .header h1{font-size:32px;font-weight:700;line-height:40px}.Subject .header p{font-size:16px;font-weight:400;color:#3d4d5c;margin:10px 0;line-height:21px}.Subject .header .subTitle{font-size:19px;font-weight:700;line-height:23px;margin-top:1rem}.Subject .hero{width:100%;height:fit-content;display:flex;flex-direction:column;padding:2rem 7% max(3%,3rem)}.Subject .hero h2{font-weight:700;font-size:19px}.Subject .hero .subjectsList{width:100%;min-height:60px;height:fit-content;display:flex;margin-top:5px;gap:25px;flex-wrap:wrap;padding-top:5px;align-items:flex-start}.Subject .hero .subjectsList .subject{min-width:100px;width:fit-content;display:flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;height:45px;border:1px solid #dbe0e5;cursor:pointer;transition:.2s}.Subject .hero .subjectsList .subject p{transition:.2s;color:#141414}.Subject .hero .subjectsList .subject:hover{background:#006aff}.Subject .hero .subjectsList .selected{background:#006aff;color:#fff}.Subject .hero .subjectsList .selected p,.Subject .hero .subjectsList .subject:hover>p{color:#fff}.Subject .assesments{width:100%;min-height:200px;height:fit-content;display:flex;align-items:center;padding:20px 0;flex-wrap:wrap;gap:20px}.Subject .slider-container{border:1px solid #dbe0e5;border-radius:16px;padding:15px;min-width:200px;max-width:400px;height:fit-content;width:fit-content;display:flex;flex-direction:column;transition:background-color .2s ease-in-out}.Subject .slider-title{font-size:16px;color:#333;font-weight:700}.Subject .hero .slider-subtitle{font-size:14px;color:#3d4d5c;margin-bottom:0}.Subject .slider-controls{display:flex;align-items:center;width:100%;flex-wrap:wrap;gap:10px}.Subject .slider{flex:1;height:6px;border-radius:5px;background:#dbe0e5;outline:none;transition:background .3s}.Subject .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-color);cursor:pointer;transition:background-color .3s}.Subject .slider-input{width:60px;height:30px;padding:5px;border:1px solid #dbe0e5;border-radius:8px;text-align:center;color:#3d4d5c;font-size:14px}.Subject .slider-input:focus{outline:2px solid #3d4d5c}.Subject .results{width:100%;display:flex;align-items:center;gap:20px}.Subject .results .result{border:1px solid #dbe0e5;border-radius:16px;padding:15px;width:170px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center}.Subject .results .result h2{font-size:16px;text-align:center}.Subject .results .result h1{font-size:32px;font-weight:700;margin:auto}.Subject .HiArrowNarrowLeft{background-color:red}.Subject .tables{margin-top:2rem;width:100%;display:flex;align-items:center;gap:20px;color:#141414;flex-wrap:wrap}.Subject .tables table{margin-top:.5rem;border:1px solid #dbe0e5;border-collapse:collapse;user-select:none;width:100%}.Subject td,.Subject th{border:1px solid #dbe0e5;padding:5px;text-align:center}.Subject th{font-weight:700}.Subject .explore{width:100%;min-height:100px;height:fit-content;padding:1rem 0}.Subject .explore h2{margin-bottom:10px}.Subject .explore li{margin-top:5px;color:#3d4d5c}@media (max-width:768px){.Subject .header h1{font-size:24px}.Subject .header p{font-size:14px;margin:5px 0}.Subject .hero h2{font-size:16px;margin:5px 0}}@media (max-width:576px){.Subject .tables{justify-content:center;flex-direction:column}}