.tabs-container{margin-top:4rem;display:flex;.date{font-size:1.2rem;font-style:italic}.content,.date{margin-bottom:1rem}.list{padding-left:1rem}.list-item{position:relative;padding-left:1.5rem;margin-bottom:.5rem;&::marker{content:"+";position:absolute;left:0;color:var(--secondary-dark)}}}.tabs{width:20rem;flex:0 0 auto;display:flex;flex-direction:column}.tab-title{padding:1.5rem 2rem;border-left:3px solid var(--secondary-dark);transition:all .2s;font-size:1.6rem;text-transform:uppercase;color:var(--secondary-light);cursor:pointer;&.active,&:hover{background:var(--pink);border-left:3px solid var(--secondary-dark)}}.tab-content-container{flex:1 1 auto;position:relative;overflow:hidden;background:var(--pink);padding:2rem;border-radius:0 1rem 0 1rem}.tab-content{display:none;flex:1 1 auto;position:relative;transition:opacity .2s;&.active{display:block;animation:tabFadeIn .3s ease-in-out}}@keyframes tabFadeIn{0%{opacity:0;top:5rem}to{opacity:1;top:0}}