.my-work-experience{--tab-height:50px;--tab-width:120px;max-width:1000px;display:flex;flex-direction:column;min-height:50vh}.my-work-experience.a-before-enter{opacity:0;transform:translateY(20px);transition:.3s ease-in}.my-work-experience.a-enter{opacity:1;transform:translateY(0)}.my-work-experience .inner{margin-top:30px;display:flex;gap:10px}.my-work-experience .inner .tab-list{position:relative;z-index:3;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0;margin:20px 0 0 0;list-style:none}.my-work-experience .inner .tab-list li{height:var(--tab-height)}.my-work-experience .inner .tab-list li div{text-decoration:none;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;position:relative;transition:var(--transition);cursor:pointer;display:flex;align-items:center;height:var(--tab-height);padding:0 20px 2px;border-left:2px solid var(--lightBackground);background-color:transparent;color:var(--slate);font-family:var(--font-mono);text-align:left;white-space:nowrap;font-size:.8rem}.my-work-experience .inner .tab-list li.active{background-color:var(--lightBackground)}.my-work-experience .inner .tab-list li.active div{color:var(--primary)}.my-work-experience .inner .tab-list li:hover{background-color:var(--lightBackground)}.my-work-experience .inner .tab-list .slider{position:absolute;top:0;left:0;z-index:10;width:2px;height:var(--tab-height);border-radius:var(--border-radius);background:var(--primary);transition:transform .25s cubic-bezier(.645,.045,.355,1) .1s}.my-work-experience .inner .company-details{width:100%;height:auto;padding-left:30px;padding-top:20px}.my-work-experience .inner .company-details p.range .present-work{color:var(--primary)}.my-work-experience .inner .company-details.a-before-enter{opacity:0;transform:translateY(20px);transition:.5s}.my-work-experience .inner .company-details.a-enter{opacity:1;transform:translateY(0)}@media only screen and (max-width:600px){.my-work-experience .inner{display:block}.my-work-experience .inner .tab-list{display:flex;overflow-x:auto;overflow-y:hidden;width:calc(100% + 50px);margin-left:-50px;margin-bottom:30px}.my-work-experience .inner .tab-list li:first-of-type{margin-left:50px}.my-work-experience .inner .tab-list li div{display:flex;justify-content:center;align-items:center;min-width:90px;padding:0 15px;border-left:0;border-bottom:2px solid var(--lightest-navy);text-align:center}.my-work-experience .inner .tab-list .slider{top:auto;bottom:0;width:100%;max-width:var(--tab-width);height:2px;margin-left:50px}.my-work-experience .inner .company-details{padding-left:0}}