.tube{--padding-tube:.55rem;color:var(--white-color);border-radius:var(--radius);background-color:#f6f6f6;overflow:hidden}.tube .title{display:flex;justify-content:space-between;align-items:center;margin-block:0;padding:var(--padding-tube);font-size:1.125rem;font-weight:var(--weight-bold);background:var(--primary-color)}.tube .title>i{font-size:2rem;transition:var(--regTransi)}.tube:hover{cursor:pointer}.tube.reversed .panel-container{height:calc(var(--max-height) + var(--extraSpacing))}.tube.reversed .title>i{transform:rotateX(.5turn)}.product-panel{width:45%}@supports(height:calc-size(auto)){.product-panel:hover{height:calc-size(auto)}}.panel-container{--extraSpacing:4rem;height:0;display:flex;align-items:center;margin-block:0;font-size:1.125rem;color:var(--black-color);padding-inline:var(--padding-tube);overflow:hidden;transition:height .33s ease-in-out}ul .panel-container,ul.panel-container{--extraSpacing:4rem;flex-direction:column;justify-content:center;align-items:start}.soft-skill{width:80%;font-size:1.2rem;transition:var(--regTransi)}.soft-skill .title{margin-block:0}