.exampleContent .ekd-backend-ctype-accordion dl,.element-preview .ekd-backend-ctype-accordion dl{width:100%}.exampleContent .ekd-backend-ctype-accordion dl input[type="checkbox"],.element-preview .ekd-backend-ctype-accordion dl input[type="checkbox"]{position:absolute;opacity:0}.exampleContent .ekd-backend-ctype-accordion dl input[type="checkbox"]:checked+dt .active,.element-preview .ekd-backend-ctype-accordion dl input[type="checkbox"]:checked+dt .active{display:inline-block}.exampleContent .ekd-backend-ctype-accordion dl input[type="checkbox"]:checked+dt .inactive,.element-preview .ekd-backend-ctype-accordion dl input[type="checkbox"]:checked+dt .inactive{display:none}.exampleContent .ekd-backend-ctype-accordion dl input[type="checkbox"]:checked+dt+dd,.element-preview .ekd-backend-ctype-accordion dl input[type="checkbox"]:checked+dt+dd{display:flex}.exampleContent .ekd-backend-ctype-accordion dl dt,.element-preview .ekd-backend-ctype-accordion dl dt{border:1px solid #333;border-top:none;white-space:nowrap}.exampleContent .ekd-backend-ctype-accordion dl dt:first-of-type,.element-preview .ekd-backend-ctype-accordion dl dt:first-of-type{border-top:1px solid #333}.exampleContent .ekd-backend-ctype-accordion dl dt .active,.element-preview .ekd-backend-ctype-accordion dl dt .active{display:none}.exampleContent .ekd-backend-ctype-accordion dl dt label,.element-preview .ekd-backend-ctype-accordion dl dt label{margin:0;padding:1rem;width:100%}.exampleContent .ekd-backend-ctype-accordion dl dd,.element-preview .ekd-backend-ctype-accordion dl dd{border:1px solid #333;border-top:none;padding:1rem 0.5rem;width:100%;display:none;margin:0;flex-direction:row;flex-wrap:nowrap}.exampleContent .ekd-backend-ctype-accordion dl dd figure,.element-preview .ekd-backend-ctype-accordion dl dd figure{width:33%;padding:0 0.5rem}.exampleContent .ekd-backend-ctype-accordion dl dd figure+div,.element-preview .ekd-backend-ctype-accordion dl dd figure+div{width:66%;padding:0 0.5rem}.exampleContent .ekd-backend-ctype-accordion dl dd.image-right,.element-preview .ekd-backend-ctype-accordion dl dd.image-right{flex-direction:row-reverse}.exampleContent .ekd-backend-ctype-accordion svg,.element-preview .ekd-backend-ctype-accordion svg{width:20px}.exampleContent .ekd-backend-ctype-tabs dl,.element-preview .ekd-backend-ctype-tabs dl{width:100%;position:relative;padding-top:40px}.exampleContent .ekd-backend-ctype-tabs dl input[type="radio"],.element-preview .ekd-backend-ctype-tabs dl input[type="radio"]{position:absolute;opacity:0}.exampleContent .ekd-backend-ctype-tabs dl input[type="radio"]:checked+dt,.element-preview .ekd-backend-ctype-tabs dl input[type="radio"]:checked+dt{background-color:rgba(0,0,0,0)}.exampleContent .ekd-backend-ctype-tabs dl input[type="radio"]:checked+dt .active,.element-preview .ekd-backend-ctype-tabs dl input[type="radio"]:checked+dt .active{display:inline-block}.exampleContent .ekd-backend-ctype-tabs dl input[type="radio"]:checked+dt .inactive,.element-preview .ekd-backend-ctype-tabs dl input[type="radio"]:checked+dt .inactive{display:none}.exampleContent .ekd-backend-ctype-tabs dl input[type="radio"]:checked+dt+dd,.element-preview .ekd-backend-ctype-tabs dl input[type="radio"]:checked+dt+dd{display:flex}.exampleContent .ekd-backend-ctype-tabs dl dt,.element-preview .ekd-backend-ctype-tabs dl dt{background-color:rgba(0,0,0,0.2);position:absolute;border:1px solid #333;width:100px;overflow:hidden;top:0;left:-1000px;white-space:nowrap}.exampleContent .ekd-backend-ctype-tabs dl dt:nth-of-type(1),.element-preview .ekd-backend-ctype-tabs dl dt:nth-of-type(1){left:0}.exampleContent .ekd-backend-ctype-tabs dl dt:nth-of-type(2),.element-preview .ekd-backend-ctype-tabs dl dt:nth-of-type(2){left:calc(100px * 1)}.exampleContent .ekd-backend-ctype-tabs dl dt:nth-of-type(3),.element-preview .ekd-backend-ctype-tabs dl dt:nth-of-type(3){left:calc(100px * 2)}.exampleContent .ekd-backend-ctype-tabs dl dt:nth-of-type(4),.element-preview .ekd-backend-ctype-tabs dl dt:nth-of-type(4){left:calc(100px * 3)}.exampleContent .ekd-backend-ctype-tabs dl dt:nth-of-type(5),.element-preview .ekd-backend-ctype-tabs dl dt:nth-of-type(5){left:calc(100px * 4)}.exampleContent .ekd-backend-ctype-tabs dl dt:nth-of-type(6),.element-preview .ekd-backend-ctype-tabs dl dt:nth-of-type(6){left:calc(100px * 5)}.exampleContent .ekd-backend-ctype-tabs dl dt:nth-of-type(7),.element-preview .ekd-backend-ctype-tabs dl dt:nth-of-type(7){left:calc(100px * 6)}.exampleContent .ekd-backend-ctype-tabs dl dt:nth-of-type(8),.element-preview .ekd-backend-ctype-tabs dl dt:nth-of-type(8){left:calc(100px * 7)}.exampleContent .ekd-backend-ctype-tabs dl dt:nth-of-type(9),.element-preview .ekd-backend-ctype-tabs dl dt:nth-of-type(9){left:calc(100px * 8)}.exampleContent .ekd-backend-ctype-tabs dl dt .active,.element-preview .ekd-backend-ctype-tabs dl dt .active{display:none}.exampleContent .ekd-backend-ctype-tabs dl dt label,.element-preview .ekd-backend-ctype-tabs dl dt label{padding:0.5rem;margin:0;width:100%}.exampleContent .ekd-backend-ctype-tabs dl dd,.element-preview .ekd-backend-ctype-tabs dl dd{border:1px solid #333;flex-direction:row;padding:1rem 0.5rem;width:100%;display:none;margin:0;flex-wrap:nowrap}.exampleContent .ekd-backend-ctype-tabs dl dd div,.element-preview .ekd-backend-ctype-tabs dl dd div{width:66%}.exampleContent .ekd-backend-ctype-tabs dl dd figure,.element-preview .ekd-backend-ctype-tabs dl dd figure{width:33%;padding:0 0.5rem}.exampleContent .ekd-backend-ctype-tabs dl dd figure+div,.element-preview .ekd-backend-ctype-tabs dl dd figure+div{width:66%;padding:0 0.5rem}.exampleContent .ekd-backend-ctype-tabs dl dd.image-right,.element-preview .ekd-backend-ctype-tabs dl dd.image-right{flex-direction:row-reverse}