.brandKit .contentWrapper{margin:auto;min-height:80vh}.brandKit .header{display:flex;margin-top:3em;align-items:center;flex-direction:column;justify-content:center}.brandKit .header .headerGroup{padding:5px;width:fit-content;position:relative}.brandKit .header .headerGroup .title{margin:0;z-index:2;color:var(--background);position:relative}@media(max-width:480px){.brandKit .header .headerGroup .title{font-size:1.8rem}}.brandKit .header .headerGroup .headerBg{top:0;left:0;z-index:1;content:"";width:100%;height:100%;opacity:1;border-radius:5px;position:absolute;background:var(--primary)}.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines{margin-top:40px}:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) h2{font-size:2rem;color:var(--text);margin-bottom:20px}@media(max-width:480px){:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) h2{font-size:1.5rem}}:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoVariations,:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoWithText{display:flex;flex-wrap:wrap;justify-content:space-between}:is(:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoVariations,:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoWithText).fewItems{justify-content:flex-start}:is(:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoVariations,:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoWithText).fewItems .logoItem{flex:1 1 30%;margin-right:5%}:is(:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoVariations,:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoWithText) .logoItem{flex:1 1 30%;margin-bottom:20px;text-align:center}@media(max-width:1024px){:is(:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoVariations,:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoWithText) .logoItem{flex:1 1 45%}}@media(max-width:768px){:is(:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoVariations,:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoWithText) .logoItem{flex:1 1 100%;margin-bottom:15px}}:is(:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoVariations,:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoWithText) .logoItem h3{font-size:1.2rem;color:var(--primary);margin-bottom:10px}@media(max-width:480px){:is(:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoVariations,:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoWithText) .logoItem h3{font-size:1rem}}:is(:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoVariations,:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoWithText) .logoItem .logoPlaceholder{width:100%;height:150px;display:flex;font-size:1rem;color:var(--background);align-items:center;justify-content:center;border:2px dashed var(--primary)}:is(:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoVariations,:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoWithText) .logoItem .logoPlaceholder.black{background-color:var(--text)}:is(:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoVariations,:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoWithText) .logoItem .logoPlaceholder img{max-width:90%;max-height:80%}@media(max-width:480px){:is(:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoVariations,:is(.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines) .logoWithText) .logoItem .logoPlaceholder{height:120px;font-size:.9rem}}.brandKit .colorPalette .colorBlock{display:flex;justify-content:space-between}@media(max-width:768px){.brandKit .colorPalette .colorBlock{flex-direction:column}}.brandKit .colorPalette .colorBlock .colorItem{flex:1;padding:20px;margin-right:10px;text-align:center;font-weight:700;border-radius:5px;color:var(--text)}.brandKit .colorPalette .colorBlock .colorItem:last-child{margin-right:0}@media(max-width:1024px){.brandKit .colorPalette .colorBlock .colorItem{margin-right:5px}}@media(max-width:768px){.brandKit .colorPalette .colorBlock .colorItem{margin-bottom:10px;margin-right:0}.brandKit .colorPalette .colorBlock .colorItem:last-child{margin-bottom:0}}.brandKit .colorPalette .colorBlock .colorItem.text{color:var(--background);background-color:var(--text)}.brandKit .colorPalette .colorBlock .colorItem.background{color:var(--text);border:1px solid var(--text);background-color:var(--background)}.brandKit .colorPalette .colorBlock .colorItem.primary{color:var(--background);background-color:var(--primary)}.brandKit .colorPalette .colorBlock .colorItem.secondary{color:var(--background);background-color:var(--secondary)}.brandKit .colorPalette .colorBlock .colorItem.accent{color:var(--text);background-color:var(--accent)}.brandKit .usageGuidelines ul{padding-left:20px}.brandKit .usageGuidelines ul li{font-size:1.2rem;color:var(--text);margin-bottom:10px}