.tube{--padding-tube:.55rem;color:var(--white-color);border-radius:var(--radius);background-color:#f6f6f6;overflow:hidden}.tube .title{padding:var(--padding-tube);font-size:1.125rem;font-weight:var(--weight-bold);background:var(--primary-color);justify-content:space-between;align-items:center;margin-block:0;display:flex}.tube .title>i{transition:var(--regTransi);font-size:2rem}.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;color:var(--black-color);padding-inline:var(--padding-tube);align-items:center;margin-block:0;font-size:1.125rem;transition:height .33s ease-in-out;display:flex;overflow:hidden}ul .panel-container,ul.panel-container{--extraSpacing:4rem;flex-direction:column;justify-content:center;align-items:start}.soft-skill{width:80%;transition:var(--regTransi);font-size:1.2rem}.soft-skill .title{margin-block:0}