@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
:root {
    --soft-rgb-first: 17,135,238;
    --soft-rgb-first-text: 255,255,255;
    --soft-rgb-first-white-5: 28,141,238;
    --soft-rgb-first-white-10: 40,147,239;
    --soft-rgb-first-white-15: 52,153,240;
    --soft-rgb-first-white-20: 64,159,241;
    --soft-rgb-first-white-25: 76,165,242;
    --soft-rgb-first-white-30: 88,171,243;
    --soft-rgb-first-white-35: 100,177,243;
    --soft-rgb-first-white-40: 112,183,244;
    --soft-rgb-first-white-45: 124,189,245;
    --soft-rgb-first-white-50: 136,195,246;
    --soft-rgb-first-white-55: 147,201,247;
    --soft-rgb-first-white-60: 159,207,248;
    --soft-rgb-first-white-65: 171,213,249;
    --soft-rgb-first-white-70: 183,219,249;
    --soft-rgb-first-white-75: 195,225,250;
    --soft-rgb-first-white-80: 207,231,251;
    --soft-rgb-first-white-85: 219,237,252;
    --soft-rgb-first-white-90: 231,243,253;
    --soft-rgb-first-white-95: 243,249,254;
    --soft-rgb-first-black-5: 16,128,226;
    --soft-rgb-first-black-10: 15,121,214;
    --soft-rgb-first-black-15: 14,114,202;
    --soft-rgb-first-black-20: 13,108,190;
    --soft-rgb-first-black-25: 12,101,178;
    --soft-rgb-first-black-30: 11,94,166;
    --soft-rgb-first-black-35: 11,87,154;
    --soft-rgb-first-black-40: 10,81,142;
    --soft-rgb-first-black-45: 9,74,130;
    --soft-rgb-first-black-50: 8,67,119;
    --soft-rgb-first-black-55: 7,60,107;
    --soft-rgb-first-black-60: 6,54,95;
    --soft-rgb-first-black-65: 5,47,83;
    --soft-rgb-first-black-70: 5,40,71;
    --soft-rgb-first-black-75: 4,33,59;
    --soft-rgb-first-black-80: 3,26,47;
    --soft-rgb-first-black-85: 2,20,35;
    --soft-rgb-first-black-90: 1,13,23;
    --soft-rgb-first-black-95: 0,6,11;
}
:root {
    --soft-rgb-second: 235,71,71;
    --soft-rgb-second-text: 255,255,255;
    --soft-rgb-second-white-5: 236,80,80;
    --soft-rgb-second-white-10: 237,89,89;
    --soft-rgb-second-white-15: 238,98,98;
    --soft-rgb-second-white-20: 239,107,107;
    --soft-rgb-second-white-25: 240,117,117;
    --soft-rgb-second-white-30: 241,126,126;
    --soft-rgb-second-white-35: 242,135,135;
    --soft-rgb-second-white-40: 243,144,144;
    --soft-rgb-second-white-45: 244,153,153;
    --soft-rgb-second-white-50: 245,163,163;
    --soft-rgb-second-white-55: 246,172,172;
    --soft-rgb-second-white-60: 247,181,181;
    --soft-rgb-second-white-65: 248,190,190;
    --soft-rgb-second-white-70: 249,199,199;
    --soft-rgb-second-white-75: 250,209,209;
    --soft-rgb-second-white-80: 251,218,218;
    --soft-rgb-second-white-85: 252,227,227;
    --soft-rgb-second-white-90: 253,236,236;
    --soft-rgb-second-white-95: 254,245,245;
    --soft-rgb-second-black-5: 223,67,67;
    --soft-rgb-second-black-10: 211,63,63;
    --soft-rgb-second-black-15: 199,60,60;
    --soft-rgb-second-black-20: 188,56,56;
    --soft-rgb-second-black-25: 176,53,53;
    --soft-rgb-second-black-30: 164,49,49;
    --soft-rgb-second-black-35: 152,46,46;
    --soft-rgb-second-black-40: 141,42,42;
    --soft-rgb-second-black-45: 129,39,39;
    --soft-rgb-second-black-50: 117,35,35;
    --soft-rgb-second-black-55: 105,31,31;
    --soft-rgb-second-black-60: 94,28,28;
    --soft-rgb-second-black-65: 82,24,24;
    --soft-rgb-second-black-70: 70,21,21;
    --soft-rgb-second-black-75: 58,17,17;
    --soft-rgb-second-black-80: 46,14,14;
    --soft-rgb-second-black-85: 35,10,10;
    --soft-rgb-second-black-90: 23,7,7;
    --soft-rgb-second-black-95: 11,3,3;
}
:root {
    --soft-rgb-grey: 117,142,163;
    --soft-rgb-grey-text: 255,255,255;
    --soft-rgb-grey-white-5: 123,147,167;
    --soft-rgb-grey-white-10: 130,153,172;
    --soft-rgb-grey-white-15: 137,158,176;
    --soft-rgb-grey-white-20: 144,164,181;
    --soft-rgb-grey-white-25: 151,170,186;
    --soft-rgb-grey-white-30: 158,175,190;
    --soft-rgb-grey-white-35: 165,181,195;
    --soft-rgb-grey-white-40: 172,187,199;
    --soft-rgb-grey-white-45: 179,192,204;
    --soft-rgb-grey-white-50: 186,198,209;
    --soft-rgb-grey-white-55: 192,204,213;
    --soft-rgb-grey-white-60: 199,209,218;
    --soft-rgb-grey-white-65: 206,215,222;
    --soft-rgb-grey-white-70: 213,221,227;
    --soft-rgb-grey-white-75: 220,226,232;
    --soft-rgb-grey-white-80: 227,232,236;
    --soft-rgb-grey-white-85: 234,238,241;
    --soft-rgb-grey-white-90: 241,243,245;
    --soft-rgb-grey-white-95: 248,249,250;
    --soft-rgb-grey-black-5: 111,134,154;
    --soft-rgb-grey-black-10: 105,127,146;
    --soft-rgb-grey-black-15: 99,120,138;
    --soft-rgb-grey-black-20: 93,113,130;
    --soft-rgb-grey-black-25: 87,106,122;
    --soft-rgb-grey-black-30: 81,99,114;
    --soft-rgb-grey-black-35: 76,92,105;
    --soft-rgb-grey-black-40: 70,85,97;
    --soft-rgb-grey-black-45: 64,78,89;
    --soft-rgb-grey-black-50: 58,71,81;
    --soft-rgb-grey-black-55: 52,63,73;
    --soft-rgb-grey-black-60: 46,56,65;
    --soft-rgb-grey-black-65: 40,49,57;
    --soft-rgb-grey-black-70: 35,42,48;
    --soft-rgb-grey-black-75: 29,35,40;
    --soft-rgb-grey-black-80: 23,28,32;
    --soft-rgb-grey-black-85: 17,21,24;
    --soft-rgb-grey-black-90: 11,14,16;
    --soft-rgb-grey-black-95: 5,7,8;
}
:root {
    --soft-rgb-success: 19,149,39;
    --soft-rgb-success-text: 255,255,255;
    --soft-rgb-success-white-5: 30,154,49;
    --soft-rgb-success-white-10: 42,159,60;
    --soft-rgb-success-white-15: 54,164,71;
    --soft-rgb-success-white-20: 66,170,82;
    --soft-rgb-success-white-25: 78,175,93;
    --soft-rgb-success-white-30: 89,180,103;
    --soft-rgb-success-white-35: 101,186,114;
    --soft-rgb-success-white-40: 113,191,125;
    --soft-rgb-success-white-45: 125,196,136;
    --soft-rgb-success-white-50: 137,202,147;
    --soft-rgb-success-white-55: 148,207,157;
    --soft-rgb-success-white-60: 160,212,168;
    --soft-rgb-success-white-65: 172,217,179;
    --soft-rgb-success-white-70: 184,223,190;
    --soft-rgb-success-white-75: 196,228,201;
    --soft-rgb-success-white-80: 207,233,211;
    --soft-rgb-success-white-85: 219,239,222;
    --soft-rgb-success-white-90: 231,244,233;
    --soft-rgb-success-white-95: 243,249,244;
    --soft-rgb-success-black-5: 18,141,37;
    --soft-rgb-success-black-10: 17,134,35;
    --soft-rgb-success-black-15: 16,126,33;
    --soft-rgb-success-black-20: 15,119,31;
    --soft-rgb-success-black-25: 14,111,29;
    --soft-rgb-success-black-30: 13,104,27;
    --soft-rgb-success-black-35: 12,96,25;
    --soft-rgb-success-black-40: 11,89,23;
    --soft-rgb-success-black-45: 10,81,21;
    --soft-rgb-success-black-50: 9,74,19;
    --soft-rgb-success-black-55: 8,67,17;
    --soft-rgb-success-black-60: 7,59,15;
    --soft-rgb-success-black-65: 6,52,13;
    --soft-rgb-success-black-70: 5,44,11;
    --soft-rgb-success-black-75: 4,37,9;
    --soft-rgb-success-black-80: 3,29,7;
    --soft-rgb-success-black-85: 2,22,5;
    --soft-rgb-success-black-90: 1,14,3;
    --soft-rgb-success-black-95: 0,7,1;
}
:root {
    --soft-rgb-error: 235,71,71;
    --soft-rgb-error-text: 255,255,255;
    --soft-rgb-error-white-5: 236,80,80;
    --soft-rgb-error-white-10: 237,89,89;
    --soft-rgb-error-white-15: 238,98,98;
    --soft-rgb-error-white-20: 239,107,107;
    --soft-rgb-error-white-25: 240,117,117;
    --soft-rgb-error-white-30: 241,126,126;
    --soft-rgb-error-white-35: 242,135,135;
    --soft-rgb-error-white-40: 243,144,144;
    --soft-rgb-error-white-45: 244,153,153;
    --soft-rgb-error-white-50: 245,163,163;
    --soft-rgb-error-white-55: 246,172,172;
    --soft-rgb-error-white-60: 247,181,181;
    --soft-rgb-error-white-65: 248,190,190;
    --soft-rgb-error-white-70: 249,199,199;
    --soft-rgb-error-white-75: 250,209,209;
    --soft-rgb-error-white-80: 251,218,218;
    --soft-rgb-error-white-85: 252,227,227;
    --soft-rgb-error-white-90: 253,236,236;
    --soft-rgb-error-white-95: 254,245,245;
    --soft-rgb-error-black-5: 223,67,67;
    --soft-rgb-error-black-10: 211,63,63;
    --soft-rgb-error-black-15: 199,60,60;
    --soft-rgb-error-black-20: 188,56,56;
    --soft-rgb-error-black-25: 176,53,53;
    --soft-rgb-error-black-30: 164,49,49;
    --soft-rgb-error-black-35: 152,46,46;
    --soft-rgb-error-black-40: 141,42,42;
    --soft-rgb-error-black-45: 129,39,39;
    --soft-rgb-error-black-50: 117,35,35;
    --soft-rgb-error-black-55: 105,31,31;
    --soft-rgb-error-black-60: 94,28,28;
    --soft-rgb-error-black-65: 82,24,24;
    --soft-rgb-error-black-70: 70,21,21;
    --soft-rgb-error-black-75: 58,17,17;
    --soft-rgb-error-black-80: 46,14,14;
    --soft-rgb-error-black-85: 35,10,10;
    --soft-rgb-error-black-90: 23,7,7;
    --soft-rgb-error-black-95: 11,3,3;
}
:root {
    --soft-font-family-base: 'Roboto Flex', sans-serif;
    --soft-font-family-title: 'Mulish', sans-serif;
    --soft-font-weight-thin: 200;
    --soft-font-weight-light: 300;
    --soft-font-weight-regular: 400;
    --soft-font-weight-medium: 500;
    --soft-font-weight-semibold: 600;
    --soft-font-weight-bold: 700;
    --soft-font-weight-extrabold: 800;
    --soft-font-weight-black: 900;
}
@media (max-width: 767px) {
:root {
    --soft-font-size-tiny: 10px;
    --soft-font-size-micro: 11px;
    --soft-font-size-small: 13px;
    --soft-font-size-base: 14px;
    --soft-font-size-large: 17px;
    --soft-font-size-extra: 20px;
    --soft-font-size-huge: 22px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
:root {
    --soft-font-size-tiny: 10px;
    --soft-font-size-micro: 11px;
    --soft-font-size-small: 13px;
    --soft-font-size-base: 15px;
    --soft-font-size-large: 18px;
    --soft-font-size-extra: 21px;
    --soft-font-size-huge: 23px;
}
}
@media (min-width: 1200px) {
:root {
    --soft-font-size-tiny: 10px;
    --soft-font-size-micro: 12px;
    --soft-font-size-small: 14px;
    --soft-font-size-base: 16px;
    --soft-font-size-large: 19px;
    --soft-font-size-extra: 22px;
    --soft-font-size-huge: 24px;
}
}
:root {
    --soft-container-max-width: 1600px;
    --soft-rounded-radius: 12px;
}
@media (max-width: 767px) {
:root {
    --soft-container-padding: 16px;
    --soft-grid-gap: 32px;
    --soft-grid-item-gap: 20px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
:root {
    --soft-container-padding: 24px;
    --soft-grid-gap: 40px;
    --soft-grid-item-gap: 24px;
}
}
@media (min-width: 1200px) {
:root {
    --soft-container-padding: 40px;
    --soft-grid-gap: 64px;
    --soft-grid-item-gap: 32px;
}
}
:root {
    --soft-control-micro-height: 28px;
    --soft-control-small-height: 32px;
    --soft-control-height: 40px;
    --soft-control-large-height: 48px;
    --soft-control-extra-height: 52px;
    --soft-control-micro-border-radius: 4.5px;
    --soft-control-small-border-radius: 5.25px;
    --soft-control-border-radius: 6px;
    --soft-control-large-border-radius: 7.5px;
    --soft-control-extra-border-radius: 9px;
    --soft-control-border-width: 1px;
}