:root{--ddl-accordion-spacer:50px;--ddl-accordion-toggle-text-color:#ffffff;--ddl-accordion-toggle-bg:#000000;--ddl-accordion-content-text-color:inherit;--ddl-accord-content-bg:#eeeeee}.ddl-accordion{padding:var(--ddl-accordion-spacer) 0;width:100%}.ddl-accordion-section{max-width:1200px;margin:0 auto;margin-bottom:10px}.ddl-accordion-toggle{padding:20px 60px 20px 20px;background:var(--ddl-accordion-toggle-bg);position:relative;cursor:pointer;width:100%;text-align:left;border:none;font-family:inherit}html .ddl-accordion-toggle p{margin:0;color:var(--ddl-accordion-toggle-text-color)}.ddl-accordion-toggle svg{position:absolute;right:20px;transition:0.5s;width:21px;fill:var(--ddl-accordion-toggle-text-color);top:calc(50% - 10px)}.ddl-accordion-open .ddl-accordion-toggle svg{transform:rotate(180deg)}.ddl-accordion-content{display:block;flex-wrap:wrap;background-color:var(--ddl-accord-content-bg);color:var(--ddl-accordion-content-text-color);max-height:0;overflow:hidden;transition:0.5s;padding:0 20px;width:100%;box-sizing:border-box;text-align:left}.ddl-accordion-open .ddl-accordion-content{padding:20px}.ddl-accordion-content :first-child{margin-top:0}.ddl-accordion-content :last-child{margin-bottom:0}