#components-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:20px}#components-wrapper>div{position:relative;box-sizing:border-box}@media only screen and (max-width: 1600px){#components-wrapper{grid-template-columns:1fr}#components-wrapper>div{width:100%}}#components-wrapper .btn-group{position:absolute;right:15px;top:5px}ul.directory-structure ul{margin:2px 0 0 20px}ul.directory-structure li:before{font-family:"Craft";font-size:16px;padding-right:5px}ul.directory-structure li.dir{font-weight:bold}ul.directory-structure li.dir:before{font-weight:normal;content:"folder"}ul.directory-structure li.file{display:flex;justify-content:start;align-items:center;gap:3px;padding:2px 0;font-weight:normal}ul.directory-structure li.file:before{content:"templates"}ul.directory-structure li.file>small{flex:1;text-align:right}ul.directory-structure.routes>li:after{content:"";display:table;clear:both}ul.directory-structure.routes>li .route{float:left;font-weight:normal}ul.directory-structure.routes>li .route:before{position:relative;top:1px;padding:0 5px 0 0;font-weight:normal;font-family:"Craft";font-size:10px;content:"routes"}ul.directory-structure.routes>li .template{float:right;color:#ccc;font-size:12px}ul.section-structure>li{padding-left:10px}ul.section-structure>li:after{content:"";display:table;clear:both}ul.section-structure>li>div{float:left;margin:0 10px 0 0}ul.section-structure>li>div:last-child{margin-right:0}ul.section-structure>li>div>table tr:last-child td{border-bottom:none}ul.directory-structure,ul.section-structure>li>div,ul.section-structure>li{padding:8px;border:1px solid #e0e5ea;border-radius:2px}ul.directory-structure,ul.section-structure>li>div{background:#f4f7fc}.add-sample-template{position:absolute;right:20px;top:10px}