.u-position-absolute{position:absolute}.u-position-relative{position:relative}.accordion{border:1px solid rgba(0,0,0,.1);border-radius:2px}.accordion__item+.accordion__item{border-top:1px solid rgba(0,0,0,.1)}.accordion__item--has-icon{position:relative}.accordion__title{background-color:#f4f4f4;color:#444;cursor:pointer;padding:18px;width:100%;text-align:left;border:none}.accordion__title:hover{background-color:#ddd}.accordion__body{padding:20px;display:block;animation:fadein .35s ease-in}.accordion__body--hidden{display:none;opacity:0;animation:fadein .35s ease-in}.accordion__title>*:last-child,.accordion__body>*:last-child{margin-bottom:0}.accordion__arrow{display:inline-block;position:relative;width:24px;height:12px;position:absolute;top:50%;right:0;margin-top:-6px}.accordion__arrow:after,.accordion__arrow:before{display:block;position:absolute;top:50%;width:10px;height:2px;background-color:currentColor;content:""}.accordion__arrow:before{left:4px;transform:rotate(45deg)}[aria-expanded=true] .accordion__arrow:before,[aria-selected=true] .accordion__arrow:before{transform:rotate(-45deg)}.accordion__arrow:after{right:4px;transform:rotate(-45deg)}[aria-expanded=true] .accordion__arrow:after,[aria-selected=true] .accordion__arrow:after{transform:rotate(45deg)}.accordion__arrow:before,.accordion__arrow:after{transition:transform .25s ease,-webkit-transform .25s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes move-down{0%{transform:translateY(0)}10%{transform:translateY(0)}20%{transform:translateY(5px)}30%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes move-up{0%{transform:translateY(0)}10%{transform:translateY(0)}20%{transform:translateY(-5px)}30%{transform:translateY(0)}to{transform:translateY(0)}}.accordion__title--animated:hover .accordion__arrow{animation-name:move-down;animation-duration:1.5s}.accordion__title--animated[aria-expanded=true]:hover .accordion__arrow{animation-name:move-up;animation-duration:1.5s}