.accordion{margin:auto}.accordion input{display:none!important}.box{position:relative;background:#fff;transition:all .15s ease-in-out;border:1px solid #ddd;margin:10px 0;border-radius:5px}.box::before{content:'';position:absolute;display:block;top:0;bottom:0;left:0;right:0;pointer-events:none}.box-title{width:calc(95% - 40px);line-height:40px;padding:0 20px;display:inline-block;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.box i{line-height:40px}.box-content{width:calc(100% - 40px);padding:30px 20px;font-size:11pt;color:rgba(0,0,0,.54);display:none}.box-close{position:absolute;height:100%;width:100%;top:0;left:0;cursor:pointer;display:none}input:checked+.box{height:auto;margin:16px 0;box-shadow:0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32)}input:checked+.box .box-title{border-bottom:1px solid rgba(0,0,0,.18)}input:checked+.box .box-close,input:checked+.box .box-content{display:inline-block}.arrows section .box-title{padding-left:25px;width:calc(95% - 64px)}