@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;600&family=Open+Sans:wght@300;400;700&display=swap");[data-theme="metacon"]{--font-primary:         'Poppins', arial, sans-serif;--font-secondary:       'Open Sans', arial, sans-serif;--primary-1: hsl(200, 94%, 10%);--primary-2: hsl(200, 94%, 20%);--primary-3: hsl(200, 94%, 30%);--primary-4: hsl(200, 94%, 40%);--primary-5: hsl(200, 94%, 50%);--primary-6: hsl(200, 94%, 60%);--primary-7: hsl(200, 94%, 70%);--primary-8: hsl(200, 94%, 80%);--primary-9: hsl(200, 94%, 90%);--primary-10: hsl(200, 94%, 100%);--gray-1: hsl(0, 0%, 5%);--gray-2: hsl(0, 0%, 10%);--gray-3: hsl(0, 0%, 15%);--gray-4: hsl(0, 0%, 20%);--gray-5: hsl(0, 0%, 25%);--gray-6: hsl(0, 0%, 30%);--gray-7: hsl(0, 0%, 35%);--gray-8: hsl(0, 0%, 40%);--gray-9: hsl(0, 0%, 45%);--gray-10: hsl(0, 0%, 50%);--gray-11: hsl(0, 0%, 55%);--gray-12: hsl(0, 0%, 60%);--gray-13: hsl(0, 0%, 65%);--gray-14: hsl(0, 0%, 70%);--gray-15: hsl(0, 0%, 75%);--gray-16: hsl(0, 0%, 80%);--gray-17: hsl(0, 0%, 85%);--gray-18: hsl(0, 0%, 90%);--gray-19: hsl(0, 0%, 95%);--gray-20: hsl(0, 0%, 100%);background-color:var(--gray-19)}[data-theme="metacon"] app{width:100%}[data-theme="metacon"] main{width:100vw}[data-theme="metacon"] .pf-container{max-width:100% !important;width:100% !important;padding:0 32px}[data-theme="metacon"] .pf-c-titlebox{width:calc(100% + 64px);min-height:auto;padding:16px 32px;margin:-27px -32px 30px;background-color:var(--primary-4);border-radius:0;box-shadow:none;color:var(--color-white) !important}[data-theme="metacon"] .pf-c-titlebox .pf-o-title{font-size:2rem;color:var(--color-white) !important}[data-theme="metacon"] .pf-c-titlebox p{font-size:1.1rem}[data-theme="metacon"] .pf-c-titlebox .pf-o-btn-primary{background-color:var(--gray-20);color:var(--primary-2);padding:10px}[data-theme="metacon"] .pf-c-titlebox .pf-o-btn-primary:hover{background-color:var(--gray-19)}[data-theme="metacon"] .pf-c-navmenu,[data-theme="metacon"] .pf-c-cardlist,[data-theme="metacon"] .pf-c-itemlist{height:calc(100vh - 240px)}@media (min-width: 1199px){[data-theme="metacon"] .pf-c-navmenu,[data-theme="metacon"] .pf-c-cardlist,[data-theme="metacon"] .pf-c-itemlist{height:calc(100vh - 180px)}}[data-theme="metacon"] .pf-o-navtabs+.pf-c-navmenu,[data-theme="metacon"] .pf-o-navtabs+.pf-c-cardlist,[data-theme="metacon"] .pf-o-navtabs+.pf-c-itemlist,[data-theme="metacon"] .pf-o-navtabs+.pf-c-proplist,[data-theme="metacon"] .pf-o-navtabs+.pf-c-viewer{height:calc(100vh - 270px)}@media (min-width: 1199px){[data-theme="metacon"] .pf-o-navtabs+.pf-c-navmenu,[data-theme="metacon"] .pf-o-navtabs+.pf-c-cardlist,[data-theme="metacon"] .pf-o-navtabs+.pf-c-itemlist,[data-theme="metacon"] .pf-o-navtabs+.pf-c-proplist,[data-theme="metacon"] .pf-o-navtabs+.pf-c-viewer{height:calc(100vh - 210px)}}[data-theme="metacon"] .pf-o-title{font-weight:700}[data-theme="metacon"] .pf-o-grouptitle{top:-14px;left:18px;padding:4px 8px;border-radius:4px;background-color:var(--gray-19);font-size:1rem}[data-theme="metacon"] .pf-o-btn-primary{background-color:var(--primary-4);border-bottom:0 !important;font-weight:700}[data-theme="metacon"] .pf-o-btn-primary:hover{background-color:var(--primary-3)}[data-theme="metacon"] .pf-o-btn-secondary{border-bottom:0 !important}[data-theme="metacon"] .pf-o-navtabs{font-family:var(--font-primary);font-size:1.2rem}[data-theme="metacon"] .pf-o-navtabs .nav-link{opacity:1}[data-theme="metacon"] .pf-o-navtabs .nav-link.active{background-color:var(--color-white);font-weight:700;border-radius:4px 4px 0 0}[data-theme="metacon"] .pf-o-card,[data-theme="metacon"] .pf-o-item{background-color:var(--gray-19);border:1px solid var(--gray-19) !important;box-shadow:none !important}[data-theme="metacon"] .pf-o-input:checked::before{background-color:var(--primary-4);border-color:var(--primary-4)}[data-theme="metacon"] .pf-o-card__icon{background-color:var(--primary-4)}

[data-theme="metacon"] .pf-o-input[type=radio]::before, .pf-o-input[type=checkbox]::before {
    border: 1px solid var(--gray-15);
}

[data-theme="metacon"].pf-o-input[type=text]:focus, .pf-o-input[type=date]:focus {
    border-color: var(--gray-12);
    box-shadow: 0 0 3px 2px var(--gray-16);
    border-radius: 0;
}

[data-theme="metacon"] .pf-o-notification.pf-o-notification--topmost {
    max-height: fit-content;
}