.vivo-accordion{background-color:#eee;color:#444;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:none;font-size:15px;transition:0.4s;position:relative}.vivo-panel{padding:0 18px;background-color:#fff;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out}.vivo-accordion-icon-wrapper{float:left;padding-left:.5em;padding-right:.5em}.vivo-accordion-icon-left{float:left;margin-right:10px}.vivo-accordion-icon-right{float:right;margin-left:10px}.vivo-accordion-icon-left i{border-width:3px 3px 0 0}.vivo-accordion-icon-right i{border-width:0 0 3px 3px}.vivo-accordion-icon{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);transition:all .2s ease-in-out;display:inline-block;vertical-align:middle;height:.5em;width:.5em;margin:0}.vivo-accordion-icon-chevron{content:'';-webkit-box-sizing:border-box;box-sizing:border-box;border-style:solid;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg) translate(-25%,0%);-ms-transform:rotate(45deg) translate(-25%,0%);transform:rotate(45deg) translate(-25%,0%)}.vivo-accordion.active .vivo-accordion-icon-left .vivo-accordion-icon-chevron{transform:rotate(135deg) translate(-25%,25%)}.vivo-accordion.active .vivo-accordion-icon-right .vivo-accordion-icon-chevron{transform:rotate(-45deg) translate(-25%,-50%)}