.panel-container{font-family:proxima-nova,sans-serif!important;width:400px}expansion-panel{background-color:#fff;border:0 solid #eee;border-radius:15px;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#434240;display:block;font-size:13px;min-height:50px;padding:15px;transition:margin 225ms cubic-bezier(.4,0,.2,1);input:not(:checked)+&{&:hover{background-color:#eee}}input:checked+&{.expansion-panel-header{border-bottom:1px solid #eee;min-height:50px;&:after{transform:rotate(270deg)}}.expansion-panel-content{min-height:350px;padding-bottom:12px;padding-top:20px}}.expansion-panel-header{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:30px;padding:5px;position:relative;transition:height 225ms cubic-bezier(.4,0,.2,1);&>*{flex:1}}.expansion-panel-content{max-height:0;overflow:hidden;padding:0 24px;transition:all 225ms cubic-bezier(.4,0,.2,1)}}accordion{input:checked+expansion-panel{&:not(:first-of-type){margin-top:10px}&:not(:last-of-type){margin-bottom:10px}}}