.template__accordion{background-color:#fff;border:5px solid purple}.template__accordion .accordion .title{background-color:transparent;border:none;border-bottom:1px solid purple;cursor:pointer;padding:1rem;text-align:left;width:100%}.template__accordion .accordion .title:hover{background-color:#dedede}.template__accordion .accordion .wrapper{display:-ms-grid;display:grid;overflow:hidden;-ms-grid-rows:0fr;border-bottom:1px solid purple;grid-template-rows:0fr;-webkit-transition:grid-template-rows .3s;transition:grid-template-rows .3s;transition:grid-template-rows .3s,-ms-grid-rows .3s}.template__accordion .accordion .wrapper .expandible{min-height:0}.template__accordion .accordion .wrapper .expandible .body{padding:1rem}.template__accordion .accordion.open>.title{background-color:#dedede}.template__accordion .accordion.open>.wrapper{-ms-grid-rows:1fr;grid-template-rows:1fr}