:root{--ccBlack: #1F2024;--ccWhite: #FFFFFF;--ccGray: #9C9999;--ccBrown: #926547;--ccBeige: #F1D9B2;--ccBlue: #334DFF;--ccPurple: #9966CC;--ccGreen: #35BA2B;--ccRed: #FC4829;--ccOrange: #F57D00;--ccYellow: #FDE90F}body .c-ccBlack{color:#1f2024}body .bgc-ccBlack{background-color:#1f2024}body .c-ccWhite{color:#fff}body .bgc-ccWhite{background-color:#fff}body .c-ccGray{color:#9c9999}body .bgc-ccGray{background-color:#9c9999}body .c-ccBrown{color:#926547}body .bgc-ccBrown{background-color:#926547}body .c-ccBeige{color:#f1d9b2}body .bgc-ccBeige{background-color:#f1d9b2}body .c-ccBlue{color:#334dff}body .bgc-ccBlue{background-color:#334dff}body .c-ccPurple{color:#96c}body .bgc-ccPurple{background-color:#96c}body .c-ccGreen{color:#35ba2b}body .bgc-ccGreen{background-color:#35ba2b}body .c-ccRed{color:#fc4829}body .bgc-ccRed{background-color:#fc4829}body .c-ccOrange{color:#f57d00}body .bgc-ccOrange{background-color:#f57d00}body .c-ccYellow{color:#fde90f}body .bgc-ccYellow{background-color:#fde90f}.car-color{display:inline-flex;position:relative;width:16px;aspect-ratio:1/1;border-radius:50%;border:1px solid var(--alphaBlack10);transform:rotate(-45deg);overflow:hidden}@media (min-width: 993px){.car-color{width:48px}}.car-color:after{display:block;width:100%;height:100%;position:absolute;z-index:1;background:linear-gradient(135deg,#fff0,#ffffff80 49.48%,#fff0);transform:rotate(45deg);content:""}.car-color>*{flex:1}