.brandKit{width:100%;margin:auto;display:flex;padding:0 30px;max-width:1300px;min-height:100vh;height:fit-content;box-sizing:border-box;flex-direction:column;background-color:#0e110d}.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:#0e110d;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:#c0fc64}.brandKit .logoSection,.brandKit .colorPalette,.brandKit .typographySection,.brandKit .usageGuidelines{margin-top:40px}.brandKit .logoSection h2,.brandKit .colorPalette h2,.brandKit .typographySection h2,.brandKit .usageGuidelines h2{font-size:2rem;color:#eef2ee;margin-bottom:20px}@media (max-width: 480px){.brandKit .logoSection h2,.brandKit .colorPalette h2,.brandKit .typographySection h2,.brandKit .usageGuidelines h2{font-size:1.5rem}}.brandKit .logoSection .logoVariations,.brandKit .logoSection .logoWithText,.brandKit .colorPalette .logoVariations,.brandKit .colorPalette .logoWithText,.brandKit .typographySection .logoVariations,.brandKit .typographySection .logoWithText,.brandKit .usageGuidelines .logoVariations,.brandKit .usageGuidelines .logoWithText{display:flex;flex-wrap:wrap;justify-content:space-between}.brandKit .logoSection .logoVariations.fewItems,.brandKit .logoSection .logoWithText.fewItems,.brandKit .colorPalette .logoVariations.fewItems,.brandKit .colorPalette .logoWithText.fewItems,.brandKit .typographySection .logoVariations.fewItems,.brandKit .typographySection .logoWithText.fewItems,.brandKit .usageGuidelines .logoVariations.fewItems,.brandKit .usageGuidelines .logoWithText.fewItems{justify-content:flex-start}.brandKit .logoSection .logoVariations.fewItems .logoItem,.brandKit .logoSection .logoWithText.fewItems .logoItem,.brandKit .colorPalette .logoVariations.fewItems .logoItem,.brandKit .colorPalette .logoWithText.fewItems .logoItem,.brandKit .typographySection .logoVariations.fewItems .logoItem,.brandKit .typographySection .logoWithText.fewItems .logoItem,.brandKit .usageGuidelines .logoVariations.fewItems .logoItem,.brandKit .usageGuidelines .logoWithText.fewItems .logoItem{flex:1 1 30%;margin-right:5%}.brandKit .logoSection .logoVariations .logoItem,.brandKit .logoSection .logoWithText .logoItem,.brandKit .colorPalette .logoVariations .logoItem,.brandKit .colorPalette .logoWithText .logoItem,.brandKit .typographySection .logoVariations .logoItem,.brandKit .typographySection .logoWithText .logoItem,.brandKit .usageGuidelines .logoVariations .logoItem,.brandKit .usageGuidelines .logoWithText .logoItem{flex:1 1 30%;margin-bottom:20px;text-align:center}@media (max-width: 1024px){.brandKit .logoSection .logoVariations .logoItem,.brandKit .logoSection .logoWithText .logoItem,.brandKit .colorPalette .logoVariations .logoItem,.brandKit .colorPalette .logoWithText .logoItem,.brandKit .typographySection .logoVariations .logoItem,.brandKit .typographySection .logoWithText .logoItem,.brandKit .usageGuidelines .logoVariations .logoItem,.brandKit .usageGuidelines .logoWithText .logoItem{flex:1 1 45%}}@media (max-width: 768px){.brandKit .logoSection .logoVariations .logoItem,.brandKit .logoSection .logoWithText .logoItem,.brandKit .colorPalette .logoVariations .logoItem,.brandKit .colorPalette .logoWithText .logoItem,.brandKit .typographySection .logoVariations .logoItem,.brandKit .typographySection .logoWithText .logoItem,.brandKit .usageGuidelines .logoVariations .logoItem,.brandKit .usageGuidelines .logoWithText .logoItem{flex:1 1 100%;margin-bottom:15px}}.brandKit .logoSection .logoVariations .logoItem h3,.brandKit .logoSection .logoWithText .logoItem h3,.brandKit .colorPalette .logoVariations .logoItem h3,.brandKit .colorPalette .logoWithText .logoItem h3,.brandKit .typographySection .logoVariations .logoItem h3,.brandKit .typographySection .logoWithText .logoItem h3,.brandKit .usageGuidelines .logoVariations .logoItem h3,.brandKit .usageGuidelines .logoWithText .logoItem h3{font-size:1.2rem;color:#c0fc64;margin-bottom:10px}@media (max-width: 480px){.brandKit .logoSection .logoVariations .logoItem h3,.brandKit .logoSection .logoWithText .logoItem h3,.brandKit .colorPalette .logoVariations .logoItem h3,.brandKit .colorPalette .logoWithText .logoItem h3,.brandKit .typographySection .logoVariations .logoItem h3,.brandKit .typographySection .logoWithText .logoItem h3,.brandKit .usageGuidelines .logoVariations .logoItem h3,.brandKit .usageGuidelines .logoWithText .logoItem h3{font-size:1rem}}.brandKit .logoSection .logoVariations .logoItem .logoPlaceholder,.brandKit .logoSection .logoWithText .logoItem .logoPlaceholder,.brandKit .colorPalette .logoVariations .logoItem .logoPlaceholder,.brandKit .colorPalette .logoWithText .logoItem .logoPlaceholder,.brandKit .typographySection .logoVariations .logoItem .logoPlaceholder,.brandKit .typographySection .logoWithText .logoItem .logoPlaceholder,.brandKit .usageGuidelines .logoVariations .logoItem .logoPlaceholder,.brandKit .usageGuidelines .logoWithText .logoItem .logoPlaceholder{width:100%;height:150px;display:flex;font-size:1rem;color:#0e110d;align-items:center;justify-content:center;border:2px dashed #c0fc64}.brandKit .logoSection .logoVariations .logoItem .logoPlaceholder.black,.brandKit .logoSection .logoWithText .logoItem .logoPlaceholder.black,.brandKit .colorPalette .logoVariations .logoItem .logoPlaceholder.black,.brandKit .colorPalette .logoWithText .logoItem .logoPlaceholder.black,.brandKit .typographySection .logoVariations .logoItem .logoPlaceholder.black,.brandKit .typographySection .logoWithText .logoItem .logoPlaceholder.black,.brandKit .usageGuidelines .logoVariations .logoItem .logoPlaceholder.black,.brandKit .usageGuidelines .logoWithText .logoItem .logoPlaceholder.black{background-color:#eef2ee}.brandKit .logoSection .logoVariations .logoItem .logoPlaceholder img,.brandKit .logoSection .logoWithText .logoItem .logoPlaceholder img,.brandKit .colorPalette .logoVariations .logoItem .logoPlaceholder img,.brandKit .colorPalette .logoWithText .logoItem .logoPlaceholder img,.brandKit .typographySection .logoVariations .logoItem .logoPlaceholder img,.brandKit .typographySection .logoWithText .logoItem .logoPlaceholder img,.brandKit .usageGuidelines .logoVariations .logoItem .logoPlaceholder img,.brandKit .usageGuidelines .logoWithText .logoItem .logoPlaceholder img{max-width:90%;max-height:80%}@media (max-width: 480px){.brandKit .logoSection .logoVariations .logoItem .logoPlaceholder,.brandKit .logoSection .logoWithText .logoItem .logoPlaceholder,.brandKit .colorPalette .logoVariations .logoItem .logoPlaceholder,.brandKit .colorPalette .logoWithText .logoItem .logoPlaceholder,.brandKit .typographySection .logoVariations .logoItem .logoPlaceholder,.brandKit .typographySection .logoWithText .logoItem .logoPlaceholder,.brandKit .usageGuidelines .logoVariations .logoItem .logoPlaceholder,.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:#eef2ee}.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:#0e110d;background-color:#eef2ee}.brandKit .colorPalette .colorBlock .colorItem.background{color:#eef2ee;border:1px solid #eef2ee;background-color:#0e110d}.brandKit .colorPalette .colorBlock .colorItem.primary{color:#0e110d;background-color:#c0fc64}.brandKit .colorPalette .colorBlock .colorItem.secondary{color:#0e110d;background-color:#475457}.brandKit .colorPalette .colorBlock .colorItem.accent{color:#eef2ee;background-color:#8c93a1}.brandKit .usageGuidelines ul{padding-left:20px}.brandKit .usageGuidelines ul li{font-size:1.2rem;color:#eef2ee;margin-bottom:10px}