.accordion{position:relative;background-color:#eee;color:#444;cursor:pointer;padding:18px;margin-bottom:10px;width:100%;border:none;text-align:left;outline:none;font-size:15px;font-weight:800;transition:0.4s}.icon{margin-right:5px;cursor:pointer;stroke:currentColor;stroke-width:2;stroke-linecap:round;overflow:visible}.icon-plus{transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s;transition:transform 0.3s, opacity 0.3s ease-in-out;transition:transform 0.3s, opacity 0.3s ease-in-out, -webkit-transform 0.3s}.icon-minus{transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, opacity 0.3s ease-in-out;transition:transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;opacity:0}.accordion.active .icon-plus{opacity:0}.accordion.active .icon-minus{opacity:1}.active,.accordion:hover{background-color:#ccc}.panel{padding:0 18px;background-color:white;max-height:0;overflow:hidden;transition:max-height 0.35s ease-in-out}