@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root {
    --soft-rgb-first: 16,65,145;
    --soft-rgb-first-text: 255,255,255;
    --soft-rgb-first-white-5: 27,74,150;
    --soft-rgb-first-white-10: 39,84,156;
    --soft-rgb-first-white-15: 51,93,161;
    --soft-rgb-first-white-20: 63,103,167;
    --soft-rgb-first-white-25: 75,112,172;
    --soft-rgb-first-white-30: 87,122,178;
    --soft-rgb-first-white-35: 99,131,183;
    --soft-rgb-first-white-40: 111,141,189;
    --soft-rgb-first-white-45: 123,150,194;
    --soft-rgb-first-white-50: 135,160,200;
    --soft-rgb-first-white-55: 147,169,205;
    --soft-rgb-first-white-60: 159,179,211;
    --soft-rgb-first-white-65: 171,188,216;
    --soft-rgb-first-white-70: 183,198,222;
    --soft-rgb-first-white-75: 195,207,227;
    --soft-rgb-first-white-80: 207,217,233;
    --soft-rgb-first-white-85: 219,226,238;
    --soft-rgb-first-white-90: 231,236,244;
    --soft-rgb-first-white-95: 243,245,249;
    --soft-rgb-first-black-5: 15,61,137;
    --soft-rgb-first-black-10: 14,58,130;
    --soft-rgb-first-black-15: 13,55,123;
    --soft-rgb-first-black-20: 12,52,116;
    --soft-rgb-first-black-25: 12,48,108;
    --soft-rgb-first-black-30: 11,45,101;
    --soft-rgb-first-black-35: 10,42,94;
    --soft-rgb-first-black-40: 9,39,87;
    --soft-rgb-first-black-45: 8,35,79;
    --soft-rgb-first-black-50: 8,32,72;
    --soft-rgb-first-black-55: 7,29,65;
    --soft-rgb-first-black-60: 6,26,58;
    --soft-rgb-first-black-65: 5,22,50;
    --soft-rgb-first-black-70: 4,19,43;
    --soft-rgb-first-black-75: 4,16,36;
    --soft-rgb-first-black-80: 3,12,28;
    --soft-rgb-first-black-85: 2,9,21;
    --soft-rgb-first-black-90: 1,6,14;
    --soft-rgb-first-black-95: 0,3,7;
}
:root {
    --soft-rgb-second: 238,0,0;
    --soft-rgb-second-text: 255,255,255;
    --soft-rgb-second-white-5: 238,12,12;
    --soft-rgb-second-white-10: 239,25,25;
    --soft-rgb-second-white-15: 240,38,38;
    --soft-rgb-second-white-20: 241,51,51;
    --soft-rgb-second-white-25: 242,63,63;
    --soft-rgb-second-white-30: 243,76,76;
    --soft-rgb-second-white-35: 243,89,89;
    --soft-rgb-second-white-40: 244,102,102;
    --soft-rgb-second-white-45: 245,114,114;
    --soft-rgb-second-white-50: 246,127,127;
    --soft-rgb-second-white-55: 247,140,140;
    --soft-rgb-second-white-60: 248,153,153;
    --soft-rgb-second-white-65: 249,165,165;
    --soft-rgb-second-white-70: 249,178,178;
    --soft-rgb-second-white-75: 250,191,191;
    --soft-rgb-second-white-80: 251,204,204;
    --soft-rgb-second-white-85: 252,216,216;
    --soft-rgb-second-white-90: 253,229,229;
    --soft-rgb-second-white-95: 254,242,242;
    --soft-rgb-second-black-5: 226,0,0;
    --soft-rgb-second-black-10: 214,0,0;
    --soft-rgb-second-black-15: 202,0,0;
    --soft-rgb-second-black-20: 190,0,0;
    --soft-rgb-second-black-25: 178,0,0;
    --soft-rgb-second-black-30: 166,0,0;
    --soft-rgb-second-black-35: 154,0,0;
    --soft-rgb-second-black-40: 142,0,0;
    --soft-rgb-second-black-45: 130,0,0;
    --soft-rgb-second-black-50: 119,0,0;
    --soft-rgb-second-black-55: 107,0,0;
    --soft-rgb-second-black-60: 95,0,0;
    --soft-rgb-second-black-65: 83,0,0;
    --soft-rgb-second-black-70: 71,0,0;
    --soft-rgb-second-black-75: 59,0,0;
    --soft-rgb-second-black-80: 47,0,0;
    --soft-rgb-second-black-85: 35,0,0;
    --soft-rgb-second-black-90: 23,0,0;
    --soft-rgb-second-black-95: 11,0,0;
}
: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: 'Inter', sans-serif;
    --soft-font-family-title: 'Inter', 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: 1px;
}
@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: 1px;
    --soft-control-small-border-radius: 1px;
    --soft-control-border-radius: 1px;
    --soft-control-large-border-radius: 1px;
    --soft-control-extra-border-radius: 1px;
    --soft-control-border-width: 1px;
}