:root{--dynaui-color-header-border:46px;--dynaui-color-header-radius:0;}.color-header{padding:0;margin:0 0 calc(var(--dynaui-color-header-border) / 2);width:100%;border-radius:var(--dynaui-color-header-radius);}.color-header > div{margin:0 auto;position:relative;background-color:inherit;border-radius:var(--dynaui-color-header-radius);}.color-header > div::before{content:'';top:calc(var(--dynaui-color-header-border) / 2);left:calc(var(--dynaui-color-header-border) / 2);border:solid var(--dynaui-color-header-border) var(--dynaui-bg);width:calc(100% - calc(var(--dynaui-color-header-border) * 3));height:calc(100% - calc(var(--dynaui-color-header-border) * 3));position:absolute;z-index:1;border-radius:calc(var(--dynaui-color-header-radius) * 0.7);}.color-header > div > div{position:absolute;background-color:inherit;bottom:calc(var(--dynaui-color-header-border) / 2);left:calc(var(--dynaui-color-header-border) / 2);color:var(--dynaui-bg);font-weight:400;text-transform:uppercase;padding:calc(var(--dynaui-color-header-border) / 2.5) calc(var(--dynaui-color-header-border) / 2) 0 0;margin:0;z-index:2;}.color-header > div > div h1,.color-header > div > div h2,.color-header > div > div h3,.color-header > div > div h4{line-height:calc(var(--dynaui-color-header-border) * 1.05);font-size:var(--dynaui-color-header-border);margin:0;display:block;}