.resume{height:100%;position:absolute;top:0;right:0;width:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;column-gap:.25rem;overflow-y:scroll;padding-right:5rem;z-index:10}.resume::-webkit-scrollbar{width:.23rem}.resume::-webkit-scrollbar-track{border-radius:10px;background:transparent}.resume::-webkit-scrollbar-thumb{background:rgba(0,0,0,.65);border-radius:20px;-webkit-transition:.4s;transition:.4s}.resume::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.95);scale:1.02}.job-list{height:-moz-fit-content;height:fit-content;min-height:100svh;width:max-content;display:flex;flex-direction:column;row-gap:4rem;padding:2rem 0;transition:height 2s ease-out,opacity .2s ease-in-out}.filter-trans{opacity:0}.job{width:100%;height:max-content;display:flex;flex-direction:column;row-gap:0;cursor:pointer;visibility:visible;transition:height 1s ease-out}.job:not(.job-visible){display:none}.job-company{font:var(--p);font-size:3rem;color:var(--gray0);margin-bottom:-.25rem}.job-preview{opacity:1;transition:.4s;column-gap:.75rem;text-align:center}.job-date,.job-preview{display:flex;flex-direction:row;justify-content:flex-start;text-wrap:nowrap}.job-date{column-gap:.5rem}.job-preview:not(.job-preview-active){opacity:0}.job-title{font:var(--p2);color:var(--gray0)}.job-desc{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:max-content;width:100%;max-width:33rem;margin-top:.4rem;opacity:1;transition:font-size .5s ease-in-out,opacity .3s ease-in-out .3s;row-gap:.5rem;mix-blend-mode:difference}.job-desc:not(.job-desc-active){transition:font-size .5s ease-in-out .2s,opacity .4s ease-in-out;opacity:0;font-size:0}.filter-key{position:fixed;height:100%;width:20%;padding:2rem 0;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;justify-content:space-between;text-align:left}.exp-key-list{width:max-content;height:max-content;display:flex;flex-direction:column;align-items:flex-start;row-gap:.25rem}.exp-filter-item,.exp-key-item{font:var(--p);color:var(--gray30);font-weight:400;opacity:1;list-style-type:none}.exp-key-item{color:var(--grayo)}.exp-key-item:not(.exp-key-current){color:var(--gray30);opacity:.6}@media screen and (max-width:768px){.resume.mobile{width:75%;padding:2.25rem 2.25rem 2.25rem 0;overflow-y:hidden;align-items:flex-start}.job-filter{display:flex;width:100%;flex-direction:row;align-items:flex-start;font:var(--p2);color:var(--gray30);font-weight:400;column-gap:.5rem}.job-list.mobile{width:100%;row-gap:2rem;margin-top:.5rem;padding:0 0 15rem;overflow-y:scroll}.job{max-height:none;text-align:left}.job-company{font-size:2rem;line-height:100%;margin-bottom:.25rem}.job-preview{flex-direction:column;align-items:flex-start}.job-title{font-size:1rem;width:max-content}.job-date{font-size:.75rem}.job-desc{align-items:flex-start}}@media screen and (max-width:330px){.resume.mobile{width:68%}}