:root {--8p: 8px;--16p: 16px;--20p: 20px;--24p: 24px;--32p: 32px;--48p: 48px;--64p: 64px;--96p: 96px;--white: rgba(255, 255, 255, 1);--white-30p: rgba(255, 255, 255, 0.3);--red: rgba(232, 34, 59, 1);--dark-red: #A20D20;--blue: rgba(20, 58, 97, 1);--mid-blue: #7CB0E4;--light-blue: #DDEBF8;--dark-blue: #0C243B;--gray: rgba(71, 84, 103, 1);--gray2: #98A2B3;--light-gray: #F2F4F7;--dark: #101828;--green: #079455;--transperent: rgba(0, 0, 0, 0);--grid-4: repeat(4,1fr);--grid-3: repeat(3,1fr);--grid-2: repeat(2,1fr);--border-line: #EAECF0;--border-line-2: #D0D5DD;}