import{Hd as s,Wb as n,Xb as t,tc as e,yb as i}from"./chunk-AQ27DSQO.js";import"./chunk-EQDQRRRY.js";var d=class m{static \u0275fac=function(o){return new(o||m)};static \u0275cmp=i({type:m,selectors:[["app-custom-css"]],decls:19,vars:0,consts:[[1,"card"],[1,"card-header","px-0","mx-3"],[1,"row","g-3","align-items-center"],[1,"col-md-6","col-sm-4"],[1,"card-body"],[1,"mb-3"],[1,"bg-dark","text-gray-5"],[1,"language-markup","mb-0"],[1,"d-flex","align-items-center","justify-content-end","border-top","mt-3","pt-3"],["type","button",1,"btn","btn-outline-light","border","me-3"],["type","submit",1,"btn","btn-primary"]],template:function(o,a){o&1&&(n(0,"div",0)(1,"div",1)(2,"div",2)(3,"div",3)(4,"h4"),e(5,"Custom CSS"),t()()()(),n(6,"div",4)(7,"h5",5),e(8,"Write Custom CSS"),t(),n(9,"div",6)(10,"pre",7)(11,"code",7),e(12,`
.section-header {
margin-bottom: 50px;
}
.section-header h2{
font-size: 36px;
font-weight: 700;
color: #0A0A0A;
margin-bottom: 14px;
}
.section-header h5 {
font-size: 18px;
color: #680A83;
font-weight: 600;
text-align: center;
margin-bottom: 8px;
}
`),t(),e(13,`
`),t()(),n(14,"div",8)(15,"button",9),e(16,"Cancel"),t(),n(17,"button",10),e(18,"Save"),t()()()())},dependencies:[s],encapsulation:2})};export{d as CustomCssComponent};