/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].oneOf[1].use[2]!./node_modules/.pnpm/@arco-design+web-react@2.66.5_@types+react@18.3.24_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@arco-design/web-react/es/style/index.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/******** borderSize *******/
/******** borderStyle *******/
/******** radius *******/
/******** shadow distance *******/
/******** size *******/
/******** spacing *******/
/******** shadow *******/
/******** opacity *******/
/******** fontSize *******/
/******** fontWeight ********/
/******** Primary *******/
/******** success *******/
/******** warning *******/
/******** danger *******/
/******** link *******/
/******** radius *******/
/********* icon hover *********/
body {
  --red-1: 255,236,232;
  --red-2: 253,205,197;
  --red-3: 251,172,163;
  --red-4: 249,137,129;
  --red-5: 247,101,96;
  --red-6: 245,63,63;
  --red-7: 203,39,45;
  --red-8: 161,21,30;
  --red-9: 119,8,19;
  --red-10: 77,0,10;
  --orangered-1: 255,243,232;
  --orangered-2: 253,221,195;
  --orangered-3: 252,197,159;
  --orangered-4: 250,172,123;
  --orangered-5: 249,144,87;
  --orangered-6: 247,114,52;
  --orangered-7: 204,81,32;
  --orangered-8: 162,53,17;
  --orangered-9: 119,31,6;
  --orangered-10: 77,14,0;
  --orange-1: 255,247,232;
  --orange-2: 255,228,186;
  --orange-3: 255,207,139;
  --orange-4: 255,182,93;
  --orange-5: 255,154,46;
  --orange-6: 255,125,0;
  --orange-7: 210,95,0;
  --orange-8: 166,69,0;
  --orange-9: 121,46,0;
  --orange-10: 77,27,0;
  --gold-1: 255,252,232;
  --gold-2: 253,244,191;
  --gold-3: 252,233,150;
  --gold-4: 250,220,109;
  --gold-5: 249,204,69;
  --gold-6: 247,186,30;
  --gold-7: 204,146,19;
  --gold-8: 162,109,10;
  --gold-9: 119,75,4;
  --gold-10: 77,45,0;
  --yellow-1: 254,255,232;
  --yellow-2: 254,254,190;
  --yellow-3: 253,250,148;
  --yellow-4: 252,242,107;
  --yellow-5: 251,232,66;
  --yellow-6: 250,220,25;
  --yellow-7: 207,175,15;
  --yellow-8: 163,132,8;
  --yellow-9: 120,93,3;
  --yellow-10: 77,56,0;
  --lime-1: 252,255,232;
  --lime-2: 237,248,187;
  --lime-3: 220,241,144;
  --lime-4: 201,233,104;
  --lime-5: 181,226,65;
  --lime-6: 159,219,29;
  --lime-7: 126,183,18;
  --lime-8: 95,148,10;
  --lime-9: 67,112,4;
  --lime-10: 42,77,0;
  --green-1: 232,255,234;
  --green-2: 175,240,181;
  --green-3: 123,225,136;
  --green-4: 76,210,99;
  --green-5: 35,195,67;
  --green-6: 0,180,42;
  --green-7: 0,154,41;
  --green-8: 0,128,38;
  --green-9: 0,102,34;
  --green-10: 0,77,28;
  --cyan-1: 232,255,251;
  --cyan-2: 183,244,236;
  --cyan-3: 137,233,224;
  --cyan-4: 94,223,214;
  --cyan-5: 55,212,207;
  --cyan-6: 20,201,201;
  --cyan-7: 13,165,170;
  --cyan-8: 7,130,139;
  --cyan-9: 3,97,108;
  --cyan-10: 0,66,77;
  --blue-1: 232,247,255;
  --blue-2: 195,231,254;
  --blue-3: 159,212,253;
  --blue-4: 123,192,252;
  --blue-5: 87,169,251;
  --blue-6: 52,145,250;
  --blue-7: 32,108,207;
  --blue-8: 17,75,163;
  --blue-9: 6,48,120;
  --blue-10: 0,26,77;
  --arcoblue-1: 232,243,255;
  --arcoblue-2: 190,218,255;
  --arcoblue-3: 148,191,255;
  --arcoblue-4: 106,161,255;
  --arcoblue-5: 64,128,255;
  --arcoblue-6: 22,93,255;
  --arcoblue-7: 14,66,210;
  --arcoblue-8: 7,44,166;
  --arcoblue-9: 3,26,121;
  --arcoblue-10: 0,13,77;
  --purple-1: 245,232,255;
  --purple-2: 221,190,246;
  --purple-3: 195,150,237;
  --purple-4: 168,113,227;
  --purple-5: 141,78,218;
  --purple-6: 114,46,209;
  --purple-7: 85,29,176;
  --purple-8: 60,16,143;
  --purple-9: 39,6,110;
  --purple-10: 22,0,77;
  --pinkpurple-1: 255,232,251;
  --pinkpurple-2: 247,186,239;
  --pinkpurple-3: 240,142,230;
  --pinkpurple-4: 232,101,223;
  --pinkpurple-5: 225,62,219;
  --pinkpurple-6: 217,26,217;
  --pinkpurple-7: 176,16,182;
  --pinkpurple-8: 138,9,147;
  --pinkpurple-9: 101,3,112;
  --pinkpurple-10: 66,0,77;
  --magenta-1: 255,232,241;
  --magenta-2: 253,194,219;
  --magenta-3: 251,157,199;
  --magenta-4: 249,121,183;
  --magenta-5: 247,84,168;
  --magenta-6: 245,49,157;
  --magenta-7: 203,30,131;
  --magenta-8: 161,16,105;
  --magenta-9: 119,6,79;
  --magenta-10: 77,0,52;
  --gray-1: 247,248,250;
  --gray-2: 242,243,245;
  --gray-3: 229,230,235;
  --gray-4: 201,205,212;
  --gray-5: 169,174,184;
  --gray-6: 134,144,156;
  --gray-7: 107,119,133;
  --gray-8: 78,89,105;
  --gray-9: 39,46,59;
  --gray-10: 29,33,41;
  --success-1: var(--green-1);
  --success-2: var(--green-2);
  --success-3: var(--green-3);
  --success-4: var(--green-4);
  --success-5: var(--green-5);
  --success-6: var(--green-6);
  --success-7: var(--green-7);
  --success-8: var(--green-8);
  --success-9: var(--green-9);
  --success-10: var(--green-10);
  --primary-1: var(--arcoblue-1);
  --primary-2: var(--arcoblue-2);
  --primary-3: var(--arcoblue-3);
  --primary-4: var(--arcoblue-4);
  --primary-5: var(--arcoblue-5);
  --primary-6: 29,30,36;
  --primary-7: 29,30,36;
  --primary-8: var(--arcoblue-8);
  --primary-9: var(--arcoblue-9);
  --primary-10: var(--arcoblue-10);
  --danger-1: var(--red-1);
  --danger-2: var(--red-2);
  --danger-3: var(--red-3);
  --danger-4: var(--red-4);
  --danger-5: var(--red-5);
  --danger-6: var(--red-6);
  --danger-7: var(--red-7);
  --danger-8: var(--red-8);
  --danger-9: var(--red-9);
  --danger-10: var(--red-10);
  --warning-1: var(--orange-1);
  --warning-2: var(--orange-2);
  --warning-3: var(--orange-3);
  --warning-4: var(--orange-4);
  --warning-5: var(--orange-5);
  --warning-6: var(--orange-6);
  --warning-7: var(--orange-7);
  --warning-8: var(--orange-8);
  --warning-9: var(--orange-9);
  --warning-10: var(--orange-10);
  --link-1: var(--arcoblue-1);
  --link-2: var(--arcoblue-2);
  --link-3: var(--arcoblue-3);
  --link-4: var(--arcoblue-4);
  --link-5: var(--arcoblue-5);
  --link-6: 255,214,0;
  --link-7: var(--arcoblue-7);
  --link-8: var(--arcoblue-8);
  --link-9: var(--arcoblue-9);
  --link-10: var(--arcoblue-10);
  --data-1: var(--arcoblue-5);
  --data-2: var(--arcoblue-2);
  --data-3: 85,197,253;
  --data-4: 156,220,252;
  --data-5: var(--orange-6);
  --data-6: var(--orange-3);
  --data-7: var(--green-4);
  --data-8: var(--green-2);
  --data-9: var(--purple-4);
  --data-10: var(--purple-2);
  --data-11: var(--gold-6);
  --data-12: var(--gold-4);
  --data-13: var(--lime-6);
  --data-14: var(--lime-4);
  --data-15: var(--magenta-4);
  --data-16: var(--magenta-3);
  --data-17: var(--cyan-6);
  --data-18: var(--cyan-3);
  --data-19: var(--pinkpurple-4);
  --data-20: var(--pinkpurple-2);
}
body[arco-theme='dark'] {
  --red-1: 77,0,10;
  --red-2: 119,6,17;
  --red-3: 161,22,31;
  --red-4: 203,46,52;
  --red-5: 245,78,78;
  --red-6: 247,105,101;
  --red-7: 249,141,134;
  --red-8: 251,176,167;
  --red-9: 253,209,202;
  --red-10: 255,240,236;
  --orangered-1: 77,14,0;
  --orangered-2: 119,30,5;
  --orangered-3: 162,55,20;
  --orangered-4: 204,87,41;
  --orangered-5: 247,126,69;
  --orangered-6: 249,146,90;
  --orangered-7: 250,173,125;
  --orangered-8: 252,198,161;
  --orangered-9: 253,222,197;
  --orangered-10: 255,244,235;
  --orange-1: 77,27,0;
  --orange-2: 121,48,4;
  --orange-3: 166,75,10;
  --orange-4: 210,105,19;
  --orange-5: 255,141,31;
  --orange-6: 255,150,38;
  --orange-7: 255,179,87;
  --orange-8: 255,205,135;
  --orange-9: 255,227,184;
  --orange-10: 255,247,232;
  --gold-1: 77,45,0;
  --gold-2: 119,75,4;
  --gold-3: 162,111,15;
  --gold-4: 204,150,31;
  --gold-5: 247,192,52;
  --gold-6: 249,204,68;
  --gold-7: 250,220,108;
  --gold-8: 252,233,149;
  --gold-9: 253,244,190;
  --gold-10: 255,252,232;
  --yellow-1: 77,56,0;
  --yellow-2: 120,94,7;
  --yellow-3: 163,134,20;
  --yellow-4: 207,179,37;
  --yellow-5: 250,225,60;
  --yellow-6: 251,233,75;
  --yellow-7: 252,243,116;
  --yellow-8: 253,250,157;
  --yellow-9: 254,254,198;
  --yellow-10: 254,255,240;
  --lime-1: 42,77,0;
  --lime-2: 68,112,6;
  --lime-3: 98,148,18;
  --lime-4: 132,183,35;
  --lime-5: 168,219,57;
  --lime-6: 184,226,75;
  --lime-7: 203,233,112;
  --lime-8: 222,241,152;
  --lime-9: 238,248,194;
  --lime-10: 253,255,238;
  --green-1: 0,77,28;
  --green-2: 4,102,37;
  --green-3: 10,128,45;
  --green-4: 18,154,55;
  --green-5: 29,180,64;
  --green-6: 39,195,70;
  --green-7: 80,210,102;
  --green-8: 126,225,139;
  --green-9: 178,240,183;
  --green-10: 235,255,236;
  --cyan-1: 0,66,77;
  --cyan-2: 6,97,108;
  --cyan-3: 17,131,139;
  --cyan-4: 31,166,170;
  --cyan-5: 48,201,201;
  --cyan-6: 63,212,207;
  --cyan-7: 102,223,215;
  --cyan-8: 144,233,225;
  --cyan-9: 190,244,237;
  --cyan-10: 240,255,252;
  --blue-1: 0,26,77;
  --blue-2: 5,47,120;
  --blue-3: 19,76,163;
  --blue-4: 41,113,207;
  --blue-5: 70,154,250;
  --blue-6: 90,170,251;
  --blue-7: 125,193,252;
  --blue-8: 161,213,253;
  --blue-9: 198,232,254;
  --blue-10: 234,248,255;
  --arcoblue-1: 0,13,77;
  --arcoblue-2: 4,27,121;
  --arcoblue-3: 14,50,166;
  --arcoblue-4: 29,77,210;
  --arcoblue-5: 48,111,255;
  --arcoblue-6: 60,126,255;
  --arcoblue-7: 104,159,255;
  --arcoblue-8: 147,190,255;
  --arcoblue-9: 190,218,255;
  --arcoblue-10: 234,244,255;
  --purple-1: 22,0,77;
  --purple-2: 39,6,110;
  --purple-3: 62,19,143;
  --purple-4: 90,37,176;
  --purple-5: 123,61,209;
  --purple-6: 142,81,218;
  --purple-7: 169,116,227;
  --purple-8: 197,154,237;
  --purple-9: 223,194,246;
  --purple-10: 247,237,255;
  --pinkpurple-1: 66,0,77;
  --pinkpurple-2: 101,3,112;
  --pinkpurple-3: 138,13,147;
  --pinkpurple-4: 176,27,182;
  --pinkpurple-5: 217,46,217;
  --pinkpurple-6: 225,61,219;
  --pinkpurple-7: 232,102,223;
  --pinkpurple-8: 240,146,230;
  --pinkpurple-9: 247,193,240;
  --pinkpurple-10: 255,242,253;
  --magenta-1: 77,0,52;
  --magenta-2: 119,8,80;
  --magenta-3: 161,23,108;
  --magenta-4: 203,43,136;
  --magenta-5: 245,69,166;
  --magenta-6: 247,86,169;
  --magenta-7: 249,122,184;
  --magenta-8: 251,158,200;
  --magenta-9: 253,195,219;
  --magenta-10: 255,232,241;
  --gray-1: 23,23,26;
  --gray-2: 46,46,48;
  --gray-3: 72,72,73;
  --gray-4: 95,95,96;
  --gray-5: 120,120,122;
  --gray-6: 146,146,147;
  --gray-7: 171,171,172;
  --gray-8: 197,197,197;
  --gray-9: 223,223,223;
  --gray-10: 246,246,246;
  --primary-1: var(--arcoblue-1);
  --primary-2: var(--arcoblue-2);
  --primary-3: var(--arcoblue-3);
  --primary-4: var(--arcoblue-4);
  --primary-5: var(--arcoblue-5);
  --primary-6: var(--arcoblue-6);
  --primary-7: var(--arcoblue-7);
  --primary-8: var(--arcoblue-8);
  --primary-9: var(--arcoblue-9);
  --primary-10: var(--arcoblue-10);
  --success-1: var(--green-1);
  --success-2: var(--green-2);
  --success-3: var(--green-3);
  --success-4: var(--green-4);
  --success-5: var(--green-5);
  --success-6: var(--green-6);
  --success-7: var(--green-7);
  --success-8: var(--green-8);
  --success-9: var(--green-9);
  --success-10: var(--green-10);
  --danger-1: var(--red-1);
  --danger-2: var(--red-2);
  --danger-3: var(--red-3);
  --danger-4: var(--red-4);
  --danger-5: var(--red-5);
  --danger-6: var(--red-6);
  --danger-7: var(--red-7);
  --danger-8: var(--red-8);
  --danger-9: var(--red-9);
  --danger-10: var(--red-10);
  --warning-1: var(--orange-1);
  --warning-2: var(--orange-2);
  --warning-3: var(--orange-3);
  --warning-4: var(--orange-4);
  --warning-5: var(--orange-5);
  --warning-6: var(--orange-6);
  --warning-7: var(--orange-7);
  --warning-8: var(--orange-8);
  --warning-9: var(--orange-9);
  --warning-10: var(--orange-10);
  --link-1: var(--arcoblue-1);
  --link-2: var(--arcoblue-2);
  --link-3: var(--arcoblue-3);
  --link-4: var(--arcoblue-4);
  --link-5: var(--arcoblue-5);
  --link-6: var(--arcoblue-6);
  --link-7: var(--arcoblue-7);
  --link-8: var(--arcoblue-8);
  --link-9: var(--arcoblue-9);
  --link-10: var(--arcoblue-10);
  --data-1: var(--arcoblue-5);
  --data-2: var(--arcoblue-3);
  --data-3: var(--blue-5);
  --data-4: var(--blue-3);
  --data-5: var(--orange-6);
  --data-6: var(--orange-3);
  --data-7: var(--green-4);
  --data-8: var(--green-3);
  --data-9: var(--purple-4);
  --data-10: var(--purple-3);
  --data-11: var(--gold-6);
  --data-12: var(--gold-4);
  --data-13: var(--lime-6);
  --data-14: var(--lime-4);
  --data-15: var(--magenta-4);
  --data-16: var(--magenta-3);
  --data-17: var(--cyan-6);
  --data-18: var(--cyan-3);
  --data-19: var(--pinkpurple-4);
  --data-20: var(--pinkpurple-2);
}
body {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-border: rgb(var(--gray-3));
  --color-bg-popup: var(--color-bg-5);
  --color-bg-1: #fff;
  --color-bg-2: #fff;
  --color-bg-3: #fff;
  --color-bg-4: #fff;
  --color-bg-5: #fff;
  --color-bg-white: #fff;
  --color-neutral-1: rgb(var(--gray-1));
  --color-neutral-2: rgb(var(--gray-2));
  --color-neutral-3: rgb(var(--gray-3));
  --color-neutral-4: rgb(var(--gray-4));
  --color-neutral-5: rgb(var(--gray-5));
  --color-neutral-6: rgb(var(--gray-6));
  --color-neutral-7: rgb(var(--gray-7));
  --color-neutral-8: rgb(var(--gray-8));
  --color-neutral-9: rgb(var(--gray-9));
  --color-neutral-10: rgb(var(--gray-10));
  --color-text-1: var(--color-neutral-10);
  --color-text-2: var(--color-neutral-8);
  --color-text-3: var(--color-neutral-6);
  --color-text-4: var(--color-neutral-4);
  --color-border-1: var(--color-neutral-2);
  --color-border-2: var(--color-neutral-3);
  --color-border-3: var(--color-neutral-4);
  --color-border-4: var(--color-neutral-6);
  --color-fill-1: var(--color-neutral-1);
  --color-fill-2: var(--color-neutral-2);
  --color-fill-3: var(--color-neutral-3);
  --color-fill-4: var(--color-neutral-4);
  --color-primary-light-1: rgb(var(--primary-1));
  --color-primary-light-2: rgb(var(--primary-2));
  --color-primary-light-3: #eceef2;
  --color-primary-light-4: rgb(var(--primary-4));
  --color-secondary: var(--color-neutral-2);
  --color-secondary-hover: var(--color-neutral-3);
  --color-secondary-active: var(--color-neutral-4);
  --color-secondary-disabled: var(--color-neutral-1);
  --color-danger-light-1: rgb(var(--danger-1));
  --color-danger-light-2: rgb(var(--danger-2));
  --color-danger-light-3: rgb(var(--danger-3));
  --color-danger-light-4: rgb(var(--danger-4));
  --color-success-light-1: rgb(var(--success-1));
  --color-success-light-2: rgb(var(--success-2));
  --color-success-light-3: rgb(var(--success-3));
  --color-success-light-4: rgb(var(--success-4));
  --color-warning-light-1: rgb(var(--warning-1));
  --color-warning-light-2: rgb(var(--warning-2));
  --color-warning-light-3: rgb(var(--warning-3));
  --color-warning-light-4: rgb(var(--warning-4));
  --color-link-light-1: rgb(var(--link-1));
  --color-link-light-2: rgb(var(--link-2));
  --color-link-light-3: rgb(var(--link-3));
  --color-link-light-4: rgb(var(--link-4));
  --color-data-1: rgb(var(--arcoblue-5));
  --color-data-2: rgb(var(--arcoblue-3));
  --color-data-3: rgb(var(--blue-5));
  --color-data-4: rgb(var(--blue-3));
  --color-data-5: rgb(var(--orange-6));
  --color-data-6: rgb(var(--orange-3));
  --color-data-7: rgb(var(--green-4));
  --color-data-8: rgb(var(--green-3));
  --color-data-9: rgb(var(--purple-4));
  --color-data-10: rgb(var(--purple-3));
  --color-data-11: rgb(var(--gold-6));
  --color-data-12: rgb(var(--gold-4));
  --color-data-13: rgb(var(--lime-6));
  --color-data-14: rgb(var(--lime-4));
  --color-data-15: rgb(var(--magenta-4));
  --color-data-16: rgb(var(--magenta-3));
  --color-data-17: rgb(var(--cyan-6));
  --color-data-18: rgb(var(--cyan-3));
  --color-data-19: rgb(var(--pinkpurple-4));
  --color-data-20: rgb(var(--pinkpurple-2));
  --border-radius-none: 0;
  --border-radius-small: 2px;
  --border-radius-medium: 4px;
  --border-radius-large: 8px;
  --border-radius-circle: 50%;
  --color-tooltip-bg: rgb(var(--gray-10));
  --color-spin-layer-bg: rgba(255, 255, 255, 0.6);
  --color-menu-dark-bg: #232324;
  --color-menu-light-bg: #ffffff;
  --color-menu-dark-hover: rgba(255, 255, 255, 0.04);
  --color-mask-bg: rgba(29, 33, 41, 0.6);
  --font-weight-100: 100;
  --font-weight-200: 200;
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --font-weight-800: 800;
  --font-weight-900: 900;
}
body[arco-theme='dark'] {
  --color-white: rgba(255, 255, 255, 0.9);
  --color-black: #000000;
  --color-border: #333335;
  --color-bg-1: #17171a;
  --color-bg-2: #232324;
  --color-bg-3: #2a2a2b;
  --color-bg-4: #313132;
  --color-bg-5: #373739;
  --color-bg-white: #f6f6f6;
  --color-text-1: rgba(255, 255, 255, 0.9);
  --color-text-2: rgba(255, 255, 255, 0.7);
  --color-text-3: rgba(255, 255, 255, 0.5);
  --color-text-4: rgba(255, 255, 255, 0.3);
  --color-fill-1: rgba(255, 255, 255, 0.04);
  --color-fill-2: rgba(255, 255, 255, 0.08);
  --color-fill-3: rgba(255, 255, 255, 0.12);
  --color-fill-4: rgba(255, 255, 255, 0.16);
  --color-primary-light-1: rgba(var(--primary-6), 0.2);
  --color-primary-light-2: rgba(var(--primary-6), 0.35);
  --color-primary-light-3: rgba(var(--primary-6), 0.5);
  --color-primary-light-4: rgba(var(--primary-6), 0.65);
  --color-secondary: rgba(var(--gray-9), 0.08);
  --color-secondary-hover: rgba(var(--gray-8), 0.16);
  --color-secondary-active: rgba(var(--gray-7), 0.24);
  --color-secondary-disabled: rgba(var(--gray-9), 0.08);
  --color-danger-light-1: rgba(var(--danger-6), 0.2);
  --color-danger-light-2: rgba(var(--danger-6), 0.35);
  --color-danger-light-3: rgba(var(--danger-6), 0.5);
  --color-danger-light-4: rgba(var(--danger-6), 0.65);
  --color-success-light-1: rgba(var(--success-6), 0.2);
  --color-success-light-2: rgba(var(--success-6), 0.35);
  --color-success-light-3: rgba(var(--success-6), 0.5);
  --color-success-light-4: rgba(var(--success-6), 0.65);
  --color-warning-light-1: rgba(var(--warning-6), 0.2);
  --color-warning-light-2: rgba(var(--warning-6), 0.35);
  --color-warning-light-3: rgba(var(--warning-6), 0.5);
  --color-warning-light-4: rgba(var(--warning-6), 0.65);
  --color-link-light-1: rgba(var(--link-6), 0.2);
  --color-link-light-2: rgba(var(--link-6), 0.35);
  --color-link-light-3: rgba(var(--link-6), 0.5);
  --color-link-light-4: rgba(var(--link-6), 0.65);
  --color-tooltip-bg: #373739;
  --color-spin-layer-bg: rgba(51, 51, 51, 0.6);
  --color-menu-dark-bg: #232324;
  --color-menu-light-bg: #232324;
  --color-menu-dark-hover: var(--color-fill-2);
  --color-mask-bg: rgba(23, 23, 26, 0.6);
}
/* stylelint-disable */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html,
body {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-font-smoothing: antialiased;
  /* chrome、safari */
  -moz-osx-font-smoothing: grayscale;
  /* firefox */
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
  padding: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
tr,
th {
  margin: 0;
  padding: 0;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
* {
  outline: none;
}
/**
 * remove input clear icon in IE & Edge
 */
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
.arco-p-icon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  width: 1em;
  height: 1em;
  vertical-align: -2px;
  stroke: currentColor;
}
.arco-p-icon[fill='currentColor'] {
  fill: currentColor;
  stroke: none;
}
.arco-p-icon[stroke='currentColor'] {
  stroke: currentColor;
  fill: none;
}
.arco-p-icon[fill='currentColor'][stroke='currentColor'] {
  fill: currentColor;
  stroke: currentColor;
}
.arco-p-icon-loading {
  animation: arco-p-loading-circle 1s infinite cubic-bezier(0, 0, 1, 1);
}
@keyframes arco-p-loading-circle {
  100% {
    transform: rotate(360deg);
  }
}
.arco-p-icon-hover {
  position: relative;
  display: inline-block;
  cursor: pointer;
  line-height: 0;
}
.arco-p-icon-hover .arco-p-icon {
  position: relative;
  vertical-align: -0.09em;
}
.arco-p-icon-hover::before {
  content: '';
  position: absolute;
  display: block;
  border-radius: var(--border-radius-circle);
  background-color: transparent;
  box-sizing: border-box;
  transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-p-icon-hover:hover::before {
  background-color: var(--color-fill-2);
}
.arco-p-icon-hover.arco-p-icon-hover-disabled::before {
  opacity: 0;
}
.arco-p-icon-hover::before {
  top: 50%;
  left: 50%;
  height: 20px;
  width: 20px;
  transform: translate(-50%, -50%);
}
.arco-p-icon-hover-size-mini::before {
  top: 50%;
  left: 50%;
  height: 20px;
  width: 20px;
  transform: translate(-50%, -50%);
}
.arco-p-icon-hover-size-small::before {
  top: 50%;
  left: 50%;
  height: 20px;
  width: 20px;
  transform: translate(-50%, -50%);
}
.arco-p-icon-hover-size-large::before {
  top: 50%;
  left: 50%;
  height: 24px;
  width: 24px;
  transform: translate(-50%, -50%);
}
.arco-p-icon-hover-size-huge::before {
  top: 50%;
  left: 50%;
  height: 24px;
  width: 24px;
  transform: translate(-50%, -50%);
}
.fadeInStandard-enter,
.fadeInStandard-appear {
  opacity: 0;
}
.fadeInStandard-enter-active,
.fadeInStandard-appear-active {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.fadeInStandard-exit {
  opacity: 1;
}
.fadeInStandard-exit-active {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.fadeIn-enter,
.fadeIn-appear {
  opacity: 0;
}
.fadeIn-enter-active,
.fadeIn-appear-active {
  opacity: 1;
  transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
}
.fadeIn-exit {
  opacity: 1;
}
.fadeIn-exit-active {
  opacity: 0;
  transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
}
.slideDynamicOrigin-enter,
.slideDynamicOrigin-appear {
  opacity: 0;
  transform-origin: 0 0;
  transform: scaleY(0.9) translateZ(0);
}
.slideDynamicOrigin-enter-active,
.slideDynamicOrigin-appear-active {
  opacity: 1;
  transform-origin: 0 0;
  transform: scaleY(1) translateZ(0);
  transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slideDynamicOrigin-exit {
  opacity: 1;
  transform-origin: 0 0;
  transform: scaleY(1) translateZ(0);
  transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slideDynamicOrigin-exit-active {
  opacity: 0;
  transform-origin: 0 0;
  transform: scaleY(0.9) translateZ(0);
  transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slideLeft-enter,
.slideLeft-appear {
  transform: translateX(-100%);
}
.slideLeft-enter-active,
.slideLeft-appear-active {
  transform: translateX(0);
  transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slideLeft-exit {
  transform: translateX(0);
}
.slideLeft-exit-active {
  transform: translateX(-100%);
  transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slideRight-enter,
.slideRight-appear {
  transform: translateX(100%);
}
.slideRight-enter-active,
.slideRight-appear-active {
  transform: translateX(0);
  transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slideRight-exit {
  transform: translateX(0);
}
.slideRight-exit-active {
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slideTop-enter,
.slideTop-appear {
  transform: translateY(-100%);
}
.slideTop-enter-active,
.slideTop-appear-active {
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slideTop-exit {
  transform: translateY(0);
}
.slideTop-exit-active {
  transform: translateY(-100%);
  transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slideBottom-enter,
.slideBottom-appear {
  transform: translateY(100%);
}
.slideBottom-enter-active,
.slideBottom-appear-active {
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slideBottom-exit {
  transform: translateY(0);
}
.slideBottom-exit-active {
  transform: translateY(100%);
  transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.zoomIn-enter,
.zoomIn-appear {
  opacity: 0;
  transform: scale(0.5, 0.5);
}
.zoomIn-enter-active,
.zoomIn-appear-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.zoomIn-exit {
  opacity: 1;
  transform: scale(1, 1);
}
.zoomIn-exit-active {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.zoomInFadeOut-enter,
.zoomInFadeOut-appear {
  opacity: 0;
  transform: scale(0.5, 0.5);
}
.zoomInFadeOut-enter-active,
.zoomInFadeOut-appear-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.zoomInFadeOut-exit {
  opacity: 1;
  transform: scale(1, 1);
}
.zoomInFadeOut-exit-active {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition: opacity 0.2s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.2s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.zoomInBig-enter,
.zoomInBig-appear {
  opacity: 0;
  transform: scale(0.5, 0.5);
}
.zoomInBig-enter-active,
.zoomInBig-appear-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), transform 0.2s cubic-bezier(0, 0, 1, 1);
}
.zoomInBig-exit {
  opacity: 1;
  transform: scale(1, 1);
}
.zoomInBig-exit-active {
  opacity: 0;
  transform: scale(0.2, 0.2);
  transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), transform 0.2s cubic-bezier(0, 0, 1, 1);
}
.zoomInLeft-enter,
.zoomInLeft-appear {
  opacity: 0.1;
  transform-origin: 0 50%;
  transform: scale(0.1, 0.1);
}
.zoomInLeft-enter-active,
.zoomInLeft-appear-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.zoomInLeft-exit {
  opacity: 1;
  transform-origin: 0 50%;
  transform: scale(1, 1);
}
.zoomInLeft-exit-active {
  opacity: 0.1;
  transform: scale(0.1, 0.1);
  transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.zoomInTop-enter,
.zoomInTop-appear {
  opacity: 0;
  transform-origin: 0% 0%;
  transform: scaleY(0.8) translateZ(0);
}
.zoomInTop-enter-active,
.zoomInTop-appear-active {
  opacity: 1;
  transform-origin: 0% 0%;
  transform: scaleY(1) translateZ(0);
  transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.zoomInTop-exit {
  opacity: 1;
  transform-origin: 0% 0%;
  transform: scaleY(1) translateZ(0);
}
.zoomInTop-exit-active {
  opacity: 0;
  transform-origin: 0% 0%;
  transform: scaleY(0.8) translateZ(0);
  transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.zoomInBottom-enter,
.zoomInBottom-appear {
  opacity: 0;
  transform-origin: 100% 100%;
  transform: scaleY(0.8) translateZ(0);
}
.zoomInBottom-enter-active,
.zoomInBottom-appear-active {
  opacity: 1;
  transform-origin: 100% 100%;
  transform: scaleY(1) translateZ(0);
  transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.zoomInBottom-exit {
  opacity: 1;
  transform-origin: 100% 100%;
  transform: scaleY(1) translateZ(0);
}
.zoomInBottom-exit-active {
  opacity: 0;
  transform-origin: 100% 100%;
  transform: scaleY(0.8) translateZ(0);
  transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
body {
  font-size: 14px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].oneOf[0].use[2]!./node_modules/.pnpm/@arco-design+mobile-react@2.38.2_@types+react-dom@18.3.7_@types+react@18.3.24__@types+react@1_4lfnfxg4ayyrsm7p7tbwprgr6m/node_modules/@arco-design/mobile-react/style/public.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * @type mixin-var
 * @name GeneralMixinVars
 * @name_en General Mixin
 */
/**
 * @type mixin
 * @name GeneralMixin
 * @name_en General Mixin
 */
/**
 * 文本溢出，支持1行/多行文本
 * @desc {en} text overflow, support single line or multiple lines
 * @param @lines 最大展示行数，默认为1行
 * @param @lines {en} allows limiting of the contents of a block to the specified number of lines, default to 1
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 * .demo1{
 *   .text-overflow();
 * }
 * .demo2 {
 *   .text-overflow(2);
 * }
 * ```
 */
/**
 * 禁用用户选择文本
 * @desc {en} disable user selection of text
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .noselect();
 * }
 */
/**
 * 全屏布局
 * @desc {en} full-screen layout
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .full-screen();
 * }
 */
/**
 * 文本加粗，兼容安卓设备
 * @desc {en} text-bold, compatible with Android devices
 * @param @color 文本颜色，默认为currentColor
 * @param @color {en} text color, default to currentColor
 * @param @stroke 文本字符笔触宽度，默认为0.3PX
 * @param @stroke {en} the width of strokes for text characters, default to 0.3PX
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo1 {
 *   .text-medium();
 * }
 * .demo2 {
 *   .text-medium(#fff, 0.5px);
 * }
 */
/**
 * 消除文本加粗样式，兼容安卓设备
 * @desc {en} remove text-bold, compatible with Android devices
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .remove-text-medium();
 * }
 */
/**
 * 1px(物理像素)边框
 * @desc {en} a border line of 1 pixel
 * @param @direction 边框方向
 * @param @direction {en} border direction
 * @param @borderColor 边框颜色，默认inherit
 * @param @borderColor {en} border color, default to inherit
 * @param @borderRadius 边框圆角，默认0
 * @param @borderRadius {en} border radius, default to 0
 * @param @borderWidth 边框宽度，默认1px
 * @param @borderWidth {en} border width, default to 1px
 * @param @borderStyle 边框样式，默认solid
 * @param @borderStyle {en} border style, default to solid
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .onepx-border();
 * }
 */
/**
 * 移除0.5px的边框线
 * @desc {en} remove border line of 0.5 pixels
 * @param @direction 边框方向，默认为全部方向
 * @param @direction {en} border direction，default to all directions.
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .remove-hairline(all);
 * }
 * ```
 */
/**
 * 元素右下 0.5px border
 * @desc {en} 0.5px border on bottom right
 * @param @color 边框颜色
 * @param @color {en} border-color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .hairline-bottom-right(#000);
 * }
 * ```
 */
/**
 * 元素左上 0.5px border
 * @desc {en} 0.5px border on top left
 * @param @color 边框颜色
 * @param @color {en} border-color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .hairline-top-left(#000);
 * }
 * ```
 */
/**
 * 输入涉及左右相关的属性名，获取方向相反的属性名，可用于处理rtl模式
 * @desc {en} get the property name in the opposite direction of the input property name, which can be used to process rtl mode
 * @param @origin-property css属性名
 * @param @origin-property {en} css property
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   @a: .prop-with-rtl(margin-left)[@property-name]; // @a 变量值为margin-right
 * }
 * ```
 */
/**
 * 设置Loading组件颜色
 * @desc {en} set Loading component color
 * @param @color 颜色
 * @param @color {en} color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-loading-color(#000);
 * }
 * ```
 */
/**
 * 设置最小字号
 * @desc {en} set minimum font-size
 * @param @size 最小字号
 * @param @size {en} minimum font-size
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-font-size(10px);
 * }
 * ```
 */
/**
 * 设置content-box盒模型下元素宽度
 * @desc {en} set box width in content-box
 * @param @property css属性名
 * @param @property {en} css property
 * @param @width 元素总宽度，包含内边距
 * @param @width element width, include padding
 * @param @padding-left 左侧内边距
 * @param @padding-left {en} padding-left
 * @param @padding-right 右侧内边距
 * @param @padding-right {en} padding-right
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-content-box-width(min-width, 300px, 10px, 10px);
 * }
 * ```
 */
/**
 * 设置Steps组件当前步骤主要颜色，已完成步骤颜色自动计算为当前步骤颜色透明度10%
 * @desc {en} set Steps component color
 * @param @color 当前步骤背景、标题文本颜色
 * @param @color {en} color of current step background and title text
 * @param @finish-color 已完成步骤背景色
 * @param @finish-color {en} color of finished step background
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-steps-color(#FFB400);
 * }
 * ```
 */
/**
 * 根据 base-font-size，设置单位尺寸为 rem
 * @desc {en} set the unit size to rem based on base-font-size
 * @param @property css属性名
 * @param @property {en} css property
 * @param @values css属性值，如果为复合属性，值可以用逗号分隔开
 * @param @values {en} css property value, the values can be separated by commas when the style is composite
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .rem(font-size, 14);
 *     .rem(padding, 16, 0);
 * }
 * ```
 */
/**
 * 根据 base-font-size，设置常规模式和 rtl 模式下单位尺寸为 rem
 * @desc {en} set the unit size to rem for regular and RTL modes based on the base-font-size
 * @param @property css属性名
 * @param @property {en} css property
 * @param @values css属性值，如果为复合属性，值可以用逗号分隔开
 * @param @values {en} css property value, the values can be separated by commas when the style is composite
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .rem-with-rtl(font-size, 14);
 *     .rem-with-rtl(padding, 16, 0);
 * }
 * ```
 */
/**
 * 当 less 变量 use-dark-mode=1 时，自定义暗黑模式样式规则
 * @desc {en} Customize dark mode style rules when the less variable use-dark-mode=1.
 * @param @rules 对应的暗黑模式规则
 * @param @rules {en} Corresponding dark mode rules
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-dark-mode-query({
 *         background-color: #000;
 *     });
 * }
 * ```
 */
/**
 * 为属性设置 arco 提供的 token 变量
 * @desc {en} set the token variable provided by Arco for the attribute
 * @param @property css属性名
 * @param @property {en} css property
 * @param @variables token变量名
 * @param @variables {en} token variable name
 * @param @preValues 复合属性css变量前缀
 * @param @preValues {en} prefix for Compound Attribute CSS Variables
 * @param @nextValues 复合属性css变量后缀
 * @param @nextValues {en} suffix for Compound Attribute CSS Variables
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-var(background, primary-color);
 *     .use-var(border, primary-color, 1px solid);
 *     .use-var(border, cell-border-width, '', solid black);
 * }
 * ```
 */
/**
 * 为属性设置 transition 变量
 * @desc {en} set the transition variable for the attribute
 * @param @transitionVariable transition 变量名
 * @param @transitionVariable {en} transition variable name
 * @param @backupVariable 备份变量名
 * @param @backupVariable {en} backup variable name
 * @param @property css属性名
 * @param @property {en} css property
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-transition-var(builtin-transition-fade-enter-duration, transition-fade-duration);
 * }
 * ```
 */
/**
 * 在常规模式和 rtl 模式下为属性设置 arco 提供的 token 变量
 * @desc {en} set the token variable provided by Arco for the attribute in regular mode and RTL mode
 * @param @property css 属性名
 * @param @property {en} css property
 * @param @variables token 变量名
 * @param @variables {en} token variable name
 * @param @preValues
 * @param @preValues {en}
 * @param @nextValues
 * @param @nextValues {en}
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-var-with-rtl(margin-left, button-icon-text-gutter);
 * }
 * ```
 */
/**
 * 设置涉及左右相关的属性名，在rtl模式下自动替换为相反的属性名
 * @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
 * @param @property css属性名
 * @param @property {en} css property
 * @param @value css属性值
 * @param @value {en} css property value
 * @param @rules 自定义的复写规则，默认重置为initial
 * @param @rules {en} customized rewrite rules, default to initial
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *   .set-prop-with-rtl(right, auto);
 * }
 * ```
 */
/**
 * 设置涉及左右相关的属性值，在rtl模式下自动替换为相反的属性值
 * @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
 * @param @property css属性名
 * @param @property {en} css property
 * @param @value css属性值
 * @param @value {en} css property value
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *   .set-value-with-rtl(text-align, left);
 * }
 * ```
 */
/**
 * 在 rtl 模式下，自定义样式规则
 * @desc {en} custom style in RTL mode
 * @param @rules 对应的rtl模式下的规则
 * @param @rules {en} property with rtl
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .style-with-rtl({
 *         transform: scale(-1);
 *     });
 * }
 * ```
 */
/**
 * 0.5px 的边框线
 * @desc {en} a border line of 0.5 pixels
 * @param @color 使用 css 变量为线设置颜色
 * @param @color {en} set border-color by CSS variable
 * @param @direction 边框方向，默认为全部方向
 * @param @direction {en} border direction，default to all directions.
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .hairline-var(line-color);
 *     .hairline-var(line-color, top);
 * }
 * ```
 */
/**
 * 字体加粗
 * @desc {en} font bold
 * @param @color 使用 css 变量设置加粗的字体颜色，默认继承文字当前颜色
 * @param @color {en} set color by CSS variable
 * @param @stroke 字体粗细，默认 0.3px
 * @param @stroke {en} font weight, default 0.3 pixel
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .text-medium-var();
 *    .text-medium-var(primary-color, 0.5PX);
 * }
 * ```
 */
/**
 * 1px 边框
 * @desc {en} 1 pixel border
 * @param @direction 边框方向
 * @param @direction {en} border direction
 * @param @borderColor 使用 css 变量设置边框颜色
 * @param @borderColor {en} set border-color by CSS variable
 * @param @borderRadius border-radius，默认为 0
 * @param @borderRadius {en} border-radius, default value is 0
 * @param @borderWidth border-width，默认为 1px
 * @param @borderWidth {en} border-width, default value is 1 pixel
 * @param @borderStyle border-style，默认为 solid
 * @param @borderStyle {en} border-style, default value is solid
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .onepx-border-var(top, line-color);
 *    .onepx-border-var(all, line-color, 2, 2px, dashed);
 * }
 * ```
 */
/**
 * 元素右下 0.5px 边框
 * @desc {en} 0.5px border on bottom right
 * @param @color 使用 css 变量设置边框颜色
 * @param @color {en} set border-color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .hairline-bottom-right-var(line-color);
 * }
 * ```
 */
/**
 * 元素左上 0.5px 边框
 * @desc {en} 0.5px border on top left
 * @param @color 使用 css 变量设置边框颜色
 * @param @color {en} set border-color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .hairline-top-left-var(line-color);
 * }
 * ```
 */
/**
 * 设置 Loading 组件颜色
 * @desc {en} set Loading component color
 * @param @color 使用 css 变量设置颜色
 * @param @color {en} set color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-loading-color-var(primary-color);
 * }
 * ```
 */
/**
 * 设置最小字号
 * @desc {en} set minimum font-size
 * @param @size 使用 css 变量设置最小字号
 * @param @size {en} set minimum font-size by CSS variable
 * @param @scale 设置最小字号下文字缩放比例，默认为 0.9
 * @param @scale {en} set minimum font-size down text scale，default value is 0.9
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-font-size-var(badge-font-size);
 *    .set-font-size-var(badge-font-size, 0.5);
 * }
 * ```
 */
/**
 * 设置 content-box 盒模型下元素宽度
 * @desc {en} set box width in content-box
 * @param @property css 属性名
 * @param @property {en} css property
 * @param @width 元素总宽度，包含内边距
 * @param @width element width, include padding
 * @param @padding-left 左侧内边距
 * @param @padding-left {en} padding-left
 * @param @padding-right 右侧内边距
 * @param @padding-right {en} padding-right
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-content-box-width-var(min-width, badge-text-width, badge-text-padding-left, badge-text-padding-right);
 * }
 * ```
 */
/**
 * 设置 Steps 组件颜色
 * @desc {en} set Steps component color
 * @param @color 使用 css 变量设置主颜色
 * @param @color {en} set main step color by CSS variable
 * @param @finish-color 使用 css 变量设置已完成步骤的颜色
 * @param @finish-color {en} set finished step color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-steps-color-var(primary-color, lighter-primary-color);
 * }
 * ```
 */
* {
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  padding: 0;
  border: 0;
  touch-action: manipulation;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
}
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  color: inherit;
}
ul,
ol,
li {
  list-style: none;
}
img,
button {
  border: 0;
  outline: 0;
}
a {
  text-decoration: none;
  outline: 0;
}
table,
tr,
td {
  border-collapse: collapse;
}
input,
textarea {
  border: 0;
  outline: 0;
  appearance: auto;
  -webkit-appearance: none;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Consolas;
}
.all-border-box,
.all-border-box * {
  box-sizing: border-box;
}
[tabIndex='0']:focus {
  outline: none;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].oneOf[0].use[2]!./node_modules/.pnpm/@arco-design+mobile-react@2.38.2_@types+react-dom@18.3.7_@types+react@18.3.24__@types+react@1_4lfnfxg4ayyrsm7p7tbwprgr6m/node_modules/@arco-design/mobile-react/esm/context-provider/style/index.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./src/components/customCom/ErrorMessage/index.pc.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
  SCSS Alias Layer
  - Provides SCSS variables and mixins that reference CSS variables (design tokens)
  - Use in *.module.scss files via: @use '.../alias.scss' as t;
*/
/* Color aliases */
/* Radii */
/* Typography */
.errorContainer__N7sB5 {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  max-width: 100%;
  pointer-events: none;
  font-size: 14px;
}

.messageItem__uzIWp {
  padding: 12px 16px;
  border-radius: var(--radius-xs);
  box-shadow: var(--shadow-sm);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  animation: slideIn__xD04S 0.3s ease;
  pointer-events: auto;
  transition: all 0.3s ease;
}
.messageItem__uzIWp:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.error__QYnsL {
  background-color: var(--color-error-bg);
  border: 1px solid var(--color-error-border);
  color: var(--color-error-foreground);
}

.warning__aTnFJ {
  background-color: var(--color-warning-bg);
  border: 1px solid var(--color-warning-border);
  color: var(--color-warning-foreground);
}

.info__ieCiz {
  background-color: var(--color-info-bg);
  border: 1px solid var(--color-info-border);
  color: var(--color-info-foreground);
}

.success__H5VYf {
  background-color: var(--color-success-bg);
  border: 1px solid var(--color-success-border);
  color: var(--color-success-foreground);
}

.messageText__zDJ5_ {
  margin-right: 12px;
  flex: 1;
  word-break: break-word;
}

.closeButton__SiWQE {
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  padding: 0;
  margin-left: 8px;
  line-height: 1;
  transition: color 0.3s;
}

@keyframes slideIn__xD04S {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_typescript@5.9.2_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[3]!./src/components/customCom/ErrorMessage/index.h5.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
  SCSS Alias Layer
  - Provides SCSS variables and mixins that reference CSS variables (design tokens)
  - Use in *.module.scss files via: @use '.../alias.scss' as t;
*/
/* Color aliases */
/* Radii */
/* Typography */
.errorContainer__jBk_K {
  position: fixed;
  top: calc(env(safe-area-inset-top, 0) + 0.25445rem);
  left: 0.25445rem;
  right: 0.25445rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.20356rem;
  pointer-events: none;
  z-index: 2000;
  font-size: 0.35623rem;
}

.messageItem__ZekCL {
  padding: 0.25445rem 0.30534rem;
  border-radius: var(--radius-xs);
  box-shadow: var(--shadow-sm);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  animation: slideDown__o_DUo 0.3s ease;
  pointer-events: auto;
  font-size: 0.35623rem;
}

.error__CWF7q {
  background-color: var(--color-error-bg);
  border: 0.02545rem solid var(--color-error-border);
  color: var(--color-error-foreground);
}

.warning__DV1G8 {
  background-color: var(--color-warning-bg);
  border: 0.02545rem solid var(--color-warning-border);
  color: var(--color-warning-foreground);
}

.info__kmx_X {
  background-color: var(--color-info-bg);
  border: 0.02545rem solid var(--color-info-border);
  color: var(--color-info-foreground);
}

.success__oD2w9 {
  background-color: var(--color-success-bg);
  border: 0.02545rem solid var(--color-success-border);
  color: var(--color-success-foreground);
}

.messageText__TYw61 {
  margin-right: 0.20356rem;
  flex: 1;
  word-break: break-word;
}

.closeButton__gk1nl {
  background: none;
  border: none;
  font-size: 0.40712rem;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.45);
  padding: 0;
  margin-left: 0.10178rem;
  line-height: 1;
  height: 0.50891rem;
  width: 0.50891rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes slideDown__o_DUo {
  from {
    opacity: 0;
    transform: translateY(-0.50891rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_typescript@5.9.2_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[3]!./src/pages/Registration/h5/styles.h5.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container__BBSTs {
  width: 100%;
  height: 100%;
  background-color: #ffd800;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1.09415rem;
}
.container__BBSTs .menuItem__vLNDo {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-right: 0.61069rem;
  gap: 0.50891rem;
  padding-top: 0.10178rem;
}
.container__BBSTs .menuItem__vLNDo .changeLn__aSBjY {
  border: 0.05089rem solid #000;
  font-size: 0.30534rem;
  border-radius: 0.12723rem;
  font-weight: 700;
  text-align: center;
  line-height: 0.40712rem;
  width: 0.50891rem;
  height: 0.50891rem;
  cursor: pointer;
}
.container__BBSTs .menuItem__vLNDo img {
  width: 0.50891rem;
  height: 0.50891rem;
}
.container__BBSTs button {
  height: 1.22137rem;
}
.container__BBSTs button span {
  font-weight: 700;
}

.juniLogo__YLYCB {
  width: 5.08906rem;
  height: 1.22137rem;
}

.buttonGroup__JLG8Y {
  display: flex;
  flex-direction: column;
  gap: 0.30534rem;
  width: 100%;
  padding: 0.50891rem;
  box-sizing: border-box;
}

.createButton__n0HOT {
  height: 1.22137rem;
  box-sizing: border-box;
  background: #1d2129;
  border-radius: 0.30534rem;
  color: #ffffff;
  font-weight: 700;
  font-size: 0.35623rem;
  line-height: 1.57;
  border: none;
}
.createButton__n0HOT:hover {
  background: #2b2f36;
}

.loginButton__msxDs {
  height: 1.22137rem;
  background: #ffffff !important;
  border-radius: 0.30534rem;
  color: #1d2129 !important;
  font-weight: 700;
  font-size: 0.35623rem;
  line-height: 1.57;
}
.loginButton__msxDs:hover {
  background: #f5f5f5;
}

.languageBox__TZuFm {
  width: 4.07125rem;
  background-color: #fff;
  border-radius: 0.20356rem;
  top: 0.71247rem;
  right: 1.6285rem;
  font-size: 0.40712rem;
  position: absolute;
  font-weight: bold;
}

.languageList__DwgbT {
  border-radius: 0.20356rem;
  list-style: none;
}

.languageItem__gK4u9 {
  border-radius: 0.20356rem;
  padding: 0.38168rem 0.63613rem;
  align-items: center;
  text-align: center;
  cursor: pointer;
  transition: var(--transition);
  position: relative;
}

.languageItem__gK4u9.selected__l2EMv {
  background-color: var(--color-fill-2);
}

.buttonContainer1__kwCPG {
  display: flex;
  justify-content: center;
  gap: 0.40712rem;
  margin-top: 0.61069rem;
}
.buttonContainer1__kwCPG .closeButton__AzpJ2 {
  width: 7.63359rem;
  border-radius: 0.20356rem;
  background-color: rgb(236, 238, 242) !important;
  color: black !important;
  font-weight: 700 !important;
}

.notTitle__c1Y5U {
  line-height: 1.5;
  text-align: center;
  font-size: 0.40712rem;
  color: rgb(29, 33, 41);
}

.notText__jYQSL {
  line-height: 1.5;
  text-align: center;
  font-size: 0.35623rem;
  color: rgb(100, 119, 147);
}

.prompt__TJX1t .arco-m-masking-content.at-center {
  text-align: center;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].oneOf[0].use[2]!./node_modules/.pnpm/@arco-design+mobile-react@2.38.2_@types+react-dom@18.3.7_@types+react@18.3.24__@types+react@1_4lfnfxg4ayyrsm7p7tbwprgr6m/node_modules/@arco-design/mobile-react/esm/transition/style/index.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * @type mixin-var
 * @name GeneralMixinVars
 * @name_en General Mixin
 */
/**
 * 根据 base-font-size，设置单位尺寸为 rem
 * @desc {en} set the unit size to rem based on base-font-size
 * @param @property css属性名
 * @param @property {en} css property
 * @param @values css属性值，如果为复合属性，值可以用逗号分隔开
 * @param @values {en} css property value, the values can be separated by commas when the style is composite
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .rem(font-size, 14);
 *     .rem(padding, 16, 0);
 * }
 * ```
 */
/**
 * 根据 base-font-size，设置常规模式和 rtl 模式下单位尺寸为 rem
 * @desc {en} set the unit size to rem for regular and RTL modes based on the base-font-size
 * @param @property css属性名
 * @param @property {en} css property
 * @param @values css属性值，如果为复合属性，值可以用逗号分隔开
 * @param @values {en} css property value, the values can be separated by commas when the style is composite
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .rem-with-rtl(font-size, 14);
 *     .rem-with-rtl(padding, 16, 0);
 * }
 * ```
 */
/**
 * 当 less 变量 use-dark-mode=1 时，自定义暗黑模式样式规则
 * @desc {en} Customize dark mode style rules when the less variable use-dark-mode=1.
 * @param @rules 对应的暗黑模式规则
 * @param @rules {en} Corresponding dark mode rules
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-dark-mode-query({
 *         background-color: #000;
 *     });
 * }
 * ```
 */
/**
 * 为属性设置 arco 提供的 token 变量
 * @desc {en} set the token variable provided by Arco for the attribute
 * @param @property css属性名
 * @param @property {en} css property
 * @param @variables token变量名
 * @param @variables {en} token variable name
 * @param @preValues 复合属性css变量前缀
 * @param @preValues {en} prefix for Compound Attribute CSS Variables
 * @param @nextValues 复合属性css变量后缀
 * @param @nextValues {en} suffix for Compound Attribute CSS Variables
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-var(background, primary-color);
 *     .use-var(border, primary-color, 1px solid);
 *     .use-var(border, cell-border-width, '', solid black);
 * }
 * ```
 */
/**
 * 为属性设置 transition 变量
 * @desc {en} set the transition variable for the attribute
 * @param @transitionVariable transition 变量名
 * @param @transitionVariable {en} transition variable name
 * @param @backupVariable 备份变量名
 * @param @backupVariable {en} backup variable name
 * @param @property css属性名
 * @param @property {en} css property
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-transition-var(builtin-transition-fade-enter-duration, transition-fade-duration);
 * }
 * ```
 */
/**
 * 在常规模式和 rtl 模式下为属性设置 arco 提供的 token 变量
 * @desc {en} set the token variable provided by Arco for the attribute in regular mode and RTL mode
 * @param @property css 属性名
 * @param @property {en} css property
 * @param @variables token 变量名
 * @param @variables {en} token variable name
 * @param @preValues
 * @param @preValues {en}
 * @param @nextValues
 * @param @nextValues {en}
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-var-with-rtl(margin-left, button-icon-text-gutter);
 * }
 * ```
 */
/**
 * 设置涉及左右相关的属性名，在rtl模式下自动替换为相反的属性名
 * @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
 * @param @property css属性名
 * @param @property {en} css property
 * @param @value css属性值
 * @param @value {en} css property value
 * @param @rules 自定义的复写规则，默认重置为initial
 * @param @rules {en} customized rewrite rules, default to initial
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *   .set-prop-with-rtl(right, auto);
 * }
 * ```
 */
/**
 * 设置涉及左右相关的属性值，在rtl模式下自动替换为相反的属性值
 * @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
 * @param @property css属性名
 * @param @property {en} css property
 * @param @value css属性值
 * @param @value {en} css property value
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *   .set-value-with-rtl(text-align, left);
 * }
 * ```
 */
/**
 * 在 rtl 模式下，自定义样式规则
 * @desc {en} custom style in RTL mode
 * @param @rules 对应的rtl模式下的规则
 * @param @rules {en} property with rtl
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .style-with-rtl({
 *         transform: scale(-1);
 *     });
 * }
 * ```
 */
/**
 * 0.5px 的边框线
 * @desc {en} a border line of 0.5 pixels
 * @param @color 使用 css 变量为线设置颜色
 * @param @color {en} set border-color by CSS variable
 * @param @direction 边框方向，默认为全部方向
 * @param @direction {en} border direction，default to all directions.
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .hairline-var(line-color);
 *     .hairline-var(line-color, top);
 * }
 * ```
 */
/**
 * 字体加粗
 * @desc {en} font bold
 * @param @color 使用 css 变量设置加粗的字体颜色，默认继承文字当前颜色
 * @param @color {en} set color by CSS variable
 * @param @stroke 字体粗细，默认 0.3px
 * @param @stroke {en} font weight, default 0.3 pixel
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .text-medium-var();
 *    .text-medium-var(primary-color, 0.5PX);
 * }
 * ```
 */
/**
 * 1px 边框
 * @desc {en} 1 pixel border
 * @param @direction 边框方向
 * @param @direction {en} border direction
 * @param @borderColor 使用 css 变量设置边框颜色
 * @param @borderColor {en} set border-color by CSS variable
 * @param @borderRadius border-radius，默认为 0
 * @param @borderRadius {en} border-radius, default value is 0
 * @param @borderWidth border-width，默认为 1px
 * @param @borderWidth {en} border-width, default value is 1 pixel
 * @param @borderStyle border-style，默认为 solid
 * @param @borderStyle {en} border-style, default value is solid
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .onepx-border-var(top, line-color);
 *    .onepx-border-var(all, line-color, 2, 2px, dashed);
 * }
 * ```
 */
/**
 * 元素右下 0.5px 边框
 * @desc {en} 0.5px border on bottom right
 * @param @color 使用 css 变量设置边框颜色
 * @param @color {en} set border-color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .hairline-bottom-right-var(line-color);
 * }
 * ```
 */
/**
 * 元素左上 0.5px 边框
 * @desc {en} 0.5px border on top left
 * @param @color 使用 css 变量设置边框颜色
 * @param @color {en} set border-color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .hairline-top-left-var(line-color);
 * }
 * ```
 */
/**
 * 设置 Loading 组件颜色
 * @desc {en} set Loading component color
 * @param @color 使用 css 变量设置颜色
 * @param @color {en} set color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-loading-color-var(primary-color);
 * }
 * ```
 */
/**
 * 设置最小字号
 * @desc {en} set minimum font-size
 * @param @size 使用 css 变量设置最小字号
 * @param @size {en} set minimum font-size by CSS variable
 * @param @scale 设置最小字号下文字缩放比例，默认为 0.9
 * @param @scale {en} set minimum font-size down text scale，default value is 0.9
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-font-size-var(badge-font-size);
 *    .set-font-size-var(badge-font-size, 0.5);
 * }
 * ```
 */
/**
 * 设置 content-box 盒模型下元素宽度
 * @desc {en} set box width in content-box
 * @param @property css 属性名
 * @param @property {en} css property
 * @param @width 元素总宽度，包含内边距
 * @param @width element width, include padding
 * @param @padding-left 左侧内边距
 * @param @padding-left {en} padding-left
 * @param @padding-right 右侧内边距
 * @param @padding-right {en} padding-right
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-content-box-width-var(min-width, badge-text-width, badge-text-padding-left, badge-text-padding-right);
 * }
 * ```
 */
/**
 * 设置 Steps 组件颜色
 * @desc {en} set Steps component color
 * @param @color 使用 css 变量设置主颜色
 * @param @color {en} set main step color by CSS variable
 * @param @finish-color 使用 css 变量设置已完成步骤的颜色
 * @param @finish-color {en} set finished step color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-steps-color-var(primary-color, lighter-primary-color);
 * }
 * ```
 */
/**
 * @type mixin
 * @name GeneralMixin
 * @name_en General Mixin
 */
/**
 * 文本溢出，支持1行/多行文本
 * @desc {en} text overflow, support single line or multiple lines
 * @param @lines 最大展示行数，默认为1行
 * @param @lines {en} allows limiting of the contents of a block to the specified number of lines, default to 1
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 * .demo1{
 *   .text-overflow();
 * }
 * .demo2 {
 *   .text-overflow(2);
 * }
 * ```
 */
/**
 * 禁用用户选择文本
 * @desc {en} disable user selection of text
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .noselect();
 * }
 */
/**
 * 全屏布局
 * @desc {en} full-screen layout
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .full-screen();
 * }
 */
/**
 * 文本加粗，兼容安卓设备
 * @desc {en} text-bold, compatible with Android devices
 * @param @color 文本颜色，默认为currentColor
 * @param @color {en} text color, default to currentColor
 * @param @stroke 文本字符笔触宽度，默认为0.3PX
 * @param @stroke {en} the width of strokes for text characters, default to 0.3PX
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo1 {
 *   .text-medium();
 * }
 * .demo2 {
 *   .text-medium(#fff, 0.5px);
 * }
 */
/**
 * 消除文本加粗样式，兼容安卓设备
 * @desc {en} remove text-bold, compatible with Android devices
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .remove-text-medium();
 * }
 */
/**
 * 1px(物理像素)边框
 * @desc {en} a border line of 1 pixel
 * @param @direction 边框方向
 * @param @direction {en} border direction
 * @param @borderColor 边框颜色，默认inherit
 * @param @borderColor {en} border color, default to inherit
 * @param @borderRadius 边框圆角，默认0
 * @param @borderRadius {en} border radius, default to 0
 * @param @borderWidth 边框宽度，默认1px
 * @param @borderWidth {en} border width, default to 1px
 * @param @borderStyle 边框样式，默认solid
 * @param @borderStyle {en} border style, default to solid
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .onepx-border();
 * }
 */
/**
 * 移除0.5px的边框线
 * @desc {en} remove border line of 0.5 pixels
 * @param @direction 边框方向，默认为全部方向
 * @param @direction {en} border direction，default to all directions.
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .remove-hairline(all);
 * }
 * ```
 */
/**
 * 元素右下 0.5px border
 * @desc {en} 0.5px border on bottom right
 * @param @color 边框颜色
 * @param @color {en} border-color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .hairline-bottom-right(#000);
 * }
 * ```
 */
/**
 * 元素左上 0.5px border
 * @desc {en} 0.5px border on top left
 * @param @color 边框颜色
 * @param @color {en} border-color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .hairline-top-left(#000);
 * }
 * ```
 */
/**
 * 输入涉及左右相关的属性名，获取方向相反的属性名，可用于处理rtl模式
 * @desc {en} get the property name in the opposite direction of the input property name, which can be used to process rtl mode
 * @param @origin-property css属性名
 * @param @origin-property {en} css property
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   @a: .prop-with-rtl(margin-left)[@property-name]; // @a 变量值为margin-right
 * }
 * ```
 */
/**
 * 设置Loading组件颜色
 * @desc {en} set Loading component color
 * @param @color 颜色
 * @param @color {en} color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-loading-color(#000);
 * }
 * ```
 */
/**
 * 设置最小字号
 * @desc {en} set minimum font-size
 * @param @size 最小字号
 * @param @size {en} minimum font-size
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-font-size(10px);
 * }
 * ```
 */
/**
 * 设置content-box盒模型下元素宽度
 * @desc {en} set box width in content-box
 * @param @property css属性名
 * @param @property {en} css property
 * @param @width 元素总宽度，包含内边距
 * @param @width element width, include padding
 * @param @padding-left 左侧内边距
 * @param @padding-left {en} padding-left
 * @param @padding-right 右侧内边距
 * @param @padding-right {en} padding-right
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-content-box-width(min-width, 300px, 10px, 10px);
 * }
 * ```
 */
/**
 * 设置Steps组件当前步骤主要颜色，已完成步骤颜色自动计算为当前步骤颜色透明度10%
 * @desc {en} set Steps component color
 * @param @color 当前步骤背景、标题文本颜色
 * @param @color {en} color of current step background and title text
 * @param @finish-color 已完成步骤背景色
 * @param @finish-color {en} color of finished step background
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-steps-color(#FFB400);
 * }
 * ```
 */
.arco-m-fade-enter {
  opacity: 0;
}
.arco-m-fade-enter-active {
  opacity: 1;
  transition-property: opacity;
  transition-duration: var(--builtin-transition-fade-enter-duration,  300ms );
}
.arco-m-fade-exit {
  opacity: 1;
}
.arco-m-fade-exit-active {
  opacity: 0;
  transition-property: opacity;
  transition-duration: var(--builtin-transition-fade-exit-duration,  300ms );
}
.arco-m-fade-exit-done {
  display: none;
}
/***************************************************
 *                                                 *
 *               Arco Theme Style                  *
 *                                                 *
 ***************************************************/
.arco-theme-dark .process-bg-color-with-config,
.arco-theme-dark .process-custom-icon-bg-color-with-config {
  color:  rgba(255, 255, 255, 0.9) ;
}
.arco-theme-dark .wait-custom-icon-bg-color-with-config {
  background:  #2e2e30 ;
  color:  #929293 ;
}
/********************* End *************************/

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].oneOf[0].use[2]!./node_modules/.pnpm/@arco-design+mobile-react@2.38.2_@types+react-dom@18.3.7_@types+react@18.3.24__@types+react@1_4lfnfxg4ayyrsm7p7tbwprgr6m/node_modules/@arco-design/mobile-react/esm/masking/style/index.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * @type mixin-var
 * @name GeneralMixinVars
 * @name_en General Mixin
 */
/**
 * 根据 base-font-size，设置单位尺寸为 rem
 * @desc {en} set the unit size to rem based on base-font-size
 * @param @property css属性名
 * @param @property {en} css property
 * @param @values css属性值，如果为复合属性，值可以用逗号分隔开
 * @param @values {en} css property value, the values can be separated by commas when the style is composite
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .rem(font-size, 14);
 *     .rem(padding, 16, 0);
 * }
 * ```
 */
/**
 * 根据 base-font-size，设置常规模式和 rtl 模式下单位尺寸为 rem
 * @desc {en} set the unit size to rem for regular and RTL modes based on the base-font-size
 * @param @property css属性名
 * @param @property {en} css property
 * @param @values css属性值，如果为复合属性，值可以用逗号分隔开
 * @param @values {en} css property value, the values can be separated by commas when the style is composite
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .rem-with-rtl(font-size, 14);
 *     .rem-with-rtl(padding, 16, 0);
 * }
 * ```
 */
/**
 * 当 less 变量 use-dark-mode=1 时，自定义暗黑模式样式规则
 * @desc {en} Customize dark mode style rules when the less variable use-dark-mode=1.
 * @param @rules 对应的暗黑模式规则
 * @param @rules {en} Corresponding dark mode rules
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-dark-mode-query({
 *         background-color: #000;
 *     });
 * }
 * ```
 */
/**
 * 为属性设置 arco 提供的 token 变量
 * @desc {en} set the token variable provided by Arco for the attribute
 * @param @property css属性名
 * @param @property {en} css property
 * @param @variables token变量名
 * @param @variables {en} token variable name
 * @param @preValues 复合属性css变量前缀
 * @param @preValues {en} prefix for Compound Attribute CSS Variables
 * @param @nextValues 复合属性css变量后缀
 * @param @nextValues {en} suffix for Compound Attribute CSS Variables
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-var(background, primary-color);
 *     .use-var(border, primary-color, 1px solid);
 *     .use-var(border, cell-border-width, '', solid black);
 * }
 * ```
 */
/**
 * 为属性设置 transition 变量
 * @desc {en} set the transition variable for the attribute
 * @param @transitionVariable transition 变量名
 * @param @transitionVariable {en} transition variable name
 * @param @backupVariable 备份变量名
 * @param @backupVariable {en} backup variable name
 * @param @property css属性名
 * @param @property {en} css property
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-transition-var(builtin-transition-fade-enter-duration, transition-fade-duration);
 * }
 * ```
 */
/**
 * 在常规模式和 rtl 模式下为属性设置 arco 提供的 token 变量
 * @desc {en} set the token variable provided by Arco for the attribute in regular mode and RTL mode
 * @param @property css 属性名
 * @param @property {en} css property
 * @param @variables token 变量名
 * @param @variables {en} token variable name
 * @param @preValues
 * @param @preValues {en}
 * @param @nextValues
 * @param @nextValues {en}
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-var-with-rtl(margin-left, button-icon-text-gutter);
 * }
 * ```
 */
/**
 * 设置涉及左右相关的属性名，在rtl模式下自动替换为相反的属性名
 * @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
 * @param @property css属性名
 * @param @property {en} css property
 * @param @value css属性值
 * @param @value {en} css property value
 * @param @rules 自定义的复写规则，默认重置为initial
 * @param @rules {en} customized rewrite rules, default to initial
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *   .set-prop-with-rtl(right, auto);
 * }
 * ```
 */
/**
 * 设置涉及左右相关的属性值，在rtl模式下自动替换为相反的属性值
 * @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
 * @param @property css属性名
 * @param @property {en} css property
 * @param @value css属性值
 * @param @value {en} css property value
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *   .set-value-with-rtl(text-align, left);
 * }
 * ```
 */
/**
 * 在 rtl 模式下，自定义样式规则
 * @desc {en} custom style in RTL mode
 * @param @rules 对应的rtl模式下的规则
 * @param @rules {en} property with rtl
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .style-with-rtl({
 *         transform: scale(-1);
 *     });
 * }
 * ```
 */
/**
 * 0.5px 的边框线
 * @desc {en} a border line of 0.5 pixels
 * @param @color 使用 css 变量为线设置颜色
 * @param @color {en} set border-color by CSS variable
 * @param @direction 边框方向，默认为全部方向
 * @param @direction {en} border direction，default to all directions.
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .hairline-var(line-color);
 *     .hairline-var(line-color, top);
 * }
 * ```
 */
/**
 * 字体加粗
 * @desc {en} font bold
 * @param @color 使用 css 变量设置加粗的字体颜色，默认继承文字当前颜色
 * @param @color {en} set color by CSS variable
 * @param @stroke 字体粗细，默认 0.3px
 * @param @stroke {en} font weight, default 0.3 pixel
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .text-medium-var();
 *    .text-medium-var(primary-color, 0.5PX);
 * }
 * ```
 */
/**
 * 1px 边框
 * @desc {en} 1 pixel border
 * @param @direction 边框方向
 * @param @direction {en} border direction
 * @param @borderColor 使用 css 变量设置边框颜色
 * @param @borderColor {en} set border-color by CSS variable
 * @param @borderRadius border-radius，默认为 0
 * @param @borderRadius {en} border-radius, default value is 0
 * @param @borderWidth border-width，默认为 1px
 * @param @borderWidth {en} border-width, default value is 1 pixel
 * @param @borderStyle border-style，默认为 solid
 * @param @borderStyle {en} border-style, default value is solid
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .onepx-border-var(top, line-color);
 *    .onepx-border-var(all, line-color, 2, 2px, dashed);
 * }
 * ```
 */
/**
 * 元素右下 0.5px 边框
 * @desc {en} 0.5px border on bottom right
 * @param @color 使用 css 变量设置边框颜色
 * @param @color {en} set border-color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .hairline-bottom-right-var(line-color);
 * }
 * ```
 */
/**
 * 元素左上 0.5px 边框
 * @desc {en} 0.5px border on top left
 * @param @color 使用 css 变量设置边框颜色
 * @param @color {en} set border-color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .hairline-top-left-var(line-color);
 * }
 * ```
 */
/**
 * 设置 Loading 组件颜色
 * @desc {en} set Loading component color
 * @param @color 使用 css 变量设置颜色
 * @param @color {en} set color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-loading-color-var(primary-color);
 * }
 * ```
 */
/**
 * 设置最小字号
 * @desc {en} set minimum font-size
 * @param @size 使用 css 变量设置最小字号
 * @param @size {en} set minimum font-size by CSS variable
 * @param @scale 设置最小字号下文字缩放比例，默认为 0.9
 * @param @scale {en} set minimum font-size down text scale，default value is 0.9
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-font-size-var(badge-font-size);
 *    .set-font-size-var(badge-font-size, 0.5);
 * }
 * ```
 */
/**
 * 设置 content-box 盒模型下元素宽度
 * @desc {en} set box width in content-box
 * @param @property css 属性名
 * @param @property {en} css property
 * @param @width 元素总宽度，包含内边距
 * @param @width element width, include padding
 * @param @padding-left 左侧内边距
 * @param @padding-left {en} padding-left
 * @param @padding-right 右侧内边距
 * @param @padding-right {en} padding-right
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-content-box-width-var(min-width, badge-text-width, badge-text-padding-left, badge-text-padding-right);
 * }
 * ```
 */
/**
 * 设置 Steps 组件颜色
 * @desc {en} set Steps component color
 * @param @color 使用 css 变量设置主颜色
 * @param @color {en} set main step color by CSS variable
 * @param @finish-color 使用 css 变量设置已完成步骤的颜色
 * @param @finish-color {en} set finished step color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-steps-color-var(primary-color, lighter-primary-color);
 * }
 * ```
 */
/**
 * @type mixin
 * @name GeneralMixin
 * @name_en General Mixin
 */
/**
 * 文本溢出，支持1行/多行文本
 * @desc {en} text overflow, support single line or multiple lines
 * @param @lines 最大展示行数，默认为1行
 * @param @lines {en} allows limiting of the contents of a block to the specified number of lines, default to 1
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 * .demo1{
 *   .text-overflow();
 * }
 * .demo2 {
 *   .text-overflow(2);
 * }
 * ```
 */
/**
 * 禁用用户选择文本
 * @desc {en} disable user selection of text
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .noselect();
 * }
 */
/**
 * 全屏布局
 * @desc {en} full-screen layout
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .full-screen();
 * }
 */
/**
 * 文本加粗，兼容安卓设备
 * @desc {en} text-bold, compatible with Android devices
 * @param @color 文本颜色，默认为currentColor
 * @param @color {en} text color, default to currentColor
 * @param @stroke 文本字符笔触宽度，默认为0.3PX
 * @param @stroke {en} the width of strokes for text characters, default to 0.3PX
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo1 {
 *   .text-medium();
 * }
 * .demo2 {
 *   .text-medium(#fff, 0.5px);
 * }
 */
/**
 * 消除文本加粗样式，兼容安卓设备
 * @desc {en} remove text-bold, compatible with Android devices
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .remove-text-medium();
 * }
 */
/**
 * 1px(物理像素)边框
 * @desc {en} a border line of 1 pixel
 * @param @direction 边框方向
 * @param @direction {en} border direction
 * @param @borderColor 边框颜色，默认inherit
 * @param @borderColor {en} border color, default to inherit
 * @param @borderRadius 边框圆角，默认0
 * @param @borderRadius {en} border radius, default to 0
 * @param @borderWidth 边框宽度，默认1px
 * @param @borderWidth {en} border width, default to 1px
 * @param @borderStyle 边框样式，默认solid
 * @param @borderStyle {en} border style, default to solid
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .onepx-border();
 * }
 */
/**
 * 移除0.5px的边框线
 * @desc {en} remove border line of 0.5 pixels
 * @param @direction 边框方向，默认为全部方向
 * @param @direction {en} border direction，default to all directions.
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .remove-hairline(all);
 * }
 * ```
 */
/**
 * 元素右下 0.5px border
 * @desc {en} 0.5px border on bottom right
 * @param @color 边框颜色
 * @param @color {en} border-color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .hairline-bottom-right(#000);
 * }
 * ```
 */
/**
 * 元素左上 0.5px border
 * @desc {en} 0.5px border on top left
 * @param @color 边框颜色
 * @param @color {en} border-color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .hairline-top-left(#000);
 * }
 * ```
 */
/**
 * 输入涉及左右相关的属性名，获取方向相反的属性名，可用于处理rtl模式
 * @desc {en} get the property name in the opposite direction of the input property name, which can be used to process rtl mode
 * @param @origin-property css属性名
 * @param @origin-property {en} css property
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   @a: .prop-with-rtl(margin-left)[@property-name]; // @a 变量值为margin-right
 * }
 * ```
 */
/**
 * 设置Loading组件颜色
 * @desc {en} set Loading component color
 * @param @color 颜色
 * @param @color {en} color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-loading-color(#000);
 * }
 * ```
 */
/**
 * 设置最小字号
 * @desc {en} set minimum font-size
 * @param @size 最小字号
 * @param @size {en} minimum font-size
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-font-size(10px);
 * }
 * ```
 */
/**
 * 设置content-box盒模型下元素宽度
 * @desc {en} set box width in content-box
 * @param @property css属性名
 * @param @property {en} css property
 * @param @width 元素总宽度，包含内边距
 * @param @width element width, include padding
 * @param @padding-left 左侧内边距
 * @param @padding-left {en} padding-left
 * @param @padding-right 右侧内边距
 * @param @padding-right {en} padding-right
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-content-box-width(min-width, 300px, 10px, 10px);
 * }
 * ```
 */
/**
 * 设置Steps组件当前步骤主要颜色，已完成步骤颜色自动计算为当前步骤颜色透明度10%
 * @desc {en} set Steps component color
 * @param @color 当前步骤背景、标题文本颜色
 * @param @color {en} color of current step background and title text
 * @param @finish-color 已完成步骤背景色
 * @param @finish-color {en} color of finished step background
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-steps-color(#FFB400);
 * }
 * ```
 */
.arco-m-masking-mask.pre-mount:not([class*="-enter"]):not([class*="-exit"]),
.arco-m-masking-content.pre-mount:not([class*="-enter"]):not([class*="-exit"]),
.arco-m-masking-mask[class*="-exit-done"],
.arco-m-masking-content[class*="-exit-done"] {
  opacity: 0;
  pointer-events: none;
}
.arco-m-masking-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  background:  rgba(0, 0, 0, 0.6) ;
}
.arco-m-masking-content {
  position: fixed;
  z-index: 1001;
}
.arco-m-masking-content.at-center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/***************************************************
 *                                                 *
 *               Arco Theme Style                  *
 *                                                 *
 ***************************************************/
.arco-theme-dark .process-bg-color-with-config,
.arco-theme-dark .process-custom-icon-bg-color-with-config {
  color:  rgba(255, 255, 255, 0.9) ;
}
.arco-theme-dark .wait-custom-icon-bg-color-with-config {
  background:  #2e2e30 ;
  color:  #929293 ;
}
/********************* End *************************/

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].oneOf[0].use[2]!./node_modules/.pnpm/@arco-design+mobile-react@2.38.2_@types+react-dom@18.3.7_@types+react@18.3.24__@types+react@1_4lfnfxg4ayyrsm7p7tbwprgr6m/node_modules/@arco-design/mobile-react/esm/popup/style/index.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * @type mixin-var
 * @name GeneralMixinVars
 * @name_en General Mixin
 */
/**
 * 根据 base-font-size，设置单位尺寸为 rem
 * @desc {en} set the unit size to rem based on base-font-size
 * @param @property css属性名
 * @param @property {en} css property
 * @param @values css属性值，如果为复合属性，值可以用逗号分隔开
 * @param @values {en} css property value, the values can be separated by commas when the style is composite
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .rem(font-size, 14);
 *     .rem(padding, 16, 0);
 * }
 * ```
 */
/**
 * 根据 base-font-size，设置常规模式和 rtl 模式下单位尺寸为 rem
 * @desc {en} set the unit size to rem for regular and RTL modes based on the base-font-size
 * @param @property css属性名
 * @param @property {en} css property
 * @param @values css属性值，如果为复合属性，值可以用逗号分隔开
 * @param @values {en} css property value, the values can be separated by commas when the style is composite
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .rem-with-rtl(font-size, 14);
 *     .rem-with-rtl(padding, 16, 0);
 * }
 * ```
 */
/**
 * 当 less 变量 use-dark-mode=1 时，自定义暗黑模式样式规则
 * @desc {en} Customize dark mode style rules when the less variable use-dark-mode=1.
 * @param @rules 对应的暗黑模式规则
 * @param @rules {en} Corresponding dark mode rules
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-dark-mode-query({
 *         background-color: #000;
 *     });
 * }
 * ```
 */
/**
 * 为属性设置 arco 提供的 token 变量
 * @desc {en} set the token variable provided by Arco for the attribute
 * @param @property css属性名
 * @param @property {en} css property
 * @param @variables token变量名
 * @param @variables {en} token variable name
 * @param @preValues 复合属性css变量前缀
 * @param @preValues {en} prefix for Compound Attribute CSS Variables
 * @param @nextValues 复合属性css变量后缀
 * @param @nextValues {en} suffix for Compound Attribute CSS Variables
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-var(background, primary-color);
 *     .use-var(border, primary-color, 1px solid);
 *     .use-var(border, cell-border-width, '', solid black);
 * }
 * ```
 */
/**
 * 为属性设置 transition 变量
 * @desc {en} set the transition variable for the attribute
 * @param @transitionVariable transition 变量名
 * @param @transitionVariable {en} transition variable name
 * @param @backupVariable 备份变量名
 * @param @backupVariable {en} backup variable name
 * @param @property css属性名
 * @param @property {en} css property
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-transition-var(builtin-transition-fade-enter-duration, transition-fade-duration);
 * }
 * ```
 */
/**
 * 在常规模式和 rtl 模式下为属性设置 arco 提供的 token 变量
 * @desc {en} set the token variable provided by Arco for the attribute in regular mode and RTL mode
 * @param @property css 属性名
 * @param @property {en} css property
 * @param @variables token 变量名
 * @param @variables {en} token variable name
 * @param @preValues
 * @param @preValues {en}
 * @param @nextValues
 * @param @nextValues {en}
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-var-with-rtl(margin-left, button-icon-text-gutter);
 * }
 * ```
 */
/**
 * 设置涉及左右相关的属性名，在rtl模式下自动替换为相反的属性名
 * @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
 * @param @property css属性名
 * @param @property {en} css property
 * @param @value css属性值
 * @param @value {en} css property value
 * @param @rules 自定义的复写规则，默认重置为initial
 * @param @rules {en} customized rewrite rules, default to initial
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *   .set-prop-with-rtl(right, auto);
 * }
 * ```
 */
/**
 * 设置涉及左右相关的属性值，在rtl模式下自动替换为相反的属性值
 * @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
 * @param @property css属性名
 * @param @property {en} css property
 * @param @value css属性值
 * @param @value {en} css property value
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *   .set-value-with-rtl(text-align, left);
 * }
 * ```
 */
/**
 * 在 rtl 模式下，自定义样式规则
 * @desc {en} custom style in RTL mode
 * @param @rules 对应的rtl模式下的规则
 * @param @rules {en} property with rtl
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .style-with-rtl({
 *         transform: scale(-1);
 *     });
 * }
 * ```
 */
/**
 * 0.5px 的边框线
 * @desc {en} a border line of 0.5 pixels
 * @param @color 使用 css 变量为线设置颜色
 * @param @color {en} set border-color by CSS variable
 * @param @direction 边框方向，默认为全部方向
 * @param @direction {en} border direction，default to all directions.
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .hairline-var(line-color);
 *     .hairline-var(line-color, top);
 * }
 * ```
 */
/**
 * 字体加粗
 * @desc {en} font bold
 * @param @color 使用 css 变量设置加粗的字体颜色，默认继承文字当前颜色
 * @param @color {en} set color by CSS variable
 * @param @stroke 字体粗细，默认 0.3px
 * @param @stroke {en} font weight, default 0.3 pixel
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .text-medium-var();
 *    .text-medium-var(primary-color, 0.5PX);
 * }
 * ```
 */
/**
 * 1px 边框
 * @desc {en} 1 pixel border
 * @param @direction 边框方向
 * @param @direction {en} border direction
 * @param @borderColor 使用 css 变量设置边框颜色
 * @param @borderColor {en} set border-color by CSS variable
 * @param @borderRadius border-radius，默认为 0
 * @param @borderRadius {en} border-radius, default value is 0
 * @param @borderWidth border-width，默认为 1px
 * @param @borderWidth {en} border-width, default value is 1 pixel
 * @param @borderStyle border-style，默认为 solid
 * @param @borderStyle {en} border-style, default value is solid
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .onepx-border-var(top, line-color);
 *    .onepx-border-var(all, line-color, 2, 2px, dashed);
 * }
 * ```
 */
/**
 * 元素右下 0.5px 边框
 * @desc {en} 0.5px border on bottom right
 * @param @color 使用 css 变量设置边框颜色
 * @param @color {en} set border-color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .hairline-bottom-right-var(line-color);
 * }
 * ```
 */
/**
 * 元素左上 0.5px 边框
 * @desc {en} 0.5px border on top left
 * @param @color 使用 css 变量设置边框颜色
 * @param @color {en} set border-color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .hairline-top-left-var(line-color);
 * }
 * ```
 */
/**
 * 设置 Loading 组件颜色
 * @desc {en} set Loading component color
 * @param @color 使用 css 变量设置颜色
 * @param @color {en} set color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-loading-color-var(primary-color);
 * }
 * ```
 */
/**
 * 设置最小字号
 * @desc {en} set minimum font-size
 * @param @size 使用 css 变量设置最小字号
 * @param @size {en} set minimum font-size by CSS variable
 * @param @scale 设置最小字号下文字缩放比例，默认为 0.9
 * @param @scale {en} set minimum font-size down text scale，default value is 0.9
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-font-size-var(badge-font-size);
 *    .set-font-size-var(badge-font-size, 0.5);
 * }
 * ```
 */
/**
 * 设置 content-box 盒模型下元素宽度
 * @desc {en} set box width in content-box
 * @param @property css 属性名
 * @param @property {en} css property
 * @param @width 元素总宽度，包含内边距
 * @param @width element width, include padding
 * @param @padding-left 左侧内边距
 * @param @padding-left {en} padding-left
 * @param @padding-right 右侧内边距
 * @param @padding-right {en} padding-right
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-content-box-width-var(min-width, badge-text-width, badge-text-padding-left, badge-text-padding-right);
 * }
 * ```
 */
/**
 * 设置 Steps 组件颜色
 * @desc {en} set Steps component color
 * @param @color 使用 css 变量设置主颜色
 * @param @color {en} set main step color by CSS variable
 * @param @finish-color 使用 css 变量设置已完成步骤的颜色
 * @param @finish-color {en} set finished step color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-steps-color-var(primary-color, lighter-primary-color);
 * }
 * ```
 */
/**
 * @type mixin
 * @name GeneralMixin
 * @name_en General Mixin
 */
/**
 * 文本溢出，支持1行/多行文本
 * @desc {en} text overflow, support single line or multiple lines
 * @param @lines 最大展示行数，默认为1行
 * @param @lines {en} allows limiting of the contents of a block to the specified number of lines, default to 1
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 * .demo1{
 *   .text-overflow();
 * }
 * .demo2 {
 *   .text-overflow(2);
 * }
 * ```
 */
/**
 * 禁用用户选择文本
 * @desc {en} disable user selection of text
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .noselect();
 * }
 */
/**
 * 全屏布局
 * @desc {en} full-screen layout
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .full-screen();
 * }
 */
/**
 * 文本加粗，兼容安卓设备
 * @desc {en} text-bold, compatible with Android devices
 * @param @color 文本颜色，默认为currentColor
 * @param @color {en} text color, default to currentColor
 * @param @stroke 文本字符笔触宽度，默认为0.3PX
 * @param @stroke {en} the width of strokes for text characters, default to 0.3PX
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo1 {
 *   .text-medium();
 * }
 * .demo2 {
 *   .text-medium(#fff, 0.5px);
 * }
 */
/**
 * 消除文本加粗样式，兼容安卓设备
 * @desc {en} remove text-bold, compatible with Android devices
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .remove-text-medium();
 * }
 */
/**
 * 1px(物理像素)边框
 * @desc {en} a border line of 1 pixel
 * @param @direction 边框方向
 * @param @direction {en} border direction
 * @param @borderColor 边框颜色，默认inherit
 * @param @borderColor {en} border color, default to inherit
 * @param @borderRadius 边框圆角，默认0
 * @param @borderRadius {en} border radius, default to 0
 * @param @borderWidth 边框宽度，默认1px
 * @param @borderWidth {en} border width, default to 1px
 * @param @borderStyle 边框样式，默认solid
 * @param @borderStyle {en} border style, default to solid
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .onepx-border();
 * }
 */
/**
 * 移除0.5px的边框线
 * @desc {en} remove border line of 0.5 pixels
 * @param @direction 边框方向，默认为全部方向
 * @param @direction {en} border direction，default to all directions.
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .remove-hairline(all);
 * }
 * ```
 */
/**
 * 元素右下 0.5px border
 * @desc {en} 0.5px border on bottom right
 * @param @color 边框颜色
 * @param @color {en} border-color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .hairline-bottom-right(#000);
 * }
 * ```
 */
/**
 * 元素左上 0.5px border
 * @desc {en} 0.5px border on top left
 * @param @color 边框颜色
 * @param @color {en} border-color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .hairline-top-left(#000);
 * }
 * ```
 */
/**
 * 输入涉及左右相关的属性名，获取方向相反的属性名，可用于处理rtl模式
 * @desc {en} get the property name in the opposite direction of the input property name, which can be used to process rtl mode
 * @param @origin-property css属性名
 * @param @origin-property {en} css property
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   @a: .prop-with-rtl(margin-left)[@property-name]; // @a 变量值为margin-right
 * }
 * ```
 */
/**
 * 设置Loading组件颜色
 * @desc {en} set Loading component color
 * @param @color 颜色
 * @param @color {en} color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-loading-color(#000);
 * }
 * ```
 */
/**
 * 设置最小字号
 * @desc {en} set minimum font-size
 * @param @size 最小字号
 * @param @size {en} minimum font-size
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-font-size(10px);
 * }
 * ```
 */
/**
 * 设置content-box盒模型下元素宽度
 * @desc {en} set box width in content-box
 * @param @property css属性名
 * @param @property {en} css property
 * @param @width 元素总宽度，包含内边距
 * @param @width element width, include padding
 * @param @padding-left 左侧内边距
 * @param @padding-left {en} padding-left
 * @param @padding-right 右侧内边距
 * @param @padding-right {en} padding-right
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-content-box-width(min-width, 300px, 10px, 10px);
 * }
 * ```
 */
/**
 * 设置Steps组件当前步骤主要颜色，已完成步骤颜色自动计算为当前步骤颜色透明度10%
 * @desc {en} set Steps component color
 * @param @color 当前步骤背景、标题文本颜色
 * @param @color {en} color of current step background and title text
 * @param @finish-color 已完成步骤背景色
 * @param @finish-color {en} color of finished step background
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-steps-color(#FFB400);
 * }
 * ```
 */
.arco-m-popup .arco-m-slide-from-left-enter,
.arco-m-popup .arco-m-slide-from-left-exit-active,
.arco-m-popup .arco-m-slide-from-left-exit-done {
  transform: translate(-100%, 0);
}
.arco-m-popup .arco-m-slide-from-left-enter.translateZ,
.arco-m-popup .arco-m-slide-from-left-exit-active.translateZ,
.arco-m-popup .arco-m-slide-from-left-exit-done.translateZ {
  transform: translate(-100%, 0) translateZ(2PX);
}
.arco-m-popup .arco-m-slide-from-right-enter,
.arco-m-popup .arco-m-slide-from-right-exit-active,
.arco-m-popup .arco-m-slide-from-right-exit-done {
  transform: translate(100%, 0);
}
.arco-m-popup .arco-m-slide-from-right-enter.translateZ,
.arco-m-popup .arco-m-slide-from-right-exit-active.translateZ,
.arco-m-popup .arco-m-slide-from-right-exit-done.translateZ {
  transform: translate(100%, 0) translateZ(2PX);
}
.arco-m-popup .arco-m-slide-from-top-enter,
.arco-m-popup .arco-m-slide-from-top-exit-active,
.arco-m-popup .arco-m-slide-from-top-exit-done {
  transform: translate(0, -100%);
}
.arco-m-popup .arco-m-slide-from-top-enter.translateZ,
.arco-m-popup .arco-m-slide-from-top-exit-active.translateZ,
.arco-m-popup .arco-m-slide-from-top-exit-done.translateZ {
  transform: translate(0, -100%) translateZ(2PX);
}
.arco-m-popup .arco-m-slide-from-bottom-enter,
.arco-m-popup .arco-m-slide-from-bottom-exit-active,
.arco-m-popup .arco-m-slide-from-bottom-exit-done {
  transform: translate(0, 100%);
}
.arco-m-popup .arco-m-slide-from-bottom-enter.translateZ,
.arco-m-popup .arco-m-slide-from-bottom-exit-active.translateZ,
.arco-m-popup .arco-m-slide-from-bottom-exit-done.translateZ {
  transform: translate(0, 100%) translateZ(2PX);
}
.arco-m-popup-content[class*="-enter-active"],
.arco-m-popup-mask[class*="-enter-active"] {
  transform: translate(0, 0);
  transition:  all 450ms cubic-bezier(0.34, 0.69, 0.1, 1) ;
}
.arco-m-popup-content[class*="-enter-active"].translateZ,
.arco-m-popup-mask[class*="-enter-active"].translateZ {
  transform: translateZ(2PX);
}
.arco-m-popup [class*="-exit-active"] {
  transition:  all 240ms cubic-bezier(0.34, 0.69, 0.1, 1) ;
}
.arco-m-popup-content {
  background:  #FFFFFF ;
  position: fixed;
  z-index: 1001;
}
.arco-m-popup-content[class*="-enter-active"] {
  transition-duration: var(--builtin-transition-popup-slide-enter-duration, 450ms);
}
.arco-m-popup-content[class*="-exit-active"] {
  transition-duration: var(--builtin-transition-popup-slide-exit-duration, 240ms);
}
.arco-m-popup-content.need-bottom-offset {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.arco-m-popup-content.left {
  left: 0;
  top: 0;
  height: 100%;
}
.arco-m-popup-content.top {
  left: 0;
  top: 0;
  width: 100%;
}
.arco-m-popup-content.right {
  right: 0;
  top: 0;
  height: 100%;
}
.arco-m-popup-content.bottom {
  left: 0;
  bottom: 0;
  width: 100%;
}
.arco-m-popup-content.translateZ {
  transform: translateZ(2PX);
}
.arco-m-popup-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  background:  rgba(0, 0, 0, 0.6) ;
}
.arco-m-popup-mask[class*="-enter-active"] {
  transition-duration: var(--builtin-transition-fade-enter-duration, 450ms);
}
.arco-m-popup-mask[class*="-exit-active"] {
  transition-duration: var(--builtin-transition-fade-exit-duration, 240ms);
}
.arco-m-popup-mask.translateZ {
  transform: translateZ(1PX);
}
/***************************************************
 *                                                 *
 *               Arco Theme Style                  *
 *                                                 *
 ***************************************************/
.arco-theme-dark .process-bg-color-with-config,
.arco-theme-dark .process-custom-icon-bg-color-with-config {
  color:  rgba(255, 255, 255, 0.9) ;
}
.arco-theme-dark .wait-custom-icon-bg-color-with-config {
  background:  #2e2e30 ;
  color:  #929293 ;
}
.arco-theme-dark .arco-m-popup-content {
  background:  #2A2A2B ;
}
/********************* End *************************/

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].oneOf[0].use[2]!./node_modules/.pnpm/@arco-design+mobile-react@2.38.2_@types+react-dom@18.3.7_@types+react@18.3.24__@types+react@1_4lfnfxg4ayyrsm7p7tbwprgr6m/node_modules/@arco-design/mobile-react/esm/loading/style/index.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * @type mixin-var
 * @name GeneralMixinVars
 * @name_en General Mixin
 */
/**
 * 根据 base-font-size，设置单位尺寸为 rem
 * @desc {en} set the unit size to rem based on base-font-size
 * @param @property css属性名
 * @param @property {en} css property
 * @param @values css属性值，如果为复合属性，值可以用逗号分隔开
 * @param @values {en} css property value, the values can be separated by commas when the style is composite
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .rem(font-size, 14);
 *     .rem(padding, 16, 0);
 * }
 * ```
 */
/**
 * 根据 base-font-size，设置常规模式和 rtl 模式下单位尺寸为 rem
 * @desc {en} set the unit size to rem for regular and RTL modes based on the base-font-size
 * @param @property css属性名
 * @param @property {en} css property
 * @param @values css属性值，如果为复合属性，值可以用逗号分隔开
 * @param @values {en} css property value, the values can be separated by commas when the style is composite
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .rem-with-rtl(font-size, 14);
 *     .rem-with-rtl(padding, 16, 0);
 * }
 * ```
 */
/**
 * 当 less 变量 use-dark-mode=1 时，自定义暗黑模式样式规则
 * @desc {en} Customize dark mode style rules when the less variable use-dark-mode=1.
 * @param @rules 对应的暗黑模式规则
 * @param @rules {en} Corresponding dark mode rules
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-dark-mode-query({
 *         background-color: #000;
 *     });
 * }
 * ```
 */
/**
 * 为属性设置 arco 提供的 token 变量
 * @desc {en} set the token variable provided by Arco for the attribute
 * @param @property css属性名
 * @param @property {en} css property
 * @param @variables token变量名
 * @param @variables {en} token variable name
 * @param @preValues 复合属性css变量前缀
 * @param @preValues {en} prefix for Compound Attribute CSS Variables
 * @param @nextValues 复合属性css变量后缀
 * @param @nextValues {en} suffix for Compound Attribute CSS Variables
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-var(background, primary-color);
 *     .use-var(border, primary-color, 1px solid);
 *     .use-var(border, cell-border-width, '', solid black);
 * }
 * ```
 */
/**
 * 为属性设置 transition 变量
 * @desc {en} set the transition variable for the attribute
 * @param @transitionVariable transition 变量名
 * @param @transitionVariable {en} transition variable name
 * @param @backupVariable 备份变量名
 * @param @backupVariable {en} backup variable name
 * @param @property css属性名
 * @param @property {en} css property
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-transition-var(builtin-transition-fade-enter-duration, transition-fade-duration);
 * }
 * ```
 */
/**
 * 在常规模式和 rtl 模式下为属性设置 arco 提供的 token 变量
 * @desc {en} set the token variable provided by Arco for the attribute in regular mode and RTL mode
 * @param @property css 属性名
 * @param @property {en} css property
 * @param @variables token 变量名
 * @param @variables {en} token variable name
 * @param @preValues
 * @param @preValues {en}
 * @param @nextValues
 * @param @nextValues {en}
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-var-with-rtl(margin-left, button-icon-text-gutter);
 * }
 * ```
 */
/**
 * 设置涉及左右相关的属性名，在rtl模式下自动替换为相反的属性名
 * @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
 * @param @property css属性名
 * @param @property {en} css property
 * @param @value css属性值
 * @param @value {en} css property value
 * @param @rules 自定义的复写规则，默认重置为initial
 * @param @rules {en} customized rewrite rules, default to initial
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *   .set-prop-with-rtl(right, auto);
 * }
 * ```
 */
/**
 * 设置涉及左右相关的属性值，在rtl模式下自动替换为相反的属性值
 * @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
 * @param @property css属性名
 * @param @property {en} css property
 * @param @value css属性值
 * @param @value {en} css property value
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *   .set-value-with-rtl(text-align, left);
 * }
 * ```
 */
/**
 * 在 rtl 模式下，自定义样式规则
 * @desc {en} custom style in RTL mode
 * @param @rules 对应的rtl模式下的规则
 * @param @rules {en} property with rtl
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .style-with-rtl({
 *         transform: scale(-1);
 *     });
 * }
 * ```
 */
/**
 * 0.5px 的边框线
 * @desc {en} a border line of 0.5 pixels
 * @param @color 使用 css 变量为线设置颜色
 * @param @color {en} set border-color by CSS variable
 * @param @direction 边框方向，默认为全部方向
 * @param @direction {en} border direction，default to all directions.
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .hairline-var(line-color);
 *     .hairline-var(line-color, top);
 * }
 * ```
 */
/**
 * 字体加粗
 * @desc {en} font bold
 * @param @color 使用 css 变量设置加粗的字体颜色，默认继承文字当前颜色
 * @param @color {en} set color by CSS variable
 * @param @stroke 字体粗细，默认 0.3px
 * @param @stroke {en} font weight, default 0.3 pixel
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .text-medium-var();
 *    .text-medium-var(primary-color, 0.5PX);
 * }
 * ```
 */
/**
 * 1px 边框
 * @desc {en} 1 pixel border
 * @param @direction 边框方向
 * @param @direction {en} border direction
 * @param @borderColor 使用 css 变量设置边框颜色
 * @param @borderColor {en} set border-color by CSS variable
 * @param @borderRadius border-radius，默认为 0
 * @param @borderRadius {en} border-radius, default value is 0
 * @param @borderWidth border-width，默认为 1px
 * @param @borderWidth {en} border-width, default value is 1 pixel
 * @param @borderStyle border-style，默认为 solid
 * @param @borderStyle {en} border-style, default value is solid
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .onepx-border-var(top, line-color);
 *    .onepx-border-var(all, line-color, 2, 2px, dashed);
 * }
 * ```
 */
/**
 * 元素右下 0.5px 边框
 * @desc {en} 0.5px border on bottom right
 * @param @color 使用 css 变量设置边框颜色
 * @param @color {en} set border-color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .hairline-bottom-right-var(line-color);
 * }
 * ```
 */
/**
 * 元素左上 0.5px 边框
 * @desc {en} 0.5px border on top left
 * @param @color 使用 css 变量设置边框颜色
 * @param @color {en} set border-color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .hairline-top-left-var(line-color);
 * }
 * ```
 */
/**
 * 设置 Loading 组件颜色
 * @desc {en} set Loading component color
 * @param @color 使用 css 变量设置颜色
 * @param @color {en} set color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-loading-color-var(primary-color);
 * }
 * ```
 */
/**
 * 设置最小字号
 * @desc {en} set minimum font-size
 * @param @size 使用 css 变量设置最小字号
 * @param @size {en} set minimum font-size by CSS variable
 * @param @scale 设置最小字号下文字缩放比例，默认为 0.9
 * @param @scale {en} set minimum font-size down text scale，default value is 0.9
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-font-size-var(badge-font-size);
 *    .set-font-size-var(badge-font-size, 0.5);
 * }
 * ```
 */
/**
 * 设置 content-box 盒模型下元素宽度
 * @desc {en} set box width in content-box
 * @param @property css 属性名
 * @param @property {en} css property
 * @param @width 元素总宽度，包含内边距
 * @param @width element width, include padding
 * @param @padding-left 左侧内边距
 * @param @padding-left {en} padding-left
 * @param @padding-right 右侧内边距
 * @param @padding-right {en} padding-right
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-content-box-width-var(min-width, badge-text-width, badge-text-padding-left, badge-text-padding-right);
 * }
 * ```
 */
/**
 * 设置 Steps 组件颜色
 * @desc {en} set Steps component color
 * @param @color 使用 css 变量设置主颜色
 * @param @color {en} set main step color by CSS variable
 * @param @finish-color 使用 css 变量设置已完成步骤的颜色
 * @param @finish-color {en} set finished step color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-steps-color-var(primary-color, lighter-primary-color);
 * }
 * ```
 */
/**
 * @type mixin
 * @name GeneralMixin
 * @name_en General Mixin
 */
/**
 * 文本溢出，支持1行/多行文本
 * @desc {en} text overflow, support single line or multiple lines
 * @param @lines 最大展示行数，默认为1行
 * @param @lines {en} allows limiting of the contents of a block to the specified number of lines, default to 1
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 * .demo1{
 *   .text-overflow();
 * }
 * .demo2 {
 *   .text-overflow(2);
 * }
 * ```
 */
/**
 * 禁用用户选择文本
 * @desc {en} disable user selection of text
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .noselect();
 * }
 */
/**
 * 全屏布局
 * @desc {en} full-screen layout
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .full-screen();
 * }
 */
/**
 * 文本加粗，兼容安卓设备
 * @desc {en} text-bold, compatible with Android devices
 * @param @color 文本颜色，默认为currentColor
 * @param @color {en} text color, default to currentColor
 * @param @stroke 文本字符笔触宽度，默认为0.3PX
 * @param @stroke {en} the width of strokes for text characters, default to 0.3PX
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo1 {
 *   .text-medium();
 * }
 * .demo2 {
 *   .text-medium(#fff, 0.5px);
 * }
 */
/**
 * 消除文本加粗样式，兼容安卓设备
 * @desc {en} remove text-bold, compatible with Android devices
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .remove-text-medium();
 * }
 */
/**
 * 1px(物理像素)边框
 * @desc {en} a border line of 1 pixel
 * @param @direction 边框方向
 * @param @direction {en} border direction
 * @param @borderColor 边框颜色，默认inherit
 * @param @borderColor {en} border color, default to inherit
 * @param @borderRadius 边框圆角，默认0
 * @param @borderRadius {en} border radius, default to 0
 * @param @borderWidth 边框宽度，默认1px
 * @param @borderWidth {en} border width, default to 1px
 * @param @borderStyle 边框样式，默认solid
 * @param @borderStyle {en} border style, default to solid
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .onepx-border();
 * }
 */
/**
 * 移除0.5px的边框线
 * @desc {en} remove border line of 0.5 pixels
 * @param @direction 边框方向，默认为全部方向
 * @param @direction {en} border direction，default to all directions.
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .remove-hairline(all);
 * }
 * ```
 */
/**
 * 元素右下 0.5px border
 * @desc {en} 0.5px border on bottom right
 * @param @color 边框颜色
 * @param @color {en} border-color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .hairline-bottom-right(#000);
 * }
 * ```
 */
/**
 * 元素左上 0.5px border
 * @desc {en} 0.5px border on top left
 * @param @color 边框颜色
 * @param @color {en} border-color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .hairline-top-left(#000);
 * }
 * ```
 */
/**
 * 输入涉及左右相关的属性名，获取方向相反的属性名，可用于处理rtl模式
 * @desc {en} get the property name in the opposite direction of the input property name, which can be used to process rtl mode
 * @param @origin-property css属性名
 * @param @origin-property {en} css property
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   @a: .prop-with-rtl(margin-left)[@property-name]; // @a 变量值为margin-right
 * }
 * ```
 */
/**
 * 设置Loading组件颜色
 * @desc {en} set Loading component color
 * @param @color 颜色
 * @param @color {en} color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-loading-color(#000);
 * }
 * ```
 */
/**
 * 设置最小字号
 * @desc {en} set minimum font-size
 * @param @size 最小字号
 * @param @size {en} minimum font-size
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-font-size(10px);
 * }
 * ```
 */
/**
 * 设置content-box盒模型下元素宽度
 * @desc {en} set box width in content-box
 * @param @property css属性名
 * @param @property {en} css property
 * @param @width 元素总宽度，包含内边距
 * @param @width element width, include padding
 * @param @padding-left 左侧内边距
 * @param @padding-left {en} padding-left
 * @param @padding-right 右侧内边距
 * @param @padding-right {en} padding-right
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-content-box-width(min-width, 300px, 10px, 10px);
 * }
 * ```
 */
/**
 * 设置Steps组件当前步骤主要颜色，已完成步骤颜色自动计算为当前步骤颜色透明度10%
 * @desc {en} set Steps component color
 * @param @color 当前步骤背景、标题文本颜色
 * @param @color {en} color of current step background and title text
 * @param @finish-color 已完成步骤背景色
 * @param @finish-color {en} color of finished step background
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-steps-color(#FFB400);
 * }
 * ```
 */
.arco-m-loading {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  position: relative;
}
.arco-m-loading .bg-color-with-config {
  background: #FFD600;
}
.arco-m-loading .stop-color-with-config {
  stop-color: #FFD600;
}
.arco-m-loading .fill-color-with-config {
  fill: #FFD600;
}
.arco-m-loading .stroke-color-with-config {
  stroke: #FFD600;
}
@keyframes changDeg {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.arco-m-loading.circle,
.arco-m-loading.arc,
.arco-m-loading.spin {
  animation: changDeg 1s infinite linear;
}
.arco-m-loading.circle .loading-circle-middle {
  stop-opacity: 0.5;
}
.arco-m-loading.circle .loading-circle-end {
  stop-opacity: 0;
}
.arco-m-loading.dot .dot-cell {
  display: inline-block;
  width:  6PX ;
  height:  6PX ;
  margin-left:  0.152672rem ;
}
.arco-m-loading.dot .dot-cell:first-of-type {
  margin-left: 0;
}
.arco-m-loading.dot .dot-cell.filleted {
  border-radius: 50%;
}
.arco-m-loading.spin {
  height: 0.559796rem;
  width: 0.559796rem;
  position: relative;
}
.arco-m-loading.spin .spin-cell {
  position: absolute;
  left: 0.254453rem;
  top: 0.025445rem;
  display: inline-block;
  height: 0.254453rem;
  padding-bottom: 0.101781rem;
  overflow: hidden;
  transform-origin: 50% bottom;
}
.arco-m-loading.spin .spin-cell-inner {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  transform: scale(0.5);
  transform-origin: top left;
  height: 0.305344rem;
}
.arco-m-loading.arc .arc-bg {
  stroke:  #e5e6eb ;
}
.arco-m-loading.line {
  width: 100%;
}
.arco-m-loading.line .loading-line-start,
.arco-m-loading.line .loading-line-end {
  stop-color:  #FFD600 ;
}
.arco-m-loading.line .loading-line-start {
  stop-opacity: 0;
}
/***************************************************
 *                                                 *
 *               Arco Theme Style                  *
 *                                                 *
 ***************************************************/
.arco-theme-dark .process-bg-color-with-config,
.arco-theme-dark .process-custom-icon-bg-color-with-config {
  color:  rgba(255, 255, 255, 0.9) ;
}
.arco-theme-dark .wait-custom-icon-bg-color-with-config {
  background:  #2e2e30 ;
  color:  #929293 ;
}
.arco-theme-dark .arco-m-loading .bg-color-with-config {
  background: #3C7EFF;
}
.arco-theme-dark .arco-m-loading .stop-color-with-config {
  stop-color: #3C7EFF;
}
.arco-theme-dark .arco-m-loading .fill-color-with-config {
  fill: #3C7EFF;
}
.arco-theme-dark .arco-m-loading .stroke-color-with-config {
  stroke: #3C7EFF;
}
.arco-theme-dark .arco-m-loading.arc .arc-bg {
  stroke:  #484849 ;
}
.arco-theme-dark .arco-m-loading.line .loading-line-start,
.arco-theme-dark .arco-m-loading.line .loading-line-end {
  stop-color:  #3C7EFF ;
}
/********************* End *************************/

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].oneOf[0].use[2]!./node_modules/.pnpm/@arco-design+mobile-react@2.38.2_@types+react-dom@18.3.7_@types+react@18.3.24__@types+react@1_4lfnfxg4ayyrsm7p7tbwprgr6m/node_modules/@arco-design/mobile-react/esm/button/style/index.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * @type mixin-var
 * @name GeneralMixinVars
 * @name_en General Mixin
 */
/**
 * 根据 base-font-size，设置单位尺寸为 rem
 * @desc {en} set the unit size to rem based on base-font-size
 * @param @property css属性名
 * @param @property {en} css property
 * @param @values css属性值，如果为复合属性，值可以用逗号分隔开
 * @param @values {en} css property value, the values can be separated by commas when the style is composite
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .rem(font-size, 14);
 *     .rem(padding, 16, 0);
 * }
 * ```
 */
/**
 * 根据 base-font-size，设置常规模式和 rtl 模式下单位尺寸为 rem
 * @desc {en} set the unit size to rem for regular and RTL modes based on the base-font-size
 * @param @property css属性名
 * @param @property {en} css property
 * @param @values css属性值，如果为复合属性，值可以用逗号分隔开
 * @param @values {en} css property value, the values can be separated by commas when the style is composite
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .rem-with-rtl(font-size, 14);
 *     .rem-with-rtl(padding, 16, 0);
 * }
 * ```
 */
/**
 * 当 less 变量 use-dark-mode=1 时，自定义暗黑模式样式规则
 * @desc {en} Customize dark mode style rules when the less variable use-dark-mode=1.
 * @param @rules 对应的暗黑模式规则
 * @param @rules {en} Corresponding dark mode rules
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-dark-mode-query({
 *         background-color: #000;
 *     });
 * }
 * ```
 */
/**
 * 为属性设置 arco 提供的 token 变量
 * @desc {en} set the token variable provided by Arco for the attribute
 * @param @property css属性名
 * @param @property {en} css property
 * @param @variables token变量名
 * @param @variables {en} token variable name
 * @param @preValues 复合属性css变量前缀
 * @param @preValues {en} prefix for Compound Attribute CSS Variables
 * @param @nextValues 复合属性css变量后缀
 * @param @nextValues {en} suffix for Compound Attribute CSS Variables
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-var(background, primary-color);
 *     .use-var(border, primary-color, 1px solid);
 *     .use-var(border, cell-border-width, '', solid black);
 * }
 * ```
 */
/**
 * 为属性设置 transition 变量
 * @desc {en} set the transition variable for the attribute
 * @param @transitionVariable transition 变量名
 * @param @transitionVariable {en} transition variable name
 * @param @backupVariable 备份变量名
 * @param @backupVariable {en} backup variable name
 * @param @property css属性名
 * @param @property {en} css property
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-transition-var(builtin-transition-fade-enter-duration, transition-fade-duration);
 * }
 * ```
 */
/**
 * 在常规模式和 rtl 模式下为属性设置 arco 提供的 token 变量
 * @desc {en} set the token variable provided by Arco for the attribute in regular mode and RTL mode
 * @param @property css 属性名
 * @param @property {en} css property
 * @param @variables token 变量名
 * @param @variables {en} token variable name
 * @param @preValues
 * @param @preValues {en}
 * @param @nextValues
 * @param @nextValues {en}
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-var-with-rtl(margin-left, button-icon-text-gutter);
 * }
 * ```
 */
/**
 * 设置涉及左右相关的属性名，在rtl模式下自动替换为相反的属性名
 * @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
 * @param @property css属性名
 * @param @property {en} css property
 * @param @value css属性值
 * @param @value {en} css property value
 * @param @rules 自定义的复写规则，默认重置为initial
 * @param @rules {en} customized rewrite rules, default to initial
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *   .set-prop-with-rtl(right, auto);
 * }
 * ```
 */
/**
 * 设置涉及左右相关的属性值，在rtl模式下自动替换为相反的属性值
 * @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
 * @param @property css属性名
 * @param @property {en} css property
 * @param @value css属性值
 * @param @value {en} css property value
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *   .set-value-with-rtl(text-align, left);
 * }
 * ```
 */
/**
 * 在 rtl 模式下，自定义样式规则
 * @desc {en} custom style in RTL mode
 * @param @rules 对应的rtl模式下的规则
 * @param @rules {en} property with rtl
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .style-with-rtl({
 *         transform: scale(-1);
 *     });
 * }
 * ```
 */
/**
 * 0.5px 的边框线
 * @desc {en} a border line of 0.5 pixels
 * @param @color 使用 css 变量为线设置颜色
 * @param @color {en} set border-color by CSS variable
 * @param @direction 边框方向，默认为全部方向
 * @param @direction {en} border direction，default to all directions.
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .hairline-var(line-color);
 *     .hairline-var(line-color, top);
 * }
 * ```
 */
/**
 * 字体加粗
 * @desc {en} font bold
 * @param @color 使用 css 变量设置加粗的字体颜色，默认继承文字当前颜色
 * @param @color {en} set color by CSS variable
 * @param @stroke 字体粗细，默认 0.3px
 * @param @stroke {en} font weight, default 0.3 pixel
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .text-medium-var();
 *    .text-medium-var(primary-color, 0.5PX);
 * }
 * ```
 */
/**
 * 1px 边框
 * @desc {en} 1 pixel border
 * @param @direction 边框方向
 * @param @direction {en} border direction
 * @param @borderColor 使用 css 变量设置边框颜色
 * @param @borderColor {en} set border-color by CSS variable
 * @param @borderRadius border-radius，默认为 0
 * @param @borderRadius {en} border-radius, default value is 0
 * @param @borderWidth border-width，默认为 1px
 * @param @borderWidth {en} border-width, default value is 1 pixel
 * @param @borderStyle border-style，默认为 solid
 * @param @borderStyle {en} border-style, default value is solid
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .onepx-border-var(top, line-color);
 *    .onepx-border-var(all, line-color, 2, 2px, dashed);
 * }
 * ```
 */
/**
 * 元素右下 0.5px 边框
 * @desc {en} 0.5px border on bottom right
 * @param @color 使用 css 变量设置边框颜色
 * @param @color {en} set border-color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .hairline-bottom-right-var(line-color);
 * }
 * ```
 */
/**
 * 元素左上 0.5px 边框
 * @desc {en} 0.5px border on top left
 * @param @color 使用 css 变量设置边框颜色
 * @param @color {en} set border-color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .hairline-top-left-var(line-color);
 * }
 * ```
 */
/**
 * 设置 Loading 组件颜色
 * @desc {en} set Loading component color
 * @param @color 使用 css 变量设置颜色
 * @param @color {en} set color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-loading-color-var(primary-color);
 * }
 * ```
 */
/**
 * 设置最小字号
 * @desc {en} set minimum font-size
 * @param @size 使用 css 变量设置最小字号
 * @param @size {en} set minimum font-size by CSS variable
 * @param @scale 设置最小字号下文字缩放比例，默认为 0.9
 * @param @scale {en} set minimum font-size down text scale，default value is 0.9
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-font-size-var(badge-font-size);
 *    .set-font-size-var(badge-font-size, 0.5);
 * }
 * ```
 */
/**
 * 设置 content-box 盒模型下元素宽度
 * @desc {en} set box width in content-box
 * @param @property css 属性名
 * @param @property {en} css property
 * @param @width 元素总宽度，包含内边距
 * @param @width element width, include padding
 * @param @padding-left 左侧内边距
 * @param @padding-left {en} padding-left
 * @param @padding-right 右侧内边距
 * @param @padding-right {en} padding-right
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-content-box-width-var(min-width, badge-text-width, badge-text-padding-left, badge-text-padding-right);
 * }
 * ```
 */
/**
 * 设置 Steps 组件颜色
 * @desc {en} set Steps component color
 * @param @color 使用 css 变量设置主颜色
 * @param @color {en} set main step color by CSS variable
 * @param @finish-color 使用 css 变量设置已完成步骤的颜色
 * @param @finish-color {en} set finished step color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-steps-color-var(primary-color, lighter-primary-color);
 * }
 * ```
 */
/**
 * @type mixin
 * @name GeneralMixin
 * @name_en General Mixin
 */
/**
 * 文本溢出，支持1行/多行文本
 * @desc {en} text overflow, support single line or multiple lines
 * @param @lines 最大展示行数，默认为1行
 * @param @lines {en} allows limiting of the contents of a block to the specified number of lines, default to 1
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 * .demo1{
 *   .text-overflow();
 * }
 * .demo2 {
 *   .text-overflow(2);
 * }
 * ```
 */
/**
 * 禁用用户选择文本
 * @desc {en} disable user selection of text
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .noselect();
 * }
 */
/**
 * 全屏布局
 * @desc {en} full-screen layout
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .full-screen();
 * }
 */
/**
 * 文本加粗，兼容安卓设备
 * @desc {en} text-bold, compatible with Android devices
 * @param @color 文本颜色，默认为currentColor
 * @param @color {en} text color, default to currentColor
 * @param @stroke 文本字符笔触宽度，默认为0.3PX
 * @param @stroke {en} the width of strokes for text characters, default to 0.3PX
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo1 {
 *   .text-medium();
 * }
 * .demo2 {
 *   .text-medium(#fff, 0.5px);
 * }
 */
/**
 * 消除文本加粗样式，兼容安卓设备
 * @desc {en} remove text-bold, compatible with Android devices
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .remove-text-medium();
 * }
 */
/**
 * 1px(物理像素)边框
 * @desc {en} a border line of 1 pixel
 * @param @direction 边框方向
 * @param @direction {en} border direction
 * @param @borderColor 边框颜色，默认inherit
 * @param @borderColor {en} border color, default to inherit
 * @param @borderRadius 边框圆角，默认0
 * @param @borderRadius {en} border radius, default to 0
 * @param @borderWidth 边框宽度，默认1px
 * @param @borderWidth {en} border width, default to 1px
 * @param @borderStyle 边框样式，默认solid
 * @param @borderStyle {en} border style, default to solid
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .onepx-border();
 * }
 */
/**
 * 移除0.5px的边框线
 * @desc {en} remove border line of 0.5 pixels
 * @param @direction 边框方向，默认为全部方向
 * @param @direction {en} border direction，default to all directions.
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .remove-hairline(all);
 * }
 * ```
 */
/**
 * 元素右下 0.5px border
 * @desc {en} 0.5px border on bottom right
 * @param @color 边框颜色
 * @param @color {en} border-color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .hairline-bottom-right(#000);
 * }
 * ```
 */
/**
 * 元素左上 0.5px border
 * @desc {en} 0.5px border on top left
 * @param @color 边框颜色
 * @param @color {en} border-color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .hairline-top-left(#000);
 * }
 * ```
 */
/**
 * 输入涉及左右相关的属性名，获取方向相反的属性名，可用于处理rtl模式
 * @desc {en} get the property name in the opposite direction of the input property name, which can be used to process rtl mode
 * @param @origin-property css属性名
 * @param @origin-property {en} css property
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   @a: .prop-with-rtl(margin-left)[@property-name]; // @a 变量值为margin-right
 * }
 * ```
 */
/**
 * 设置Loading组件颜色
 * @desc {en} set Loading component color
 * @param @color 颜色
 * @param @color {en} color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-loading-color(#000);
 * }
 * ```
 */
/**
 * 设置最小字号
 * @desc {en} set minimum font-size
 * @param @size 最小字号
 * @param @size {en} minimum font-size
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-font-size(10px);
 * }
 * ```
 */
/**
 * 设置content-box盒模型下元素宽度
 * @desc {en} set box width in content-box
 * @param @property css属性名
 * @param @property {en} css property
 * @param @width 元素总宽度，包含内边距
 * @param @width element width, include padding
 * @param @padding-left 左侧内边距
 * @param @padding-left {en} padding-left
 * @param @padding-right 右侧内边距
 * @param @padding-right {en} padding-right
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-content-box-width(min-width, 300px, 10px, 10px);
 * }
 * ```
 */
/**
 * 设置Steps组件当前步骤主要颜色，已完成步骤颜色自动计算为当前步骤颜色透明度10%
 * @desc {en} set Steps component color
 * @param @color 当前步骤背景、标题文本颜色
 * @param @color {en} color of current step background and title text
 * @param @finish-color 已完成步骤背景色
 * @param @finish-color {en} color of finished step background
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-steps-color(#FFB400);
 * }
 * ```
 */
.arco-m-button {
  cursor: pointer;
  text-align: center;
  line-height: 1.2;
  font-size: 0;
  display: block;
  width: 100%;
  box-sizing: border-box;
  line-height:  1.2 ;
  border-radius:  0.1485rem ;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently*/
}
.arco-m-button.arco-m-button-inline {
  width: auto;
  display: inline-block;
}
.arco-m-button.arco-m-button-type-primary {
  background:  var(--Button-surface-primary) ;
  color:  var(--Button-text-primary) ;
}
.arco-m-button.arco-m-button-type-primary-disabled {
  background:  #ECEEF2 ;
  color:  #AFBACA ;
}
.arco-m-button.arco-m-button-type-primary-active {
  background:  #1A1D24 ;
}
.arco-m-button-type-primary .bg-color-with-config {
  background: var(--Button-text-primary);
}
.arco-m-button-type-primary .stop-color-with-config {
  stop-color: var(--Button-text-primary);
}
.arco-m-button-type-primary .fill-color-with-config {
  fill: var(--Button-text-primary);
}
.arco-m-button-type-primary .stroke-color-with-config {
  stroke: var(--Button-text-primary);
}
.arco-m-button.arco-m-button-type-default {
  background:  #E8F3FF ;
  color:  #FFD600 ;
}
.arco-m-button.arco-m-button-type-default-disabled {
  background:  #E8F3FF ;
  color:  #94BFFF ;
}
.arco-m-button.arco-m-button-type-default-active {
  background:  #94BFFF ;
}
.arco-m-button-type-default .bg-color-with-config {
  background: #FFD600;
}
.arco-m-button-type-default .stop-color-with-config {
  stop-color: #FFD600;
}
.arco-m-button-type-default .fill-color-with-config {
  fill: #FFD600;
}
.arco-m-button-type-default .stroke-color-with-config {
  stroke: #FFD600;
}
.arco-m-button.arco-m-button-type-ghost {
  background:  transparent ;
  color:  #FFD600 ;
}
.arco-m-button.arco-m-button-type-ghost-disabled {
  background:  transparent ;
  color:  #94BFFF ;
}
.arco-m-button.arco-m-button-type-ghost-active {
  background:  #E8F3FF ;
}
.arco-m-button-type-ghost .bg-color-with-config {
  background: #FFD600;
}
.arco-m-button-type-ghost .stop-color-with-config {
  stop-color: #FFD600;
}
.arco-m-button-type-ghost .fill-color-with-config {
  fill: #FFD600;
}
.arco-m-button-type-ghost .stroke-color-with-config {
  stroke: #FFD600;
}
.arco-m-button.arco-m-button-type-ghost {
  border: 1PX solid currentColor;
}
.arco-m-button.arco-m-button-type-ghost.half-border {
  border-width: 0;
  box-shadow: 0 0 0 1PX currentColor inset;
}
@media (min-resolution: 2dppx) {
  .arco-m-button.arco-m-button-type-ghost.half-border {
    box-shadow: 0 0 0 0.5PX currentColor inset;
  }
}
.ios .arco-m-button.arco-m-button-type-ghost.half-border,
.arco-m-button.arco-m-button-type-ghost.half-border.ios {
  box-shadow: none;
  border: 0.5PX solid currentColor;
}
.arco-m-button.arco-m-button-size-mini {
  padding:  0 0.203562rem ;
  height:  0.610687rem ;
}
.arco-m-button.arco-m-button-size-mini-is-round {
  border-radius:  0.610687rem ;
}
.arco-m-button.arco-m-button-size-mini-is-square {
  border-radius: 0;
}
.arco-m-button.arco-m-button-size-mini .arco-m-button-icon,
.arco-m-button.arco-m-button-size-mini i,
.arco-m-button.arco-m-button-size-mini .arco-m-button-text,
.arco-m-button.arco-m-button-size-mini svg {
  font-size:  0.305344rem ;
}
.arco-m-button.arco-m-button-size-small {
  padding:  0 0.203562rem ;
  height:  0.712468rem ;
}
.arco-m-button.arco-m-button-size-small-is-round {
  border-radius:  0.712468rem ;
}
.arco-m-button.arco-m-button-size-small-is-square {
  border-radius: 0;
}
.arco-m-button.arco-m-button-size-small .arco-m-button-icon,
.arco-m-button.arco-m-button-size-small i,
.arco-m-button.arco-m-button-size-small .arco-m-button-text,
.arco-m-button.arco-m-button-size-small svg {
  font-size:  0.356234rem ;
}
.arco-m-button.arco-m-button-size-medium {
  padding:  0 0.407125rem ;
  height:  0.814249rem ;
}
.arco-m-button.arco-m-button-size-medium-is-round {
  border-radius:  0.814249rem ;
}
.arco-m-button.arco-m-button-size-medium-is-square {
  border-radius: 0;
}
.arco-m-button.arco-m-button-size-medium .arco-m-button-icon,
.arco-m-button.arco-m-button-size-medium i,
.arco-m-button.arco-m-button-size-medium .arco-m-button-text,
.arco-m-button.arco-m-button-size-medium svg {
  font-size:  0.356234rem ;
}
.arco-m-button.arco-m-button-size-large {
  padding:  0 0.407125rem ;
  height:  48px ;
}
.arco-m-button.arco-m-button-size-large-is-round {
  border-radius:  48px ;
}
.arco-m-button.arco-m-button-size-large-is-square {
  border-radius: 0;
}
.arco-m-button.arco-m-button-size-large .arco-m-button-icon,
.arco-m-button.arco-m-button-size-large i,
.arco-m-button.arco-m-button-size-large .arco-m-button-text,
.arco-m-button.arco-m-button-size-large svg {
  font-size:  14px ;
}
.arco-m-button.arco-m-button-size-huge {
  padding:  0 0.407125rem ;
  height:  1.119593rem ;
}
.arco-m-button.arco-m-button-size-huge-is-round {
  border-radius:  1.119593rem ;
}
.arco-m-button.arco-m-button-size-huge-is-square {
  border-radius: 0;
}
.arco-m-button.arco-m-button-size-huge .arco-m-button-icon,
.arco-m-button.arco-m-button-size-huge i,
.arco-m-button.arco-m-button-size-huge .arco-m-button-text,
.arco-m-button.arco-m-button-size-huge svg {
  font-size:  0.407125rem ;
}
.arco-m-button-text-android {
  padding-top: 0.050891rem;
}
.arco-m-button-icon {
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.arco-m-button-text {
  display: inline-block;
  vertical-align: middle;
}
.arco-m-button-text-has-icon {
  margin-left:  0.101781rem ;
}
[dir="rtl"] .arco-m-button-text-has-icon {
  margin-left: initial;
  margin-right:  0.101781rem ;
}
.arco-m-button-loading-icon {
  display: inline-block;
  vertical-align: middle;
}
.arco-m-button.has-custom-border {
  border: 1PX solid;
}
/***************************************************
 *                                                 *
 *               Arco Theme Style                  *
 *                                                 *
 ***************************************************/
.arco-theme-dark .process-bg-color-with-config,
.arco-theme-dark .process-custom-icon-bg-color-with-config {
  color:  rgba(255, 255, 255, 0.9) ;
}
.arco-theme-dark .wait-custom-icon-bg-color-with-config {
  background:  #2e2e30 ;
  color:  #929293 ;
}
.arco-theme-dark .arco-m-button.arco-m-button-type-primary {
  background:  #3C7EFF ;
  color:  rgba(255, 255, 255, 0.9) ;
}
.arco-theme-dark .arco-m-button.arco-m-button-type-primary-disabled {
  background:  #0E32A6 ;
  color:  #000D4D ;
}
.arco-theme-dark .arco-m-button.arco-m-button-type-primary-active {
  background:  #689FFF ;
}
.arco-theme-dark .arco-m-button-type-primary .bg-color-with-config {
  background: rgba(255, 255, 255, 0.9);
}
.arco-theme-dark .arco-m-button-type-primary .stop-color-with-config {
  stop-color: rgba(255, 255, 255, 0.9);
}
.arco-theme-dark .arco-m-button-type-primary .fill-color-with-config {
  fill: rgba(255, 255, 255, 0.9);
}
.arco-theme-dark .arco-m-button-type-primary .stroke-color-with-config {
  stroke: rgba(255, 255, 255, 0.9);
}
.arco-theme-dark .arco-m-button.arco-m-button-type-default {
  background:  #000D4D ;
  color:  #3C7EFF ;
}
.arco-theme-dark .arco-m-button.arco-m-button-type-default-disabled {
  background:  #000D4D ;
  color:  #0E32A6 ;
}
.arco-theme-dark .arco-m-button.arco-m-button-type-default-active {
  background:  #0E32A6 ;
}
.arco-theme-dark .arco-m-button-type-default .bg-color-with-config {
  background: #3C7EFF;
}
.arco-theme-dark .arco-m-button-type-default .stop-color-with-config {
  stop-color: #3C7EFF;
}
.arco-theme-dark .arco-m-button-type-default .fill-color-with-config {
  fill: #3C7EFF;
}
.arco-theme-dark .arco-m-button-type-default .stroke-color-with-config {
  stroke: #3C7EFF;
}
.arco-theme-dark .arco-m-button.arco-m-button-type-ghost {
  color:  #3C7EFF ;
}
.arco-theme-dark .arco-m-button.arco-m-button-type-ghost-disabled {
  color:  #0E32A6 ;
}
.arco-theme-dark .arco-m-button.arco-m-button-type-ghost-active {
  background:  #000D4D ;
}
.arco-theme-dark .arco-m-button-type-ghost .bg-color-with-config {
  background: #3C7EFF;
}
.arco-theme-dark .arco-m-button-type-ghost .stop-color-with-config {
  stop-color: #3C7EFF;
}
.arco-theme-dark .arco-m-button-type-ghost .fill-color-with-config {
  fill: #3C7EFF;
}
.arco-theme-dark .arco-m-button-type-ghost .stroke-color-with-config {
  stroke: #3C7EFF;
}
/********************* End *************************/

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_typescript@5.9.2_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[3]!./src/pages/Registration/h5/RegisterFlow/index.h5.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalContainer__Rfei9 {
  padding: 0.71247rem 0.50891rem 0.50891rem;
  background: #fff;
  width: 100%;
  height: 85vh;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  font-size: 0.35623rem;
}
.modalContainer__Rfei9 button {
  height: 1.22137rem;
}
.modalContainer__Rfei9 button div {
  font-weight: 700;
}
.modalContainer__Rfei9 .backBtn__vmgwr {
  width: 0.40712rem;
  height: 0.40712rem;
  margin-bottom: 0.25445rem;
  flex-shrink: 0;
}
.modalContainer__Rfei9 .title__Sz9jB {
  color: var(--Text-Title, #1d2129);
  /* Title/Large */
  font-size: 0.61069rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.81425rem; /* 133.333% */
}
.modalContainer__Rfei9 .textExplain__MVv39 {
  color: var(--Text-Neutural-Subtitle, #647793);
  /* Discription/Regular */
  font-size: 0.35623rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.5598rem; /* 157.143% */
  margin-bottom: 0.61069rem;
}
.modalContainer__Rfei9 .button__vHoHM {
  position: absolute;
  bottom: 1.42494rem;
  box-sizing: border-box;
  width: 8.98219rem;
}

.modalContainer__Rfei9 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
}
.modalContainer__Rfei9 .contentArea__VOhIB {
  flex: 1;
  overflow-y: auto;
  padding-bottom: 0.50891rem;
}
.modalContainer__Rfei9 .cardGroup__krQaG {
  display: flex;
  flex-direction: column;
  gap: 0.45802rem;
  margin-top: 0.61069rem;
}
.modalContainer__Rfei9 .cardGroup__krQaG .card__aJr6I {
  display: flex;
  border: 0.02545rem solid #e5e6eb;
  align-items: center;
  padding: 0.30534rem;
  background: #fff;
  height: 2.79898rem;
  border-radius: 0.20356rem;
  border-width: 0.02545rem;
  padding-top: 0.25445rem;
  padding-right: 0.50891rem;
  padding-bottom: 0.25445rem;
  padding-left: 0.50891rem;
  gap: 0.50891rem;
  cursor: pointer;
}
.modalContainer__Rfei9 .cardGroup__krQaG .selected__Kxs8N {
  border: 0.02545rem solid var(--Primary-Text, #d19f00);
  background: var(--Primary-Subtle, #fdffc1);
}
.modalContainer__Rfei9 .buttonGroup__qit1v {
  display: flex;
  flex-direction: column;
  gap: 0.30534rem;
  flex-shrink: 0;
  margin-top: auto;
  padding-top: 0.50891rem;
}
.modalContainer__Rfei9 .buttonGroup__qit1v .buttonItem__jBx8a {
  height: 1.22137rem;
  border-radius: 0.30534rem;
  padding-top: 0.12723rem;
  padding-right: 0.40712rem;
  padding-bottom: 0.12723rem;
  padding-left: 0.40712rem;
  gap: 0.20356rem;
  font-weight: 700;
}

.icon__jCnDX {
  border-radius: 50%;
  flex-shrink: 0;
}

.cardContent__LhclO {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.cardTitle__Ukuty {
  font-weight: 700;
  font-size: 0.35623rem;
  line-height: 0.5598rem;
  letter-spacing: 0%;
  vertical-align: middle;
}

.cardDesc__pzwTi {
  color: #86909c;
  font-weight: 400;
  font-size: 0.35623rem;
  line-height: 0.5598rem;
  letter-spacing: 0%;
  vertical-align: middle;
}

.note__Pyw4h {
  font-weight: 400;
  font-size: 0.35623rem;
  line-height: 0.5598rem;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: #86909c;
  width: 8.95674rem;
  height: 1.11959rem;
  margin: 0.40712rem auto;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./src/components/PhoneInput/phoneInput.pc.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.react-tel-input__xDP1J {
  font-size: 15px;
  position: relative;
  display: flex;
  width: 100%;
  height: 56px;
  gap: 16px;
}
.react-tel-input__xDP1J .flag__EgAd6 {
  width: 25px;
  height: 20px;
  background-image: url(/assets/images/flags.0e0e67b26612b209383c.png);
  background-repeat: no-repeat;
}
.react-tel-input__xDP1J .form-control__QeIRi {
  position: relative;
  font-size: 14px;
  letter-spacing: 0.01rem;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 16px;
  margin-left: 0;
  flex-grow: 1;
  border-radius: 6px;
  background: var(--Surface-Subtle, #f6f7f9);
  outline: none;
}
.react-tel-input__xDP1J .form-control__QeIRi.invalid-number__mFZGZ {
  border: 1px solid #d79f9f;
  background-color: #faf0f0;
  border-left-color: #cacaca;
}
.react-tel-input__xDP1J .form-control__QeIRi.invalid-number__mFZGZ:focus {
  border: 1px solid #d79f9f;
  border-left-color: #cacaca;
  background-color: #faf0f0;
}
.react-tel-input__xDP1J .form-control__QeIRi.open__vh34o {
  box-shadow: rgba(34, 36, 38, 0.15) 0px 2px 3px 0px;
  border-color: rgb(150, 200, 218);
  border-radius: 5px 5px 0 0;
  border-bottom: none;
  box-shadow: none;
}
.react-tel-input__xDP1J .flag-dropdown__cl3Su {
  width: 99px;
  padding: 0;
  border-radius: 6px;
  background: var(--Surface-Subtle, #f6f7f9);
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.react-tel-input__xDP1J .flag-dropdown__cl3Su:hover, .react-tel-input__xDP1J .flag-dropdown__cl3Su:focus {
  cursor: pointer;
}
.react-tel-input__xDP1J .flag-dropdown__cl3Su.open__vh34o {
  background: #fff;
  border-radius: 3px 0 0 0;
}
.react-tel-input__xDP1J .flag-dropdown__cl3Su.open__vh34o .selected-flag__c796z {
  background: #fff;
  border-radius: 3px 0 0 0;
}
.react-tel-input__xDP1J .flag-dropdown__cl3Su .selected-icon__XoLJJ {
  width: 14px;
  height: 14px;
}
.react-tel-input__xDP1J input[disabled] + .flag-dropdown__cl3Su:hover {
  cursor: default;
}
.react-tel-input__xDP1J input[disabled] + .flag-dropdown__cl3Su:hover .selected-flag__c796z {
  background-color: transparent;
}
.react-tel-input__xDP1J .selected-flag__c796z {
  outline: none;
  position: relative;
  width: 38px;
  padding: 0 0 0 8px;
  border-radius: 3px 0 0 3px;
}
.react-tel-input__xDP1J .selected-flag__c796z:hover, .react-tel-input__xDP1J .selected-flag__c796z:focus {
  background-color: #fff;
}
.react-tel-input__xDP1J .selected-flag__c796z .flag__EgAd6 {
  position: absolute;
  top: 50%;
  margin-top: -5px;
}
.react-tel-input__xDP1J .selected-flag__c796z .arrow__gZPeb {
  position: relative;
  top: 50%;
  margin-top: -2px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}
.react-tel-input__xDP1J .selected-flag__c796z .arrow__gZPeb.up__IiZmL {
  border-top: none;
  border-bottom: 4px solid #555;
}
.react-tel-input__xDP1J .selected-flag__c796z.open__vh34o {
  z-index: 2;
}
.react-tel-input__xDP1J .invalid-number-message__etZz1 {
  position: absolute;
  z-index: 1;
  font-size: 13px;
  left: 46px;
  top: -8px;
  background: #fff;
  padding: 0 2px;
  color: #de0000;
}
.react-tel-input__xDP1J .special-label__nKA7k {
  display: none;
  position: absolute;
  z-index: 1;
  font-size: 13px;
  left: 46px;
  top: -8px;
  background: #fff;
  padding: 0 2px;
  white-space: nowrap;
}

.country-list__SkMGA {
  outline: none;
  z-index: 1;
  border-radius: 0 0 5px 5px;
  border: 1px solid rgb(150, 200, 218);
  border-top: none;
  list-style: none;
  position: absolute;
  padding: 0;
  margin: 0px 0 10px -1px;
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.12);
  background-color: white;
  width: 300px;
  max-height: 200px;
  overflow-y: scroll;
  top: 100%;
  left: 0;
}
.country-list__SkMGA .flag__EgAd6 {
  display: inline-block;
}
.country-list__SkMGA .divider__ghToV {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.country-list__SkMGA .country__eDo6g {
  padding: 7px 9px;
  display: flex;
  align-items: center;
}
.country-list__SkMGA .country__eDo6g:hover {
  background-color: #f1f1f1;
}
.country-list__SkMGA .country__eDo6g.highlight__H8NVP {
  background-color: #f1f1f1;
}
.country-list__SkMGA .flag__EgAd6 {
  margin-right: 7px;
  margin-top: 2px;
}
.country-list__SkMGA .country-name__Ha5HP {
  margin: 0 8px;
}
.country-list__SkMGA .search__pPnID {
  position: sticky;
  top: 0;
  background-color: #fff;
  padding: 4px 0 8px 8px;
  z-index: 1002;
  display: flex;
  align-items: center;
  gap: 8px;
}
.country-list__SkMGA .search-emoji__z9g_I {
  display: none;
  font-size: 15px;
}
.country-list__SkMGA .search-box__qpnyq {
  border: 1px solid #cacaca;
  border-radius: 3px;
  font-size: 15px;
  line-height: 15px;
  padding: 3px 8px 5px;
  outline: none;
  background-color: var(--Surface-Subtle, #F6F7F9);
}
.country-list__SkMGA .no-entries-message__CK71g {
  padding: 7px 10px 11px;
  opacity: 0.7;
  font-size: 14px;
}
.country-list__SkMGA::-webkit-scrollbar {
  width: 12px;
}
.country-list__SkMGA::-webkit-scrollbar-track {
  background-color: #e6e6e6;
}
.country-list__SkMGA::-webkit-scrollbar-thumb {
  background-color: #c5c5c4;
  border-radius: 5px;
}

.dropdown-overlay__s4Mkz {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: transparent;
}

.dial-code__gXQb6 {
  color: #6b6b6b;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_typescript@5.9.2_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[3]!./src/components/PhoneInput/phoneInput.h5.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.react-tel-input__URpG1 {
  font-size: 0.38168rem;
  position: relative;
  display: flex;
  width: 100%;
  height: 1.42494rem;
  gap: 0.40712rem;
}
.react-tel-input__URpG1 .flag__DUBvy {
  width: 0.63613rem;
  height: 0.50891rem;
  background-image: url(/assets/images/flags.0e0e67b26612b209383c.png);
  background-repeat: no-repeat;
}
.react-tel-input__URpG1 .form-control__UeopZ {
  position: relative;
  font-size: 0.35623rem;
  letter-spacing: 0.01rem;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 0.40712rem;
  margin-left: 0;
  flex-grow: 1;
  border-radius: 0.15267rem;
  background: var(--Surface-Subtle, #f6f7f9);
  outline: none;
}
.react-tel-input__URpG1 .form-control__UeopZ.invalid-number__Zm7Cz {
  border: 0.02545rem solid #d79f9f;
  background-color: #faf0f0;
  border-left-color: #cacaca;
}
.react-tel-input__URpG1 .form-control__UeopZ.invalid-number__Zm7Cz:focus {
  border: 0.02545rem solid #d79f9f;
  border-left-color: #cacaca;
  background-color: #faf0f0;
}
.react-tel-input__URpG1 .form-control__UeopZ.open__mzEMt {
  box-shadow: rgba(34, 36, 38, 0.15) 0 0.05089rem 0.07634rem 0;
  border-color: rgb(150, 200, 218);
  border-radius: 0.12723rem 0.12723rem 0 0;
  border-bottom: none;
  box-shadow: none;
}
.react-tel-input__URpG1 .flag-dropdown__hJGxB {
  width: 2.51908rem;
  padding: 0;
  border-radius: 0.15267rem;
  background: var(--Surface-Subtle, #f6f7f9);
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.react-tel-input__URpG1 .flag-dropdown__hJGxB:hover, .react-tel-input__URpG1 .flag-dropdown__hJGxB:focus {
  cursor: pointer;
}
.react-tel-input__URpG1 .flag-dropdown__hJGxB.open__mzEMt {
  background: #fff;
  border-radius: 0.07634rem 0 0 0;
}
.react-tel-input__URpG1 .flag-dropdown__hJGxB.open__mzEMt .selected-flag__OtoCQ {
  background: #fff;
  border-radius: 0.07634rem 0 0 0;
}
.react-tel-input__URpG1 .flag-dropdown__hJGxB .selected-icon__EINTu {
  width: 0.35623rem;
  height: 0.35623rem;
}
.react-tel-input__URpG1 input[disabled] + .flag-dropdown__hJGxB:hover {
  cursor: default;
}
.react-tel-input__URpG1 input[disabled] + .flag-dropdown__hJGxB:hover .selected-flag__OtoCQ {
  background-color: transparent;
}
.react-tel-input__URpG1 .selected-flag__OtoCQ {
  outline: none;
  position: relative;
  width: 0.96692rem;
  padding: 0 0 0 0.20356rem;
  border-radius: 0.07634rem 0 0 0.07634rem;
}
.react-tel-input__URpG1 .selected-flag__OtoCQ:hover, .react-tel-input__URpG1 .selected-flag__OtoCQ:focus {
  background-color: #fff;
}
.react-tel-input__URpG1 .selected-flag__OtoCQ .flag__DUBvy {
  position: absolute;
  top: 50%;
  margin-top: -0.12723rem;
}
.react-tel-input__URpG1 .selected-flag__OtoCQ .arrow__h3qG5 {
  position: relative;
  top: 50%;
  margin-top: -0.05089rem;
  left: 0.50891rem;
  width: 0;
  height: 0;
  border-left: 0.07634rem solid transparent;
  border-right: 0.07634rem solid transparent;
  border-top: 0.10178rem solid #555;
}
.react-tel-input__URpG1 .selected-flag__OtoCQ .arrow__h3qG5.up__lan1g {
  border-top: none;
  border-bottom: 0.10178rem solid #555;
}
.react-tel-input__URpG1 .selected-flag__OtoCQ.open__mzEMt {
  z-index: 2;
}
.react-tel-input__URpG1 .invalid-number-message__T8xnH {
  position: absolute;
  z-index: 1;
  font-size: 0.33079rem;
  left: 1.17048rem;
  top: -0.20356rem;
  background: #fff;
  padding: 0 0.05089rem;
  color: #de0000;
}
.react-tel-input__URpG1 .special-label__GLhgd {
  display: none;
  position: absolute;
  z-index: 1;
  font-size: 0.33079rem;
  left: 1.17048rem;
  top: -0.20356rem;
  background: #fff;
  padding: 0 0.05089rem;
  white-space: nowrap;
}

.country-list__OFXlf {
  outline: none;
  z-index: 10000;
  border-radius: 0.20356rem;
  border: none;
  list-style: none;
  position: fixed;
  padding-bottom: 0.10178rem;
  margin: 0;
  box-shadow: 0 0.10178rem 0.30534rem rgba(0, 0, 0, 0.15);
  background-color: white;
  width: 90%;
  max-height: 60vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
}
.country-list__OFXlf .divider__Ofqf8 {
  padding-bottom: 0.12723rem;
  margin-bottom: 0.12723rem;
  border-bottom: 0.02545rem solid #ccc;
}
.country-list__OFXlf .country__Whsxq {
  padding: 0.25445rem 0.30534rem;
  display: flex;
  align-items: center;
  touch-action: manipulation;
}
.country-list__OFXlf .country__Whsxq .dial-code__xgMxQ {
  font-size: 0.35623rem;
  color: #6b6b6b;
}
.country-list__OFXlf .country__Whsxq:hover {
  background-color: #f1f1f1;
}
.country-list__OFXlf .country__Whsxq.highlight__TLSXh {
  background-color: #f1f1f1;
}
.country-list__OFXlf .country-name__IgJv8 {
  font-size: 0.35623rem;
  margin: 0 0.20356rem;
  word-break: break-word;
}
.country-list__OFXlf .search__DTMvI {
  position: sticky;
  top: 0;
  background-color: #fff;
  padding: 0.20356rem 0.30534rem;
  z-index: 1002;
  display: flex;
  align-items: center;
  gap: 0.20356rem;
  border-bottom: 0.02545rem solid #eee;
}
.country-list__OFXlf .search-emoji__uLep1 {
  display: none;
  font-size: 0.38168rem;
}
.country-list__OFXlf .search-box__FMnHm {
  border: 0.02545rem solid #cacaca;
  border-radius: 0.07634rem;
  font-size: 0.38168rem;
  line-height: 0.38168rem;
  padding: 0.15267rem 0.20356rem;
  outline: none;
  border-radius: 0.15267rem;
  background-color: var(--Surface-Subtle, #F6F7F9);
  width: 100%;
}
.country-list__OFXlf .no-entries-message__BFj1Q {
  padding: 0.17812rem 0.25445rem 0.2799rem;
  opacity: 0.7;
  font-size: 0.35623rem;
}
.country-list__OFXlf::-webkit-scrollbar {
  width: 0.10178rem;
}
.country-list__OFXlf::-webkit-scrollbar-track {
  background-color: transparent;
}
.country-list__OFXlf::-webkit-scrollbar-thumb {
  background-color: #c5c5c4;
  border-radius: 0.12723rem;
}

.dropdown-overlay__hWLZf {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(0.05089rem);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_typescript@5.9.2_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[3]!./src/pages/Registration/h5/components/PhoneInput/phoneInput.h5.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalContainer__i57WR {
  padding: 0.71247rem 0.50891rem 0.50891rem;
  background: #fff;
  width: 100%;
  height: 85vh;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  font-size: 0.35623rem;
}
.modalContainer__i57WR button {
  height: 1.22137rem;
}
.modalContainer__i57WR button div {
  font-weight: 700;
}
.modalContainer__i57WR .backBtn__zq8jr {
  width: 0.40712rem;
  height: 0.40712rem;
  margin-bottom: 0.25445rem;
  flex-shrink: 0;
}
.modalContainer__i57WR .title__wewcU {
  color: var(--Text-Title, #1d2129);
  /* Title/Large */
  font-size: 0.61069rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.81425rem; /* 133.333% */
}
.modalContainer__i57WR .textExplain__X35mF {
  color: var(--Text-Neutural-Subtitle, #647793);
  /* Discription/Regular */
  font-size: 0.35623rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.5598rem; /* 157.143% */
  margin-bottom: 0.61069rem;
}
.modalContainer__i57WR .button__CGplR {
  position: absolute;
  bottom: 1.42494rem;
  box-sizing: border-box;
  width: 8.98219rem;
}

.modalContainer__i57WR .button__CGplR {
  position: absolute;
  bottom: 1.6285rem;
  width: 8.98219rem;
  left: 0;
  right: 0;
  margin: auto;
}
.modalContainer__i57WR .errorInfo__QUE94 {
  display: flex;
  align-items: center;
  gap: 0.10178rem;
  margin-top: 0.61069rem;
  color: #E8604B;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_typescript@5.9.2_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[3]!./src/pages/Registration/h5/components/email-register-h5/index.h5.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalContainer__x1aLz {
  padding: 0.71247rem 0.50891rem 0.50891rem;
  background: #fff;
  width: 100%;
  height: 85vh;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  font-size: 0.35623rem;
}
.modalContainer__x1aLz button {
  height: 1.22137rem;
}
.modalContainer__x1aLz button div {
  font-weight: 700;
}
.modalContainer__x1aLz .backBtn__eKdIi {
  width: 0.40712rem;
  height: 0.40712rem;
  margin-bottom: 0.25445rem;
  flex-shrink: 0;
}
.modalContainer__x1aLz .title__TaJDx {
  color: var(--Text-Title, #1d2129);
  /* Title/Large */
  font-size: 0.61069rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.81425rem; /* 133.333% */
}
.modalContainer__x1aLz .textExplain__luXfV {
  color: var(--Text-Neutural-Subtitle, #647793);
  /* Discription/Regular */
  font-size: 0.35623rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.5598rem; /* 157.143% */
  margin-bottom: 0.61069rem;
}
.modalContainer__x1aLz .button__PDEAL {
  position: absolute;
  bottom: 1.42494rem;
  box-sizing: border-box;
  width: 8.98219rem;
}

.modalContainer__x1aLz .inputStyle__YEawz {
  display: flex;
  align-items: center;
  height: 1.42494rem;
  align-self: stretch;
  border-radius: 0.15267rem;
  background: var(--Surface-Subtle, #f6f7f9);
}
.modalContainer__x1aLz .inputStyle__YEawz div:first-child {
  width: 100%;
}
.modalContainer__x1aLz .errorInfo___ycHw {
  display: flex;
  align-items: center;
  gap: 0.10178rem;
  margin-top: 0.20356rem;
  color: #E8604B;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].oneOf[0].use[2]!./node_modules/.pnpm/@arco-design+mobile-react@2.38.2_@types+react-dom@18.3.7_@types+react@18.3.24__@types+react@1_4lfnfxg4ayyrsm7p7tbwprgr6m/node_modules/@arco-design/mobile-react/esm/input/style/index.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * @type mixin-var
 * @name GeneralMixinVars
 * @name_en General Mixin
 */
/**
 * 根据 base-font-size，设置单位尺寸为 rem
 * @desc {en} set the unit size to rem based on base-font-size
 * @param @property css属性名
 * @param @property {en} css property
 * @param @values css属性值，如果为复合属性，值可以用逗号分隔开
 * @param @values {en} css property value, the values can be separated by commas when the style is composite
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .rem(font-size, 14);
 *     .rem(padding, 16, 0);
 * }
 * ```
 */
/**
 * 根据 base-font-size，设置常规模式和 rtl 模式下单位尺寸为 rem
 * @desc {en} set the unit size to rem for regular and RTL modes based on the base-font-size
 * @param @property css属性名
 * @param @property {en} css property
 * @param @values css属性值，如果为复合属性，值可以用逗号分隔开
 * @param @values {en} css property value, the values can be separated by commas when the style is composite
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .rem-with-rtl(font-size, 14);
 *     .rem-with-rtl(padding, 16, 0);
 * }
 * ```
 */
/**
 * 当 less 变量 use-dark-mode=1 时，自定义暗黑模式样式规则
 * @desc {en} Customize dark mode style rules when the less variable use-dark-mode=1.
 * @param @rules 对应的暗黑模式规则
 * @param @rules {en} Corresponding dark mode rules
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-dark-mode-query({
 *         background-color: #000;
 *     });
 * }
 * ```
 */
/**
 * 为属性设置 arco 提供的 token 变量
 * @desc {en} set the token variable provided by Arco for the attribute
 * @param @property css属性名
 * @param @property {en} css property
 * @param @variables token变量名
 * @param @variables {en} token variable name
 * @param @preValues 复合属性css变量前缀
 * @param @preValues {en} prefix for Compound Attribute CSS Variables
 * @param @nextValues 复合属性css变量后缀
 * @param @nextValues {en} suffix for Compound Attribute CSS Variables
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-var(background, primary-color);
 *     .use-var(border, primary-color, 1px solid);
 *     .use-var(border, cell-border-width, '', solid black);
 * }
 * ```
 */
/**
 * 为属性设置 transition 变量
 * @desc {en} set the transition variable for the attribute
 * @param @transitionVariable transition 变量名
 * @param @transitionVariable {en} transition variable name
 * @param @backupVariable 备份变量名
 * @param @backupVariable {en} backup variable name
 * @param @property css属性名
 * @param @property {en} css property
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-transition-var(builtin-transition-fade-enter-duration, transition-fade-duration);
 * }
 * ```
 */
/**
 * 在常规模式和 rtl 模式下为属性设置 arco 提供的 token 变量
 * @desc {en} set the token variable provided by Arco for the attribute in regular mode and RTL mode
 * @param @property css 属性名
 * @param @property {en} css property
 * @param @variables token 变量名
 * @param @variables {en} token variable name
 * @param @preValues
 * @param @preValues {en}
 * @param @nextValues
 * @param @nextValues {en}
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-var-with-rtl(margin-left, button-icon-text-gutter);
 * }
 * ```
 */
/**
 * 设置涉及左右相关的属性名，在rtl模式下自动替换为相反的属性名
 * @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
 * @param @property css属性名
 * @param @property {en} css property
 * @param @value css属性值
 * @param @value {en} css property value
 * @param @rules 自定义的复写规则，默认重置为initial
 * @param @rules {en} customized rewrite rules, default to initial
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *   .set-prop-with-rtl(right, auto);
 * }
 * ```
 */
/**
 * 设置涉及左右相关的属性值，在rtl模式下自动替换为相反的属性值
 * @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
 * @param @property css属性名
 * @param @property {en} css property
 * @param @value css属性值
 * @param @value {en} css property value
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *   .set-value-with-rtl(text-align, left);
 * }
 * ```
 */
/**
 * 在 rtl 模式下，自定义样式规则
 * @desc {en} custom style in RTL mode
 * @param @rules 对应的rtl模式下的规则
 * @param @rules {en} property with rtl
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .style-with-rtl({
 *         transform: scale(-1);
 *     });
 * }
 * ```
 */
/**
 * 0.5px 的边框线
 * @desc {en} a border line of 0.5 pixels
 * @param @color 使用 css 变量为线设置颜色
 * @param @color {en} set border-color by CSS variable
 * @param @direction 边框方向，默认为全部方向
 * @param @direction {en} border direction，default to all directions.
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .hairline-var(line-color);
 *     .hairline-var(line-color, top);
 * }
 * ```
 */
/**
 * 字体加粗
 * @desc {en} font bold
 * @param @color 使用 css 变量设置加粗的字体颜色，默认继承文字当前颜色
 * @param @color {en} set color by CSS variable
 * @param @stroke 字体粗细，默认 0.3px
 * @param @stroke {en} font weight, default 0.3 pixel
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .text-medium-var();
 *    .text-medium-var(primary-color, 0.5PX);
 * }
 * ```
 */
/**
 * 1px 边框
 * @desc {en} 1 pixel border
 * @param @direction 边框方向
 * @param @direction {en} border direction
 * @param @borderColor 使用 css 变量设置边框颜色
 * @param @borderColor {en} set border-color by CSS variable
 * @param @borderRadius border-radius，默认为 0
 * @param @borderRadius {en} border-radius, default value is 0
 * @param @borderWidth border-width，默认为 1px
 * @param @borderWidth {en} border-width, default value is 1 pixel
 * @param @borderStyle border-style，默认为 solid
 * @param @borderStyle {en} border-style, default value is solid
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .onepx-border-var(top, line-color);
 *    .onepx-border-var(all, line-color, 2, 2px, dashed);
 * }
 * ```
 */
/**
 * 元素右下 0.5px 边框
 * @desc {en} 0.5px border on bottom right
 * @param @color 使用 css 变量设置边框颜色
 * @param @color {en} set border-color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .hairline-bottom-right-var(line-color);
 * }
 * ```
 */
/**
 * 元素左上 0.5px 边框
 * @desc {en} 0.5px border on top left
 * @param @color 使用 css 变量设置边框颜色
 * @param @color {en} set border-color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .hairline-top-left-var(line-color);
 * }
 * ```
 */
/**
 * 设置 Loading 组件颜色
 * @desc {en} set Loading component color
 * @param @color 使用 css 变量设置颜色
 * @param @color {en} set color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-loading-color-var(primary-color);
 * }
 * ```
 */
/**
 * 设置最小字号
 * @desc {en} set minimum font-size
 * @param @size 使用 css 变量设置最小字号
 * @param @size {en} set minimum font-size by CSS variable
 * @param @scale 设置最小字号下文字缩放比例，默认为 0.9
 * @param @scale {en} set minimum font-size down text scale，default value is 0.9
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-font-size-var(badge-font-size);
 *    .set-font-size-var(badge-font-size, 0.5);
 * }
 * ```
 */
/**
 * 设置 content-box 盒模型下元素宽度
 * @desc {en} set box width in content-box
 * @param @property css 属性名
 * @param @property {en} css property
 * @param @width 元素总宽度，包含内边距
 * @param @width element width, include padding
 * @param @padding-left 左侧内边距
 * @param @padding-left {en} padding-left
 * @param @padding-right 右侧内边距
 * @param @padding-right {en} padding-right
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-content-box-width-var(min-width, badge-text-width, badge-text-padding-left, badge-text-padding-right);
 * }
 * ```
 */
/**
 * 设置 Steps 组件颜色
 * @desc {en} set Steps component color
 * @param @color 使用 css 变量设置主颜色
 * @param @color {en} set main step color by CSS variable
 * @param @finish-color 使用 css 变量设置已完成步骤的颜色
 * @param @finish-color {en} set finished step color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-steps-color-var(primary-color, lighter-primary-color);
 * }
 * ```
 */
/**
 * @type mixin
 * @name GeneralMixin
 * @name_en General Mixin
 */
/**
 * 文本溢出，支持1行/多行文本
 * @desc {en} text overflow, support single line or multiple lines
 * @param @lines 最大展示行数，默认为1行
 * @param @lines {en} allows limiting of the contents of a block to the specified number of lines, default to 1
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 * .demo1{
 *   .text-overflow();
 * }
 * .demo2 {
 *   .text-overflow(2);
 * }
 * ```
 */
/**
 * 禁用用户选择文本
 * @desc {en} disable user selection of text
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .noselect();
 * }
 */
/**
 * 全屏布局
 * @desc {en} full-screen layout
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .full-screen();
 * }
 */
/**
 * 文本加粗，兼容安卓设备
 * @desc {en} text-bold, compatible with Android devices
 * @param @color 文本颜色，默认为currentColor
 * @param @color {en} text color, default to currentColor
 * @param @stroke 文本字符笔触宽度，默认为0.3PX
 * @param @stroke {en} the width of strokes for text characters, default to 0.3PX
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo1 {
 *   .text-medium();
 * }
 * .demo2 {
 *   .text-medium(#fff, 0.5px);
 * }
 */
/**
 * 消除文本加粗样式，兼容安卓设备
 * @desc {en} remove text-bold, compatible with Android devices
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .remove-text-medium();
 * }
 */
/**
 * 1px(物理像素)边框
 * @desc {en} a border line of 1 pixel
 * @param @direction 边框方向
 * @param @direction {en} border direction
 * @param @borderColor 边框颜色，默认inherit
 * @param @borderColor {en} border color, default to inherit
 * @param @borderRadius 边框圆角，默认0
 * @param @borderRadius {en} border radius, default to 0
 * @param @borderWidth 边框宽度，默认1px
 * @param @borderWidth {en} border width, default to 1px
 * @param @borderStyle 边框样式，默认solid
 * @param @borderStyle {en} border style, default to solid
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .onepx-border();
 * }
 */
/**
 * 移除0.5px的边框线
 * @desc {en} remove border line of 0.5 pixels
 * @param @direction 边框方向，默认为全部方向
 * @param @direction {en} border direction，default to all directions.
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .remove-hairline(all);
 * }
 * ```
 */
/**
 * 元素右下 0.5px border
 * @desc {en} 0.5px border on bottom right
 * @param @color 边框颜色
 * @param @color {en} border-color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .hairline-bottom-right(#000);
 * }
 * ```
 */
/**
 * 元素左上 0.5px border
 * @desc {en} 0.5px border on top left
 * @param @color 边框颜色
 * @param @color {en} border-color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .hairline-top-left(#000);
 * }
 * ```
 */
/**
 * 输入涉及左右相关的属性名，获取方向相反的属性名，可用于处理rtl模式
 * @desc {en} get the property name in the opposite direction of the input property name, which can be used to process rtl mode
 * @param @origin-property css属性名
 * @param @origin-property {en} css property
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   @a: .prop-with-rtl(margin-left)[@property-name]; // @a 变量值为margin-right
 * }
 * ```
 */
/**
 * 设置Loading组件颜色
 * @desc {en} set Loading component color
 * @param @color 颜色
 * @param @color {en} color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-loading-color(#000);
 * }
 * ```
 */
/**
 * 设置最小字号
 * @desc {en} set minimum font-size
 * @param @size 最小字号
 * @param @size {en} minimum font-size
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-font-size(10px);
 * }
 * ```
 */
/**
 * 设置content-box盒模型下元素宽度
 * @desc {en} set box width in content-box
 * @param @property css属性名
 * @param @property {en} css property
 * @param @width 元素总宽度，包含内边距
 * @param @width element width, include padding
 * @param @padding-left 左侧内边距
 * @param @padding-left {en} padding-left
 * @param @padding-right 右侧内边距
 * @param @padding-right {en} padding-right
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-content-box-width(min-width, 300px, 10px, 10px);
 * }
 * ```
 */
/**
 * 设置Steps组件当前步骤主要颜色，已完成步骤颜色自动计算为当前步骤颜色透明度10%
 * @desc {en} set Steps component color
 * @param @color 当前步骤背景、标题文本颜色
 * @param @color {en} color of current step background and title text
 * @param @finish-color 已完成步骤背景色
 * @param @finish-color {en} color of finished step background
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-steps-color(#FFB400);
 * }
 * ```
 */
.arco-m-input-container {
  width: 100%;
  color:  #1d2129 ;
  position: relative;
}
.arco-m-input-container .arco-m-input-label {
  min-width:  1.628499rem ;
}
.arco-m-input-label {
  padding-top: 1PX;
}
.arco-m-input-label.required::before {
  content: "* ";
  color:  #F53F3F ;
}
.disabled .arco-m-input-label {
  color:  #c9cdd4 ;
}
.arco-m-input-wrap {
  position: relative;
  height:  1.374046rem ;
  padding: 0 0.407125rem ;
  display: flex;
  align-items: center;
}
.arco-m-input-wrap textarea,
.arco-m-input-wrap input {
  flex: 1;
  background: transparent;
}
.arco-m-input-wrap textarea:disabled,
.arco-m-input-wrap input:disabled {
  color:  #c9cdd4 ;
  -webkit-text-fill-color:  #c9cdd4 ;
  opacity: 1;
}
.arco-m-input-wrap.textarea {
  height: auto;
  align-items: flex-start;
  padding:  0.407125rem ;
}
.arco-m-input-wrap.textarea.has-stat {
  padding:  0.407125rem 0.407125rem 1.119593rem ;
}
.arco-m-input-wrap.border-all {
  box-shadow: 0 0 0 1PX #e5e6eb inset;
}
@media (min-resolution: 2dppx) {
  .arco-m-input-wrap.border-all {
    box-shadow: 0 0 0 0.5PX #e5e6eb inset;
  }
}
.ios .arco-m-input-wrap.border-all,
.arco-m-input-wrap.border-all.ios {
  box-shadow: none;
  border: 0.5PX solid #e5e6eb;
}
.arco-m-input-wrap.border-half {
  box-shadow: 0 1PX 0 0 #e5e6eb inset;
  box-shadow: 0 -1PX 0 0 #e5e6eb inset;
}
@media (min-resolution: 2dppx) {
  .arco-m-input-wrap.border-half {
    box-shadow: 0 0.5PX 0 0 #e5e6eb inset;
  }
}
.ios .arco-m-input-wrap.border-half,
.arco-m-input-wrap.border-half.ios {
  box-shadow: none;
  border-top: 0.5PX solid #e5e6eb;
}
@media (min-resolution: 2dppx) {
  .arco-m-input-wrap.border-half {
    box-shadow: 0 -0.5PX 0 0 #e5e6eb inset;
  }
}
.ios .arco-m-input-wrap.border-half,
.arco-m-input-wrap.border-half.ios {
  box-shadow: none;
  border-bottom: 0.5PX solid #e5e6eb;
}
.arco-m-input-wrap.border-bottom {
  box-shadow: 0 -1PX 0 0 #e5e6eb inset;
}
@media (min-resolution: 2dppx) {
  .arco-m-input-wrap.border-bottom {
    box-shadow: 0 -0.5PX 0 0 #e5e6eb inset;
  }
}
.ios .arco-m-input-wrap.border-bottom,
.arco-m-input-wrap.border-bottom.ios {
  box-shadow: none;
  border-bottom: 0.5PX solid #e5e6eb;
}
.arco-m-input-prefix,
.arco-m-input-suffix,
.arco-m-input-clear {
  font-size:  14px ;
  line-height:  0.559796rem ;
  align-items: center;
  justify-content: center;
  display: flex;
}
.arco-m-input-prefix {
  padding-right:  0.610687rem ;
}
[dir="rtl"] .arco-m-input-prefix {
  padding-right: initial;
  padding-left:  0.610687rem ;
}
.arco-m-input-clear,
.arco-m-input-suffix {
  padding-left:  0.407125rem ;
}
[dir="rtl"] .arco-m-input-clear,
[dir="rtl"] .arco-m-input-suffix {
  padding-left: initial;
  padding-right:  0.407125rem ;
}
.arco-m-input-clear {
  color:  #c9cdd4 ;
  font-size:  16PX ;
}
.arco-m-input {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size:  14px ;
  line-height:  0.559796rem ;
  caret-color:  #FFD600 ;
  padding:  0.305344rem 0;
  color:  #1d2129 ;
}
.arco-m-input::placeholder {
  color:  #c9cdd4 ;
}
.arco-m-input::-webkit-search-cancel-button {
  display: none;
}
/***************************************************
 *                                                 *
 *               Arco Theme Style                  *
 *                                                 *
 ***************************************************/
.arco-theme-dark .process-bg-color-with-config,
.arco-theme-dark .process-custom-icon-bg-color-with-config {
  color:  rgba(255, 255, 255, 0.9) ;
}
.arco-theme-dark .wait-custom-icon-bg-color-with-config {
  background:  #2e2e30 ;
  color:  #929293 ;
}
.arco-theme-dark .arco-m-input-container {
  color:  #f6f6f6 ;
}
.arco-theme-dark .arco-m-input-label.required::before {
  color:  #F76965 ;
}
.arco-theme-dark .disabled .arco-m-input-label {
  color:  #5f5f60 ;
}
.arco-theme-dark .arco-m-input-wrap textarea:disabled,
.arco-theme-dark .arco-m-input-wrap input:disabled {
  color:  #5f5f60 ;
  -webkit-text-fill-color:  #5f5f60 ;
}
.arco-theme-dark .arco-m-input-wrap.border-all {
  box-shadow: 0 0 0 1PX #484849 inset;
}
@media (min-resolution: 2dppx) {
  .arco-theme-dark .arco-m-input-wrap.border-all {
    box-shadow: 0 0 0 0.5PX #484849 inset;
  }
}
.ios .arco-theme-dark .arco-m-input-wrap.border-all,
.arco-theme-dark .arco-m-input-wrap.border-all.ios {
  box-shadow: none;
  border: 0.5PX solid #484849;
}
.arco-theme-dark .arco-m-input-wrap.border-half {
  box-shadow: 0 1PX 0 0 #484849 inset;
  box-shadow: 0 -1PX 0 0 #484849 inset;
}
@media (min-resolution: 2dppx) {
  .arco-theme-dark .arco-m-input-wrap.border-half {
    box-shadow: 0 0.5PX 0 0 #484849 inset;
  }
}
.ios .arco-theme-dark .arco-m-input-wrap.border-half,
.arco-theme-dark .arco-m-input-wrap.border-half.ios {
  box-shadow: none;
  border-top: 0.5PX solid #484849;
}
@media (min-resolution: 2dppx) {
  .arco-theme-dark .arco-m-input-wrap.border-half {
    box-shadow: 0 -0.5PX 0 0 #484849 inset;
  }
}
.ios .arco-theme-dark .arco-m-input-wrap.border-half,
.arco-theme-dark .arco-m-input-wrap.border-half.ios {
  box-shadow: none;
  border-bottom: 0.5PX solid #484849;
}
.arco-theme-dark .arco-m-input-wrap.border-bottom {
  box-shadow: 0 -1PX 0 0 #484849 inset;
}
@media (min-resolution: 2dppx) {
  .arco-theme-dark .arco-m-input-wrap.border-bottom {
    box-shadow: 0 -0.5PX 0 0 #484849 inset;
  }
}
.ios .arco-theme-dark .arco-m-input-wrap.border-bottom,
.arco-theme-dark .arco-m-input-wrap.border-bottom.ios {
  box-shadow: none;
  border-bottom: 0.5PX solid #484849;
}
.arco-theme-dark .arco-m-input-clear {
  color:  #5f5f60 ;
}
.arco-theme-dark .arco-m-input {
  caret-color:  #3C7EFF ;
  color:  #f6f6f6 ;
}
.arco-theme-dark .arco-m-input::placeholder {
  color:  #5f5f60 ;
}
/********************* End *************************/

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_typescript@5.9.2_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js!./src/components/common/Input/h5/index.h5.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.junigo-h5-input {
  background-color: var(--Surface-Subtle);
}
.junigo-h5-input .arco-m-input-prefix {
  padding-right: 0.20356rem;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_typescript@5.9.2_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[3]!./src/pages/Registration/h5/components/setPassWord/index.h5.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalContainer__rOuQu {
  padding: 0.71247rem 0.50891rem 0.50891rem;
  background: #fff;
  width: 100%;
  height: 85vh;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  font-size: 0.35623rem;
}
.modalContainer__rOuQu button {
  height: 1.22137rem;
}
.modalContainer__rOuQu button div {
  font-weight: 700;
}
.modalContainer__rOuQu .backBtn__gW51z {
  width: 0.40712rem;
  height: 0.40712rem;
  margin-bottom: 0.25445rem;
  flex-shrink: 0;
}
.modalContainer__rOuQu .title__CIs1Z {
  color: var(--Text-Title, #1d2129);
  /* Title/Large */
  font-size: 0.61069rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.81425rem; /* 133.333% */
}
.modalContainer__rOuQu .textExplain__pSZKT {
  color: var(--Text-Neutural-Subtitle, #647793);
  /* Discription/Regular */
  font-size: 0.35623rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.5598rem; /* 157.143% */
  margin-bottom: 0.61069rem;
}
.modalContainer__rOuQu .button__IeYJk {
  position: absolute;
  bottom: 1.42494rem;
  box-sizing: border-box;
  width: 8.98219rem;
}

.modalContainer__rOuQu .validationContainer__Fs6HF {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.modalContainer__rOuQu .validationContainer__Fs6HF .validationItem__qFmsV {
  display: flex;
  align-items: center;
  gap: 0.20356rem;
  color: var(--Text-Subtitle, #647793);
  /* Discription/Regular */
  font-size: 0.35623rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.5598rem; /* 157.143% */
}
.modalContainer__rOuQu .inputContainer__EJUJp {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.40712rem;
  margin-bottom: 0.61069rem;
  margin-top: 0.61069rem;
}
.modalContainer__rOuQu .inputContainer__EJUJp .passwordInput__HiyfM {
  display: flex;
  height: 1.42494rem;
  padding: 0.17812rem 0.40712rem;
  align-items: center;
  align-self: stretch;
  border-radius: 0.15267rem;
  background: var(--Surface-Subtle, #f6f7f9);
}
.modalContainer__rOuQu .inputContainer__EJUJp .passwordInput__HiyfM div:first-child {
  width: 100%;
}
.modalContainer__rOuQu .confirmButton__k0Y09 {
  display: flex;
  width: 8.98219rem;
  height: 1.22137rem;
  padding: 0.12723rem 0.40712rem;
  justify-content: center;
  align-items: center;
  gap: 0.20356rem;
  flex-shrink: 0;
  aspect-ratio: 353/48;
  border-radius: 0.30534rem;
  background: var(--Surface-Neutural-Dark, #1d2129);
  position: absolute;
  bottom: 1.6285rem;
  left: 0;
  right: 0;
  margin: auto;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_typescript@5.9.2_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[3]!./src/pages/Registration/h5/components/guideLogin/index.h5.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalContainer__cb9TV {
  padding: 0.71247rem 0.50891rem 0.50891rem;
  background: #fff;
  width: 100%;
  height: 85vh;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  font-size: 0.35623rem;
}
.modalContainer__cb9TV button {
  height: 1.22137rem;
}
.modalContainer__cb9TV button div {
  font-weight: 700;
}
.modalContainer__cb9TV .backBtn__np4YZ {
  width: 0.40712rem;
  height: 0.40712rem;
  margin-bottom: 0.25445rem;
  flex-shrink: 0;
}
.modalContainer__cb9TV .title__qy9L8 {
  color: var(--Text-Title, #1d2129);
  /* Title/Large */
  font-size: 0.61069rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.81425rem; /* 133.333% */
}
.modalContainer__cb9TV .textExplain__xSBqQ {
  color: var(--Text-Neutural-Subtitle, #647793);
  /* Discription/Regular */
  font-size: 0.35623rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.5598rem; /* 157.143% */
  margin-bottom: 0.61069rem;
}
.modalContainer__cb9TV .button__FdJ1T {
  position: absolute;
  bottom: 1.42494rem;
  box-sizing: border-box;
  width: 8.98219rem;
}

.modalContainer__cb9TV {
  justify-content: center;
  position: relative;
}
.modalContainer__cb9TV .infoTips__DOnoN {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.modalContainer__cb9TV .infoTips__DOnoN .textStyle__uD5Uq {
  color: var(--Text-Title, #1d2129);
  text-align: center;
  /* Title/Large */
  font-size: 0.61069rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.81425rem; /* 133.333% */
  margin-top: 0.40712rem;
  margin-bottom: 3.56234rem;
}
.modalContainer__cb9TV .createButton__sOQJZ {
  width: 8.98219rem;
  height: 1.22137rem;
  box-sizing: border-box;
  background: #1d2129;
  border-radius: 0.30534rem;
  color: #ffffff;
  font-weight: 700;
  font-size: 0.35623rem;
  line-height: 1.57;
  border: none;
  position: absolute;
  bottom: 1.42494rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js!./src/components/common/Button/h5/index.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
/*
 * Override Arco Mobile Button primary font-weight
 * - Scope: H5 only (arco mobile uses .arco-button classes)
 * - Reason: Adjust visual weight for primary action emphasis
 * - Note: Keep selector specific enough to avoid side effects
 */
/* If icon-only or icon+text, keep consistency by setting on root as fallback */
.junigo-h5-button.arco-m-button-type-primary {
  font-weight: 700;
}
.junigo-h5-button.arco-m-button-type-default {
  font-weight: 700;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].oneOf[1].use[2]!./node_modules/.pnpm/@arco-design+web-react@2.66.5_@types+react@18.3.24_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@arco-design/web-react/es/Button/style/index.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/******** borderSize *******/
/******** borderStyle *******/
/******** radius *******/
/******** shadow distance *******/
/******** size *******/
/******** spacing *******/
/******** shadow *******/
/******** opacity *******/
/******** fontSize *******/
/******** fontWeight ********/
/******** Primary *******/
/******** success *******/
/******** warning *******/
/******** danger *******/
/******** link *******/
/******** radius *******/
/********* icon hover *********/
/***** Outline *****/
/***** Primary *****/
/***** Secondary *****/
/***** Dashed *****/
/***** Text *****/
/***** focus-visible *****/
.arco-p-btn {
  display: inline-block;
  position: relative;
  outline: none;
  font-weight: 400;
  appearance: none;
  user-select: none;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
  box-sizing: border-box;
  line-height: 1.5715;
}
.arco-p-btn > a:only-child {
  color: currentColor;
}
.arco-p-btn:active {
  transition: none;
}
.arco-p-btn:empty {
  display: inline-block;
  vertical-align: bottom;
}
.arco-p-btn-long {
  display: block;
  width: 100%;
}
.arco-p-btn-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.arco-p-btn-link:not([href]) {
  color: var(--color-text-4);
}
.arco-p-btn-link:hover {
  text-decoration: none;
}
.arco-p-btn-loading {
  cursor: default;
  position: relative;
}
.arco-p-btn-loading::before {
  content: '';
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: block;
  background: #fff;
  border-radius: inherit;
  opacity: 0.4;
  transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
  pointer-events: none;
}
.arco-p-btn-loading-fixed-width {
  transition: none;
}
.arco-p-btn-two-chinese-chars > *:not(svg) {
  letter-spacing: 0.3em;
  margin-right: -0.3em;
}
a.arco-p-btn-icon-only {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
}
.arco-p-btn-outline:not(.arco-p-btn-disabled) {
  background-color: transparent;
  color: rgb(var(--primary-6));
  border: 1px solid rgb(var(--primary-6));
}
.arco-p-btn-outline:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):hover {
  border-color: var(--Button-surface-primary, #1D2129);
  color: var(--Button-surface-primary, #1D2129);
  background-color: transparent;
}
.arco-p-btn-outline:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):active {
  border-color: rgb(var(--primary-7));
  color: rgb(var(--primary-7));
  background-color: transparent;
}
.arco-p-btn-outline:not(.arco-p-btn-disabled):focus-visible {
  box-shadow: 0 0 0 2px rgb(var(--primary-3));
}
.arco-p-btn-outline.arco-p-btn-disabled {
  background-color: transparent;
  color: var(--color-primary-light-3);
  border: 1px solid var(--color-primary-light-3);
  cursor: not-allowed;
}
.arco-p-btn-outline.arco-p-btn-status-warning:not(.arco-p-btn-disabled) {
  background-color: transparent;
  color: rgb(var(--warning-6));
  border-color: rgb(var(--warning-6));
}
.arco-p-btn-outline.arco-p-btn-status-warning:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):hover {
  border-color: rgb(var(--warning-5));
  color: rgb(var(--warning-5));
  background-color: transparent;
}
.arco-p-btn-outline.arco-p-btn-status-warning:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):active {
  border-color: rgb(var(--warning-7));
  color: rgb(var(--warning-7));
  background-color: transparent;
}
.arco-p-btn-outline.arco-p-btn-status-warning:not(.arco-p-btn-disabled):focus-visible {
  box-shadow: 0 0 0 2px rgb(var(--warning-3));
}
.arco-p-btn-outline.arco-p-btn-status-warning.arco-p-btn-disabled {
  color: var(--color-warning-light-3);
  background-color: transparent;
  border: 1px solid var(--color-warning-light-3);
}
.arco-p-btn-outline.arco-p-btn-status-danger:not(.arco-p-btn-disabled) {
  background-color: transparent;
  color: rgb(var(--danger-6));
  border-color: rgb(var(--danger-6));
}
.arco-p-btn-outline.arco-p-btn-status-danger:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):hover {
  border-color: rgb(var(--danger-5));
  color: rgb(var(--danger-5));
  background-color: transparent;
}
.arco-p-btn-outline.arco-p-btn-status-danger:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):active {
  border-color: rgb(var(--danger-7));
  color: rgb(var(--danger-7));
  background-color: transparent;
}
.arco-p-btn-outline.arco-p-btn-status-danger:not(.arco-p-btn-disabled):focus-visible {
  box-shadow: 0 0 0 2px rgb(var(--danger-3));
}
.arco-p-btn-outline.arco-p-btn-status-danger.arco-p-btn-disabled {
  color: var(--color-danger-light-3);
  background-color: transparent;
  border: 1px solid var(--color-danger-light-3);
}
.arco-p-btn-outline.arco-p-btn-status-success:not(.arco-p-btn-disabled) {
  background-color: transparent;
  color: rgb(var(--success-6));
  border-color: rgb(var(--success-6));
}
.arco-p-btn-outline.arco-p-btn-status-success:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):hover {
  border-color: rgb(var(--success-5));
  color: rgb(var(--success-5));
  background-color: transparent;
}
.arco-p-btn-outline.arco-p-btn-status-success:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):active {
  border-color: rgb(var(--success-7));
  color: rgb(var(--success-7));
  background-color: transparent;
}
.arco-p-btn-outline.arco-p-btn-status-success:not(.arco-p-btn-disabled):focus-visible {
  box-shadow: 0 0 0 2px rgb(var(--success-3));
}
.arco-p-btn-outline.arco-p-btn-status-success.arco-p-btn-disabled {
  color: var(--color-success-light-3);
  background-color: transparent;
  border: 1px solid var(--color-success-light-3);
}
.arco-p-btn-primary:not(.arco-p-btn-disabled) {
  background-color: rgb(var(--primary-6));
  color: #fff;
  border: 1px solid transparent;
}
.arco-p-btn-primary:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):hover {
  border-color: transparent;
  color: #fff;
  background-color: var(--Button-surface-primary, #1D2129);
}
.arco-p-btn-primary:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):active {
  border-color: transparent;
  color: #fff;
  background-color: rgb(var(--primary-7));
}
.arco-p-btn-primary:not(.arco-p-btn-disabled):focus-visible {
  box-shadow: 0 0 0 2px rgb(var(--primary-3));
}
.arco-p-btn-primary.arco-p-btn-disabled {
  background-color: #ECEEF2;
  color: var(--Button-text-disabled, #AFBACA);
  border: 1px solid transparent;
  cursor: not-allowed;
}
.arco-p-btn-primary.arco-p-btn-status-warning:not(.arco-p-btn-disabled) {
  background-color: rgb(var(--warning-6));
  color: #fff;
  border-color: transparent;
}
.arco-p-btn-primary.arco-p-btn-status-warning:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):hover {
  border-color: transparent;
  color: #fff;
  background-color: rgb(var(--warning-5));
}
.arco-p-btn-primary.arco-p-btn-status-warning:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):active {
  border-color: transparent;
  color: #fff;
  background-color: rgb(var(--warning-7));
}
.arco-p-btn-primary.arco-p-btn-status-warning:not(.arco-p-btn-disabled):focus-visible {
  box-shadow: 0 0 0 2px rgb(var(--warning-3));
}
.arco-p-btn-primary.arco-p-btn-status-warning.arco-p-btn-disabled {
  color: #fff;
  background-color: var(--color-warning-light-3);
  border: 1px solid transparent;
}
.arco-p-btn-primary.arco-p-btn-status-danger:not(.arco-p-btn-disabled) {
  background-color: rgb(var(--danger-6));
  color: #fff;
  border-color: transparent;
}
.arco-p-btn-primary.arco-p-btn-status-danger:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):hover {
  border-color: transparent;
  color: #fff;
  background-color: rgb(var(--danger-5));
}
.arco-p-btn-primary.arco-p-btn-status-danger:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):active {
  border-color: transparent;
  color: #fff;
  background-color: rgb(var(--danger-7));
}
.arco-p-btn-primary.arco-p-btn-status-danger:not(.arco-p-btn-disabled):focus-visible {
  box-shadow: 0 0 0 2px rgb(var(--danger-3));
}
.arco-p-btn-primary.arco-p-btn-status-danger.arco-p-btn-disabled {
  color: #fff;
  background-color: var(--color-danger-light-3);
  border: 1px solid transparent;
}
.arco-p-btn-primary.arco-p-btn-status-success:not(.arco-p-btn-disabled) {
  background-color: rgb(var(--success-6));
  color: #fff;
  border-color: transparent;
}
.arco-p-btn-primary.arco-p-btn-status-success:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):hover {
  border-color: transparent;
  color: #fff;
  background-color: rgb(var(--success-5));
}
.arco-p-btn-primary.arco-p-btn-status-success:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):active {
  border-color: transparent;
  color: #fff;
  background-color: rgb(var(--success-7));
}
.arco-p-btn-primary.arco-p-btn-status-success:not(.arco-p-btn-disabled):focus-visible {
  box-shadow: 0 0 0 2px rgb(var(--success-3));
}
.arco-p-btn-primary.arco-p-btn-status-success.arco-p-btn-disabled {
  color: #fff;
  background-color: var(--color-success-light-3);
  border: 1px solid transparent;
}
.arco-p-btn-secondary:not(.arco-p-btn-disabled) {
  background-color: #FFD800;
  color: #10141A;
  border: 1px solid transparent;
}
.arco-p-btn-secondary:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):hover {
  border-color: transparent;
  color: var(--color-text-2);
  background-color: #FFD800;
}
.arco-p-btn-secondary:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):active {
  border-color: transparent;
  color: var(--color-text-2);
  background-color: #FFD800;
}
.arco-p-btn-secondary:not(.arco-p-btn-disabled):focus-visible {
  box-shadow: 0 0 0 2px var(--color-neutral-4);
}
.arco-p-btn-secondary.arco-p-btn-disabled {
  background-color: var(--color-secondary-disabled);
  color: var(--color-text-4);
  border: 1px solid transparent;
  cursor: not-allowed;
}
.arco-p-btn-secondary.arco-p-btn-status-warning:not(.arco-p-btn-disabled) {
  background-color: var(--color-warning-light-1);
  color: rgb(var(--warning-6));
  border-color: transparent;
}
.arco-p-btn-secondary.arco-p-btn-status-warning:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):hover {
  border-color: transparent;
  color: rgb(var(--warning-6));
  background-color: var(--color-warning-light-2);
}
.arco-p-btn-secondary.arco-p-btn-status-warning:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):active {
  border-color: transparent;
  color: rgb(var(--warning-6));
  background-color: var(--color-warning-light-3);
}
.arco-p-btn-secondary.arco-p-btn-status-warning:not(.arco-p-btn-disabled):focus-visible {
  box-shadow: 0 0 0 2px rgb(var(--warning-3));
}
.arco-p-btn-secondary.arco-p-btn-status-warning.arco-p-btn-disabled {
  color: var(--color-warning-light-3);
  background-color: var(--color-warning-light-1);
  border: 1px solid transparent;
}
.arco-p-btn-secondary.arco-p-btn-status-danger:not(.arco-p-btn-disabled) {
  background-color: var(--color-danger-light-1);
  color: rgb(var(--danger-6));
  border-color: transparent;
}
.arco-p-btn-secondary.arco-p-btn-status-danger:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):hover {
  border-color: transparent;
  color: rgb(var(--danger-6));
  background-color: var(--color-danger-light-2);
}
.arco-p-btn-secondary.arco-p-btn-status-danger:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):active {
  border-color: transparent;
  color: rgb(var(--danger-6));
  background-color: var(--color-danger-light-3);
}
.arco-p-btn-secondary.arco-p-btn-status-danger:not(.arco-p-btn-disabled):focus-visible {
  box-shadow: 0 0 0 2px rgb(var(--danger-3));
}
.arco-p-btn-secondary.arco-p-btn-status-danger.arco-p-btn-disabled {
  color: var(--color-danger-light-3);
  background-color: var(--color-danger-light-1);
  border: 1px solid transparent;
}
.arco-p-btn-secondary.arco-p-btn-status-success:not(.arco-p-btn-disabled) {
  background-color: var(--color-success-light-1);
  color: rgb(var(--success-6));
  border-color: transparent;
}
.arco-p-btn-secondary.arco-p-btn-status-success:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):hover {
  border-color: transparent;
  color: rgb(var(--success-6));
  background-color: var(--color-success-light-2);
}
.arco-p-btn-secondary.arco-p-btn-status-success:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):active {
  border-color: transparent;
  color: rgb(var(--success-6));
  background-color: var(--color-success-light-3);
}
.arco-p-btn-secondary.arco-p-btn-status-success:not(.arco-p-btn-disabled):focus-visible {
  box-shadow: 0 0 0 2px rgb(var(--success-3));
}
.arco-p-btn-secondary.arco-p-btn-status-success.arco-p-btn-disabled {
  color: var(--color-success-light-3);
  background-color: var(--color-success-light-1);
  border: 1px solid transparent;
}
.arco-p-btn-dashed:not(.arco-p-btn-disabled) {
  background-color: var(--color-fill-2);
  color: var(--color-text-2);
  border: 1px dashed var(--color-neutral-3);
}
.arco-p-btn-dashed:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):hover {
  border-color: var(--color-neutral-4);
  color: var(--color-text-2);
  background-color: var(--color-fill-3);
}
.arco-p-btn-dashed:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):active {
  border-color: var(--color-neutral-5);
  color: var(--color-text-2);
  background-color: var(--color-fill-4);
}
.arco-p-btn-dashed:not(.arco-p-btn-disabled):focus-visible {
  box-shadow: 0 0 0 2px var(--color-neutral-4);
}
.arco-p-btn-dashed.arco-p-btn-disabled {
  background-color: var(--color-fill-2);
  color: var(--color-text-4);
  border: 1px dashed var(--color-neutral-3);
  cursor: not-allowed;
}
.arco-p-btn-dashed.arco-p-btn-status-warning:not(.arco-p-btn-disabled) {
  background-color: var(--color-warning-light-1);
  color: rgb(var(--warning-6));
  border-color: var(--color-warning-light-2);
}
.arco-p-btn-dashed.arco-p-btn-status-warning:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):hover {
  border-color: var(--color-warning-light-3);
  color: rgb(var(--warning-6));
  background-color: var(--color-warning-light-2);
}
.arco-p-btn-dashed.arco-p-btn-status-warning:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):active {
  border-color: var(--color-warning-light-4);
  color: rgb(var(--warning-6));
  background-color: var(--color-warning-light-3);
}
.arco-p-btn-dashed.arco-p-btn-status-warning:not(.arco-p-btn-disabled):focus-visible {
  box-shadow: 0 0 0 2px rgb(var(--warning-3));
}
.arco-p-btn-dashed.arco-p-btn-status-warning.arco-p-btn-disabled {
  color: var(--color-warning-light-3);
  background-color: var(--color-warning-light-1);
  border: 1px dashed var(--color-warning-light-2);
}
.arco-p-btn-dashed.arco-p-btn-status-danger:not(.arco-p-btn-disabled) {
  background-color: var(--color-danger-light-1);
  color: rgb(var(--danger-6));
  border-color: var(--color-danger-light-2);
}
.arco-p-btn-dashed.arco-p-btn-status-danger:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):hover {
  border-color: var(--color-danger-light-3);
  color: rgb(var(--danger-6));
  background-color: var(--color-danger-light-2);
}
.arco-p-btn-dashed.arco-p-btn-status-danger:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):active {
  border-color: var(--color-danger-light-4);
  color: rgb(var(--danger-6));
  background-color: var(--color-danger-light-3);
}
.arco-p-btn-dashed.arco-p-btn-status-danger:not(.arco-p-btn-disabled):focus-visible {
  box-shadow: 0 0 0 2px rgb(var(--danger-3));
}
.arco-p-btn-dashed.arco-p-btn-status-danger.arco-p-btn-disabled {
  color: var(--color-danger-light-3);
  background-color: var(--color-danger-light-1);
  border: 1px dashed var(--color-danger-light-2);
}
.arco-p-btn-dashed.arco-p-btn-status-success:not(.arco-p-btn-disabled) {
  background-color: var(--color-success-light-1);
  color: rgb(var(--success-6));
  border-color: var(--color-success-light-2);
}
.arco-p-btn-dashed.arco-p-btn-status-success:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):hover {
  border-color: var(--color-success-light-3);
  color: rgb(var(--success-6));
  background-color: var(--color-success-light-2);
}
.arco-p-btn-dashed.arco-p-btn-status-success:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):active {
  border-color: var(--color-success-light-4);
  color: rgb(var(--success-6));
  background-color: var(--color-success-light-3);
}
.arco-p-btn-dashed.arco-p-btn-status-success:not(.arco-p-btn-disabled):focus-visible {
  box-shadow: 0 0 0 2px rgb(var(--success-3));
}
.arco-p-btn-dashed.arco-p-btn-status-success.arco-p-btn-disabled {
  color: var(--color-success-light-3);
  background-color: var(--color-success-light-1);
  border: 1px dashed var(--color-success-light-2);
}
.arco-p-btn-text:not(.arco-p-btn-disabled) {
  background-color: transparent;
  color: rgb(var(--primary-6));
  border: 1px solid transparent;
}
.arco-p-btn-text:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):hover {
  border-color: transparent;
  color: rgb(var(--primary-6));
  background-color: var(--color-fill-2);
}
.arco-p-btn-text:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):active {
  border-color: transparent;
  color: rgb(var(--primary-6));
  background-color: var(--color-fill-3);
}
.arco-p-btn-text:not(.arco-p-btn-disabled):focus-visible {
  box-shadow: 0 0 0 2px var(--color-neutral-4);
}
.arco-p-btn-text.arco-p-btn-disabled {
  background-color: transparent;
  color: var(--color-primary-light-3);
  border: 1px solid transparent;
  cursor: not-allowed;
}
.arco-p-btn-text.arco-p-btn-status-warning:not(.arco-p-btn-disabled) {
  background-color: transparent;
  color: rgb(var(--warning-6));
  border-color: transparent;
}
.arco-p-btn-text.arco-p-btn-status-warning:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):hover {
  border-color: transparent;
  color: rgb(var(--warning-6));
  background-color: var(--color-fill-2);
}
.arco-p-btn-text.arco-p-btn-status-warning:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):active {
  border-color: transparent;
  color: rgb(var(--warning-6));
  background-color: var(--color-fill-3);
}
.arco-p-btn-text.arco-p-btn-status-warning:not(.arco-p-btn-disabled):focus-visible {
  box-shadow: 0 0 0 2px rgb(var(--warning-3));
}
.arco-p-btn-text.arco-p-btn-status-warning.arco-p-btn-disabled {
  color: var(--color-warning-light-3);
  background-color: transparent;
  border: 1px solid transparent;
}
.arco-p-btn-text.arco-p-btn-status-danger:not(.arco-p-btn-disabled) {
  background-color: transparent;
  color: rgb(var(--danger-6));
  border-color: transparent;
}
.arco-p-btn-text.arco-p-btn-status-danger:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):hover {
  border-color: transparent;
  color: rgb(var(--danger-6));
  background-color: var(--color-fill-2);
}
.arco-p-btn-text.arco-p-btn-status-danger:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):active {
  border-color: transparent;
  color: rgb(var(--danger-6));
  background-color: var(--color-fill-3);
}
.arco-p-btn-text.arco-p-btn-status-danger:not(.arco-p-btn-disabled):focus-visible {
  box-shadow: 0 0 0 2px rgb(var(--danger-3));
}
.arco-p-btn-text.arco-p-btn-status-danger.arco-p-btn-disabled {
  color: var(--color-danger-light-3);
  background-color: transparent;
  border: 1px solid transparent;
}
.arco-p-btn-text.arco-p-btn-status-success:not(.arco-p-btn-disabled) {
  background-color: transparent;
  color: rgb(var(--success-6));
  border-color: transparent;
}
.arco-p-btn-text.arco-p-btn-status-success:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):hover {
  border-color: transparent;
  color: rgb(var(--success-6));
  background-color: var(--color-fill-2);
}
.arco-p-btn-text.arco-p-btn-status-success:not(.arco-p-btn-disabled):not(.arco-p-btn-loading):active {
  border-color: transparent;
  color: rgb(var(--success-6));
  background-color: var(--color-fill-3);
}
.arco-p-btn-text.arco-p-btn-status-success:not(.arco-p-btn-disabled):focus-visible {
  box-shadow: 0 0 0 2px rgb(var(--success-3));
}
.arco-p-btn-text.arco-p-btn-status-success.arco-p-btn-disabled {
  color: var(--color-success-light-3);
  background-color: transparent;
  border: 1px solid transparent;
}
.arco-p-btn-size-mini {
  padding: 0 11px;
  font-size: 12px;
  height: 24px;
  border-radius: 8px;
}
.arco-p-btn-size-mini > svg + span,
.arco-p-btn-size-mini > span + svg {
  margin-left: 4px;
}
.arco-p-btn-size-mini svg {
  vertical-align: -2px;
}
.arco-p-btn-size-mini.arco-p-btn-rtl > svg + span,
.arco-p-btn-size-mini.arco-p-btn-rtl > span + svg {
  margin-left: 0;
  margin-right: 4px;
}
.arco-p-btn-size-mini.arco-p-btn-loading-fixed-width.arco-p-btn-loading {
  padding-left: 3px;
  padding-right: 3px;
}
.arco-p-btn-size-mini.arco-p-btn-icon-only {
  width: 24px;
  height: 24px;
  padding: 0;
}
.arco-p-btn-size-mini.arco-p-btn-shape-circle {
  width: 24px;
  height: 24px;
  padding: 0;
  text-align: center;
  border-radius: var(--border-radius-circle);
}
.arco-p-btn-size-mini.arco-p-btn-shape-round {
  border-radius: calc(24px * 0.5);
}
.arco-p-btn-group .arco-p-btn-size-mini:first-child {
  border-radius: 8px 0 0 8px;
}
.arco-p-btn-group .arco-p-btn-size-mini:last-child {
  border-radius: 0 8px 8px 0;
}
.arco-p-btn-group .arco-p-btn-size-mini:first-child:last-child {
  border-radius: 8px;
}
.arco-p-btn-group .arco-p-btn-size-mini.arco-p-btn-shape-round:first-child {
  border-radius: calc(24px * 0.5) 0 0 calc(24px * 0.5);
}
.arco-p-btn-group .arco-p-btn-size-mini.arco-p-btn-shape-round:last-child {
  border-radius: 0 calc(24px * 0.5) calc(24px * 0.5) 0;
}
.arco-p-btn-group .arco-p-btn-size-mini.arco-p-btn-shape-round:first-child:last-child {
  border-radius: calc(24px * 0.5);
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-mini:first-child {
  border-radius: 0 8px 8px 0;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-mini:last-child {
  border-radius: 8px 0 0 8px;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-mini:first-child:last-child {
  border-radius: 8px;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-mini.arco-p-btn-shape-round:first-child {
  border-radius: 0 calc(24px * 0.5) calc(24px * 0.5) 0;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-mini.arco-p-btn-shape-round:last-child {
  border-radius: calc(24px * 0.5) 0 0 calc(24px * 0.5);
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-mini.arco-p-btn-shape-round:first-child:last-child {
  border-radius: calc(24px * 0.5);
}
.arco-p-btn-size-small {
  padding: 0 15px;
  font-size: 14px;
  height: 28px;
  border-radius: 8px;
}
.arco-p-btn-size-small > svg + span,
.arco-p-btn-size-small > span + svg {
  margin-left: 6px;
}
.arco-p-btn-size-small svg {
  vertical-align: -2px;
}
.arco-p-btn-size-small.arco-p-btn-rtl > svg + span,
.arco-p-btn-size-small.arco-p-btn-rtl > span + svg {
  margin-left: 0;
  margin-right: 6px;
}
.arco-p-btn-size-small.arco-p-btn-loading-fixed-width.arco-p-btn-loading {
  padding-left: 5px;
  padding-right: 5px;
}
.arco-p-btn-size-small.arco-p-btn-icon-only {
  width: 28px;
  height: 28px;
  padding: 0;
}
.arco-p-btn-size-small.arco-p-btn-shape-circle {
  width: 28px;
  height: 28px;
  padding: 0;
  text-align: center;
  border-radius: var(--border-radius-circle);
}
.arco-p-btn-size-small.arco-p-btn-shape-round {
  border-radius: calc(28px * 0.5);
}
.arco-p-btn-group .arco-p-btn-size-small:first-child {
  border-radius: 8px 0 0 8px;
}
.arco-p-btn-group .arco-p-btn-size-small:last-child {
  border-radius: 0 8px 8px 0;
}
.arco-p-btn-group .arco-p-btn-size-small:first-child:last-child {
  border-radius: 8px;
}
.arco-p-btn-group .arco-p-btn-size-small.arco-p-btn-shape-round:first-child {
  border-radius: calc(28px * 0.5) 0 0 calc(28px * 0.5);
}
.arco-p-btn-group .arco-p-btn-size-small.arco-p-btn-shape-round:last-child {
  border-radius: 0 calc(28px * 0.5) calc(28px * 0.5) 0;
}
.arco-p-btn-group .arco-p-btn-size-small.arco-p-btn-shape-round:first-child:last-child {
  border-radius: calc(28px * 0.5);
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-small:first-child {
  border-radius: 0 8px 8px 0;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-small:last-child {
  border-radius: 8px 0 0 8px;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-small:first-child:last-child {
  border-radius: 8px;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-small.arco-p-btn-shape-round:first-child {
  border-radius: 0 calc(28px * 0.5) calc(28px * 0.5) 0;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-small.arco-p-btn-shape-round:last-child {
  border-radius: calc(28px * 0.5) 0 0 calc(28px * 0.5);
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-small.arco-p-btn-shape-round:first-child:last-child {
  border-radius: calc(28px * 0.5);
}
.arco-p-btn-size-default {
  padding: 0 15px;
  font-size: 14px;
  height: 32px;
  border-radius: 8px;
}
.arco-p-btn-size-default > svg + span,
.arco-p-btn-size-default > span + svg {
  margin-left: 8px;
}
.arco-p-btn-size-default svg {
  vertical-align: -2px;
}
.arco-p-btn-size-default.arco-p-btn-rtl > svg + span,
.arco-p-btn-size-default.arco-p-btn-rtl > span + svg {
  margin-left: 0;
  margin-right: 8px;
}
.arco-p-btn-size-default.arco-p-btn-loading-fixed-width.arco-p-btn-loading {
  padding-left: 4px;
  padding-right: 4px;
}
.arco-p-btn-size-default.arco-p-btn-icon-only {
  width: 32px;
  height: 32px;
  padding: 0;
}
.arco-p-btn-size-default.arco-p-btn-shape-circle {
  width: 32px;
  height: 32px;
  padding: 0;
  text-align: center;
  border-radius: var(--border-radius-circle);
}
.arco-p-btn-size-default.arco-p-btn-shape-round {
  border-radius: calc(32px * 0.5);
}
.arco-p-btn-group .arco-p-btn-size-default:first-child {
  border-radius: 8px 0 0 8px;
}
.arco-p-btn-group .arco-p-btn-size-default:last-child {
  border-radius: 0 8px 8px 0;
}
.arco-p-btn-group .arco-p-btn-size-default:first-child:last-child {
  border-radius: 8px;
}
.arco-p-btn-group .arco-p-btn-size-default.arco-p-btn-shape-round:first-child {
  border-radius: calc(32px * 0.5) 0 0 calc(32px * 0.5);
}
.arco-p-btn-group .arco-p-btn-size-default.arco-p-btn-shape-round:last-child {
  border-radius: 0 calc(32px * 0.5) calc(32px * 0.5) 0;
}
.arco-p-btn-group .arco-p-btn-size-default.arco-p-btn-shape-round:first-child:last-child {
  border-radius: calc(32px * 0.5);
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-default:first-child {
  border-radius: 0 8px 8px 0;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-default:last-child {
  border-radius: 8px 0 0 8px;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-default:first-child:last-child {
  border-radius: 8px;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-default.arco-p-btn-shape-round:first-child {
  border-radius: 0 calc(32px * 0.5) calc(32px * 0.5) 0;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-default.arco-p-btn-shape-round:last-child {
  border-radius: calc(32px * 0.5) 0 0 calc(32px * 0.5);
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-default.arco-p-btn-shape-round:first-child:last-child {
  border-radius: calc(32px * 0.5);
}
.arco-p-btn-size-large {
  padding: 0 19px;
  font-size: 14px;
  height: 36px;
  border-radius: 8px;
}
.arco-p-btn-size-large > svg + span,
.arco-p-btn-size-large > span + svg {
  margin-left: 8px;
}
.arco-p-btn-size-large svg {
  vertical-align: -2px;
}
.arco-p-btn-size-large.arco-p-btn-rtl > svg + span,
.arco-p-btn-size-large.arco-p-btn-rtl > span + svg {
  margin-left: 0;
  margin-right: 8px;
}
.arco-p-btn-size-large.arco-p-btn-loading-fixed-width.arco-p-btn-loading {
  padding-left: 8px;
  padding-right: 8px;
}
.arco-p-btn-size-large.arco-p-btn-icon-only {
  width: 36px;
  height: 36px;
  padding: 0;
}
.arco-p-btn-size-large.arco-p-btn-shape-circle {
  width: 36px;
  height: 36px;
  padding: 0;
  text-align: center;
  border-radius: var(--border-radius-circle);
}
.arco-p-btn-size-large.arco-p-btn-shape-round {
  border-radius: calc(36px * 0.5);
}
.arco-p-btn-group .arco-p-btn-size-large:first-child {
  border-radius: 8px 0 0 8px;
}
.arco-p-btn-group .arco-p-btn-size-large:last-child {
  border-radius: 0 8px 8px 0;
}
.arco-p-btn-group .arco-p-btn-size-large:first-child:last-child {
  border-radius: 8px;
}
.arco-p-btn-group .arco-p-btn-size-large.arco-p-btn-shape-round:first-child {
  border-radius: calc(36px * 0.5) 0 0 calc(36px * 0.5);
}
.arco-p-btn-group .arco-p-btn-size-large.arco-p-btn-shape-round:last-child {
  border-radius: 0 calc(36px * 0.5) calc(36px * 0.5) 0;
}
.arco-p-btn-group .arco-p-btn-size-large.arco-p-btn-shape-round:first-child:last-child {
  border-radius: calc(36px * 0.5);
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-large:first-child {
  border-radius: 0 8px 8px 0;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-large:last-child {
  border-radius: 8px 0 0 8px;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-large:first-child:last-child {
  border-radius: 8px;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-large.arco-p-btn-shape-round:first-child {
  border-radius: 0 calc(36px * 0.5) calc(36px * 0.5) 0;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-large.arco-p-btn-shape-round:last-child {
  border-radius: calc(36px * 0.5) 0 0 calc(36px * 0.5);
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-size-large.arco-p-btn-shape-round:first-child:last-child {
  border-radius: calc(36px * 0.5);
}
.arco-p-btn-group {
  display: inline-block;
}
.arco-p-btn-group .arco-p-btn-outline:not(:first-child),
.arco-p-btn-group .arco-p-btn-dashed:not(:first-child) {
  margin-left: -1px;
}
.arco-p-btn-group .arco-p-btn-primary:not(:last-child) {
  border-right: 1px solid var(--Button-surface-primary, #1D2129);
}
.arco-p-btn-group .arco-p-btn-secondary:not(:last-child) {
  border-right: 1px solid #FFD800;
}
.arco-p-btn-group .arco-p-btn-text:not(:last-child) {
  border-right: 1px solid transparent;
}
.arco-p-btn-group .arco-p-btn-status-warning:not(:last-child) {
  border-right: 1px solid rgb(var(--warning-5));
}
.arco-p-btn-group .arco-p-btn-status-warning:not(:last-child).arco-p-btn-text {
  border-right: 1px solid var(--color-fill-2);
}
.arco-p-btn-group .arco-p-btn-status-danger:not(:last-child) {
  border-right: 1px solid rgb(var(--danger-5));
}
.arco-p-btn-group .arco-p-btn-status-danger:not(:last-child).arco-p-btn-text {
  border-right: 1px solid var(--color-fill-2);
}
.arco-p-btn-group .arco-p-btn-status-success:not(:last-child) {
  border-right: 1px solid rgb(var(--success-5));
}
.arco-p-btn-group .arco-p-btn-status-success:not(:last-child).arco-p-btn-text {
  border-right: 1px solid var(--color-fill-2);
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-outline:not(:first-child),
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-dashed:not(:first-child) {
  margin-left: 0;
  margin-right: -1px;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-primary:not(:last-child) {
  border-left: 1px solid var(--Button-surface-primary, #1D2129);
  border-right: 0;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-secondary:not(:last-child) {
  border-left: 1px solid #FFD800;
  border-right: 0;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-text:not(:last-child) {
  border-left: 1px solid transparent;
  border-right: 0;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-status-warning:not(:last-child) {
  border-left: 1px solid rgb(var(--warning-5));
  border-right: 0;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-status-warning:not(:last-child).arco-p-btn-text {
  border-left: 1px solid var(--color-fill-2);
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-status-danger:not(:last-child) {
  border-left: 1px solid rgb(var(--danger-5));
  border-right: 0;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-status-danger:not(:last-child).arco-p-btn-text {
  border-left: 1px solid var(--color-fill-2);
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-status-success:not(:last-child) {
  border-left: 1px solid rgb(var(--success-5));
  border-right: 0;
}
.arco-p-btn-group .arco-p-btn-rtl.arco-p-btn-status-success:not(:last-child).arco-p-btn-text {
  border-left: 1px solid var(--color-fill-2);
}
.arco-p-btn-group .arco-p-btn-outline:hover,
.arco-p-btn-group .arco-p-btn-dashed:hover,
.arco-p-btn-group .arco-p-btn-outline:active,
.arco-p-btn-group .arco-p-btn-dashed:active {
  z-index: 2;
}
.arco-p-btn-group .arco-p-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.arco-p-btn-rtl {
  direction: rtl;
}
body[arco-theme='dark'] .arco-p-btn-primary.arco-p-btn-disabled {
  color: rgba(255, 255, 255, 0.3);
}

/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js!./src/components/common/Button/pc/index.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.junigo-pc-button.arco-p-btn-primary {
  font-weight: 700;
}
.junigo-pc-button.arco-p-btn-secondary {
  font-weight: 700;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_typescript@5.9.2_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[3]!./src/pages/Registration/h5/components/VerifyCode/index.h5.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalContainer__j1gNM {
  padding: 0.71247rem 0.50891rem 0.50891rem;
  background: #fff;
  width: 100%;
  height: 85vh;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  font-size: 0.35623rem;
}
.modalContainer__j1gNM button {
  height: 1.22137rem;
}
.modalContainer__j1gNM button div {
  font-weight: 700;
}
.modalContainer__j1gNM .backBtn__hg_wQ {
  width: 0.40712rem;
  height: 0.40712rem;
  margin-bottom: 0.25445rem;
  flex-shrink: 0;
}
.modalContainer__j1gNM .title__hTY_C {
  color: var(--Text-Title, #1d2129);
  /* Title/Large */
  font-size: 0.61069rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.81425rem; /* 133.333% */
}
.modalContainer__j1gNM .textExplain__UMjgj {
  color: var(--Text-Neutural-Subtitle, #647793);
  /* Discription/Regular */
  font-size: 0.35623rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.5598rem; /* 157.143% */
  margin-bottom: 0.61069rem;
}
.modalContainer__j1gNM .button__zjLbH {
  position: absolute;
  bottom: 1.42494rem;
  box-sizing: border-box;
  width: 8.98219rem;
}

.modalContainer__j1gNM .commonText___6KbF {
  font-size: 0.35623rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.5598rem;
  margin-top: 0.61069rem;
}
.modalContainer__j1gNM .sendCode__rge26 {
  color: var(--Surface-Primary-Pressed, #D19F00);
}
.modalContainer__j1gNM .countDown__v63TX {
  color: var(--Text-Tertiary, #AFBACA);
}

.inputWrapper__DZaxP {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
.inputWrapper__DZaxP .inputStyle__aHGqm {
  display: flex;
  width: 1.19593rem !important;
  height: 1.65394rem !important;
  padding: 0.61069rem 0 0.5598rem 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.15267rem;
  background: #f5f6f7;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_typescript@5.9.2_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[3]!./src/pages/Registration/h5/components/SetupTag/index.h5.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalContainer__fEMDK {
  padding: 0.71247rem 0.50891rem 0.50891rem;
  background: #fff;
  width: 100%;
  height: 85vh;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  font-size: 0.35623rem;
}
.modalContainer__fEMDK button {
  height: 1.22137rem;
}
.modalContainer__fEMDK button div {
  font-weight: 700;
}
.modalContainer__fEMDK .backBtn__yNR5P {
  width: 0.40712rem;
  height: 0.40712rem;
  margin-bottom: 0.25445rem;
  flex-shrink: 0;
}
.modalContainer__fEMDK .title__Qg1pP {
  color: var(--Text-Title, #1d2129);
  /* Title/Large */
  font-size: 0.61069rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.81425rem; /* 133.333% */
}
.modalContainer__fEMDK .textExplain__wEECt {
  color: var(--Text-Neutural-Subtitle, #647793);
  /* Discription/Regular */
  font-size: 0.35623rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.5598rem; /* 157.143% */
  margin-bottom: 0.61069rem;
}
.modalContainer__fEMDK .button__Vi2h0 {
  position: absolute;
  bottom: 1.42494rem;
  box-sizing: border-box;
  width: 8.98219rem;
}

.modalContainer__fEMDK .inputStyle__RVZ69 {
  display: flex;
  align-items: center;
  height: 1.42494rem;
  align-self: stretch;
  border-radius: 0.15267rem;
  background: var(--Surface-Subtle, #f6f7f9);
}
.modalContainer__fEMDK .inputStyle__RVZ69 div:first-child {
  width: 100%;
}
.modalContainer__fEMDK .errorInfo__g8vPX {
  display: flex;
  align-items: center;
  margin-top: 0.20356rem;
  color: var(--State-Error, #e8604b);
  gap: 0.10178rem;
  font-size: 0.30534rem;
  font-weight: 400;
  line-height: 0.50891rem;
  /* 166.667% */
}
.modalContainer__fEMDK .successText__mtKGG {
  display: flex;
  align-items: center;
  color: var(--State-Deposit, #3cab4b);
  font-size: 0.30534rem;
  gap: 0.10178rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.50891rem;
  margin-top: 0.20356rem;
  /* 166.667% */
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_typescript@5.9.2_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[3]!./src/pages/Registration/h5/LoginFlow/index.h5.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalContainer__kJidn {
  padding: 0.71247rem 0.50891rem 0.50891rem;
  background: #fff;
  width: 100%;
  height: 85vh;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  font-size: 0.35623rem;
}
.modalContainer__kJidn button {
  height: 1.22137rem;
}
.modalContainer__kJidn button div {
  font-weight: 700;
}
.modalContainer__kJidn .backBtn__fDJMP {
  width: 0.40712rem;
  height: 0.40712rem;
  margin-bottom: 0.25445rem;
  flex-shrink: 0;
}
.modalContainer__kJidn .title__uIUQp {
  color: var(--Text-Title, #1d2129);
  /* Title/Large */
  font-size: 0.61069rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.81425rem; /* 133.333% */
}
.modalContainer__kJidn .textExplain__YWxh4 {
  color: var(--Text-Neutural-Subtitle, #647793);
  /* Discription/Regular */
  font-size: 0.35623rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.5598rem; /* 157.143% */
  margin-bottom: 0.61069rem;
}
.modalContainer__kJidn .button__ziObK {
  position: absolute;
  bottom: 1.42494rem;
  box-sizing: border-box;
  width: 8.98219rem;
}

.modalContainer__kJidn .cardGroup__J6r2x {
  display: flex;
  flex-direction: column;
  gap: 0.45802rem;
  width: 100%;
  margin-top: 0.61069rem;
}
.modalContainer__kJidn .cardGroup__J6r2x .card__RTsII {
  display: flex;
  height: 2.79898rem;
  padding: 0.25445rem 0.50891rem;
  align-items: center;
  gap: 0.50891rem;
  align-self: stretch;
  border-radius: 0.20356rem;
  border: 0.02545rem solid var(--Border-Default, #eceef2);
  cursor: pointer;
}
.modalContainer__kJidn .cardGroup__J6r2x .card__RTsII .icon__NAcJ2 {
  flex-shrink: 0;
}
.modalContainer__kJidn .cardGroup__J6r2x .card__RTsII .cardTitle__z5vSA {
  color: var(--Text-Title, #1d2129);
  /* Button */
  font-size: 0.35623rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.5598rem;
  /* 157.143% */
}
.modalContainer__kJidn .cardGroup__J6r2x .selected__pdGan {
  border: 0.02545rem solid var(--Primary-Text, #d19f00);
  background: var(--Primary-Subtle, #fdffc1);
}
.modalContainer__kJidn .cardGroup__J6r2x .button__ziObK {
  bottom: 1.42494rem;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_typescript@5.9.2_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[3]!./src/pages/Registration/h5/components/VerifyPassWordByPhone/index.h5.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalContainer__CCiz3 {
  padding: 0.71247rem 0.50891rem 0.50891rem;
  background: #fff;
  width: 100%;
  height: 85vh;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  font-size: 0.35623rem;
}
.modalContainer__CCiz3 button {
  height: 1.22137rem;
}
.modalContainer__CCiz3 button div {
  font-weight: 700;
}
.modalContainer__CCiz3 .backBtn__jM6QA {
  width: 0.40712rem;
  height: 0.40712rem;
  margin-bottom: 0.25445rem;
  flex-shrink: 0;
}
.modalContainer__CCiz3 .title__XubU5 {
  color: var(--Text-Title, #1d2129);
  /* Title/Large */
  font-size: 0.61069rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.81425rem; /* 133.333% */
}
.modalContainer__CCiz3 .textExplain__d_eX7 {
  color: var(--Text-Neutural-Subtitle, #647793);
  /* Discription/Regular */
  font-size: 0.35623rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.5598rem; /* 157.143% */
  margin-bottom: 0.61069rem;
}
.modalContainer__CCiz3 .button__EsH0T {
  position: absolute;
  bottom: 1.42494rem;
  box-sizing: border-box;
  width: 8.98219rem;
}

.modalContainer__CCiz3 .errorInfo__AbEQJ {
  display: flex;
  align-items: center;
  gap: 0.10178rem;
  margin-top: 0.61069rem;
  color: #e8604b;
}
.modalContainer__CCiz3 .numberContainer__LuJrt {
  margin-top: 0.61069rem;
}
.modalContainer__CCiz3 .inputContainer__jpmpt {
  margin-top: 0.40712rem;
}
.modalContainer__CCiz3 .inputContainer__jpmpt .passwordInput__FVGld {
  padding-right: 0.40712rem;
  display: flex;
  height: 1.42494rem;
  align-items: center;
  align-self: stretch;
  border-radius: 0.15267rem;
  background: var(--Surface-Subtle, #f6f7f9);
  margin-top: 0.40712rem;
  border: none;
}
.modalContainer__CCiz3 .inputContainer__jpmpt .passwordInput__FVGld div:first-child {
  width: 100%;
}
.modalContainer__CCiz3 .forgetPassword__wdSzx {
  color: var(--Primary-Text, #d19f00);
  width: fit-content;
  /* Button */
  font-size: 0.35623rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.5598rem; /* 157.143% */
  cursor: pointer;
  margin-top: 0.61069rem;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].oneOf[1].use[2]!./node_modules/.pnpm/@arco-design+web-react@2.66.5_@types+react@18.3.24_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@arco-design/web-react/es/Input/style/index.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/******** borderSize *******/
/******** borderStyle *******/
/******** radius *******/
/******** shadow distance *******/
/******** size *******/
/******** spacing *******/
/******** shadow *******/
/******** opacity *******/
/******** fontSize *******/
/******** fontWeight ********/
/******** Primary *******/
/******** success *******/
/******** warning *******/
/******** danger *******/
/******** link *******/
/******** radius *******/
/********* icon hover *********/
/******** 基础配置项 end *******/
/******** 基础配置项 end *******/
/******** 高级配置项 *******/
/******** 高级配置项 end *******/
.arco-p-input {
  padding-top: 4px;
  padding-bottom: 4px;
  line-height: 1.5715;
  outline: none;
  appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  border-radius: var(--border-radius-small);
  color: var(--color-text-1);
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
  box-sizing: border-box;
  transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
  border: 1px solid transparent;
  background-color: var(--color-fill-2);
}
.arco-p-input::placeholder {
  color: var(--color-text-3);
}
.arco-p-input:hover {
  background-color: transparent;
  border-color: none;
}
.arco-p-input:focus,
.arco-p-input.arco-p-input-focus {
  border-color: transparent;
  background-color: transparent;
  box-shadow: 0 0 0 0 var(--color-primary-light-2);
}
.arco-p-input-error {
  border-color: transparent;
  background-color: var(--color-danger-light-1);
}
.arco-p-input-error:hover {
  border-color: transparent;
  background-color: var(--color-danger-light-2);
}
.arco-p-input-error .arco-p-input {
  background: none;
  box-shadow: none;
}
.arco-p-input-error .arco-p-input:hover {
  background: none;
  box-shadow: none;
}
.arco-p-input-error.arco-p-input-focus,
.arco-p-input-error.arco-p-input-focus:hover {
  border-color: rgb(var(--danger-6));
  background-color: transparent;
  box-shadow: 0 0 0 0 var(--color-danger-light-2);
}
.arco-p-input-error:focus,
.arco-p-input-error:focus:hover {
  border-color: rgb(var(--danger-6));
  background-color: transparent;
  box-shadow: 0 0 0 0 var(--color-danger-light-2);
}
.arco-p-input-warning {
  border-color: transparent;
  background-color: var(--color-warning-light-1);
}
.arco-p-input-warning:hover {
  border-color: transparent;
  background-color: var(--color-warning-light-2);
}
.arco-p-input-warning .arco-p-input {
  background: none;
  box-shadow: none;
}
.arco-p-input-warning .arco-p-input:hover {
  background: none;
  box-shadow: none;
}
.arco-p-input-warning.arco-p-input-focus,
.arco-p-input-warning.arco-p-input-focus:hover {
  border-color: rgb(var(--warning-6));
  background-color: transparent;
  box-shadow: 0 0 0 0 var(--color-warning-light-2);
}
.arco-p-input-warning:focus,
.arco-p-input-warning:focus:hover {
  border-color: rgb(var(--warning-6));
  background-color: transparent;
  box-shadow: 0 0 0 0 var(--color-warning-light-2);
}
.arco-p-input-autowidth {
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.arco-p-input-autowidth:hover {
  text-overflow: unset;
}
.arco-p-input-disabled {
  background-color: var(--color-fill-2);
  cursor: not-allowed;
  color: var(--color-text-4);
  -webkit-text-fill-color: var(--color-text-4);
  border-color: transparent;
}
.arco-p-input-disabled:hover {
  border-color: transparent;
  background-color: var(--color-fill-2);
  color: var(--color-text-4);
}
.arco-p-input-disabled::placeholder {
  color: var(--color-text-4);
}
.arco-p-input input:disabled {
  color: var(--color-text-4);
  opacity: 1;
  -webkit-text-fill-color: var(--color-text-4);
}
.arco-p-input-word-limit {
  font-size: 12px;
  color: var(--color-text-3);
  padding-left: 8px;
}
.arco-p-input-word-limit-error {
  color: rgb(var(--danger-6));
}
.arco-p-input-size-mini {
  line-height: 1.667;
  font-size: 12px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.arco-p-input-size-small {
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 14px;
}
.arco-p-input-size-large {
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px;
}
.arco-p-input-group-wrapper-mini .arco-p-input-group-addbefore,
.arco-p-input-group-wrapper-mini .arco-p-input-group-addafter {
  padding-left: 8px;
  padding-right: 8px;
}
.arco-p-input-inner-wrapper.arco-p-input-inner-wrapper-mini {
  padding-left: 8px;
  padding-right: 8px;
}
.arco-p-input-size-mini {
  padding-left: 8px;
  padding-right: 8px;
}
.arco-p-input-group-wrapper-small .arco-p-input-group-addbefore,
.arco-p-input-group-wrapper-small .arco-p-input-group-addafter {
  padding-left: 12px;
  padding-right: 12px;
}
.arco-p-input-inner-wrapper.arco-p-input-inner-wrapper-small {
  padding-left: 12px;
  padding-right: 12px;
}
.arco-p-input-size-small {
  padding-left: 12px;
  padding-right: 12px;
}
.arco-p-input-group-wrapper-large .arco-p-input-group-addbefore,
.arco-p-input-group-wrapper-large .arco-p-input-group-addafter {
  padding-left: 16px;
  padding-right: 16px;
}
.arco-p-input-inner-wrapper.arco-p-input-inner-wrapper-large {
  padding-left: 16px;
  padding-right: 16px;
}
.arco-p-input-size-large {
  padding-left: 16px;
  padding-right: 16px;
}
.arco-p-input-clear-icon {
  font-size: 12px;
  cursor: pointer;
  color: var(--color-text-2);
}
.arco-p-input-clear-icon:focus-visible::before {
  box-shadow: 0 0 0 2px transparent;
}
.arco-p-input-clear-icon > svg {
  transition: color 0.1s cubic-bezier(0, 0, 1, 1);
  position: relative;
}
.arco-p-input-inner-wrapper {
  outline: none;
  appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-radius: var(--border-radius-small);
  color: var(--color-text-1);
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
  box-sizing: border-box;
  transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
  border: 1px solid transparent;
  background-color: var(--color-fill-2);
  display: inline-flex;
  width: 100%;
  position: relative;
  align-items: center;
}
.arco-p-input-inner-wrapper::placeholder {
  color: var(--color-text-3);
}
.arco-p-input-inner-wrapper:hover {
  background-color: transparent;
  border-color: none;
}
.arco-p-input-inner-wrapper:focus,
.arco-p-input-inner-wrapper.arco-p-input-inner-wrapper-focus {
  border-color: transparent;
  background-color: transparent;
  box-shadow: 0 0 0 0 var(--color-primary-light-2);
}
.arco-p-input-inner-wrapper-error {
  border-color: transparent;
  background-color: var(--color-danger-light-1);
}
.arco-p-input-inner-wrapper-error:hover {
  border-color: transparent;
  background-color: var(--color-danger-light-2);
}
.arco-p-input-inner-wrapper-error .arco-p-input {
  background: none;
  box-shadow: none;
}
.arco-p-input-inner-wrapper-error .arco-p-input:hover {
  background: none;
  box-shadow: none;
}
.arco-p-input-inner-wrapper-error.arco-p-input-inner-wrapper-focus,
.arco-p-input-inner-wrapper-error.arco-p-input-inner-wrapper-focus:hover {
  border-color: rgb(var(--danger-6));
  background-color: transparent;
  box-shadow: 0 0 0 0 var(--color-danger-light-2);
}
.arco-p-input-inner-wrapper-error:focus,
.arco-p-input-inner-wrapper-error:focus:hover {
  border-color: rgb(var(--danger-6));
  background-color: transparent;
  box-shadow: 0 0 0 0 var(--color-danger-light-2);
}
.arco-p-input-inner-wrapper-warning {
  border-color: transparent;
  background-color: var(--color-warning-light-1);
}
.arco-p-input-inner-wrapper-warning:hover {
  border-color: transparent;
  background-color: var(--color-warning-light-2);
}
.arco-p-input-inner-wrapper-warning .arco-p-input {
  background: none;
  box-shadow: none;
}
.arco-p-input-inner-wrapper-warning .arco-p-input:hover {
  background: none;
  box-shadow: none;
}
.arco-p-input-inner-wrapper-warning.arco-p-input-inner-wrapper-focus,
.arco-p-input-inner-wrapper-warning.arco-p-input-inner-wrapper-focus:hover {
  border-color: rgb(var(--warning-6));
  background-color: transparent;
  box-shadow: 0 0 0 0 var(--color-warning-light-2);
}
.arco-p-input-inner-wrapper-warning:focus,
.arco-p-input-inner-wrapper-warning:focus:hover {
  border-color: rgb(var(--warning-6));
  background-color: transparent;
  box-shadow: 0 0 0 0 var(--color-warning-light-2);
}
.arco-p-input-inner-wrapper .arco-p-input {
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
  border: none;
  background: none;
}
.arco-p-input-inner-wrapper .arco-p-input:hover,
.arco-p-input-inner-wrapper .arco-p-input:focus {
  background: none;
  box-shadow: none;
}
.arco-p-input-inner-wrapper-has-prefix > .arco-p-input-clear-wrapper .arco-p-input,
.arco-p-input-inner-wrapper-has-prefix > .arco-p-input {
  padding-left: 12px;
}
.arco-p-input-inner-wrapper .arco-p-input-group-prefix,
.arco-p-input-inner-wrapper .arco-p-input-group-suffix {
  user-select: none;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  height: 100%;
}
.arco-p-input-inner-wrapper .arco-p-input-group-prefix > svg,
.arco-p-input-inner-wrapper .arco-p-input-group-suffix > svg {
  font-size: 14px;
}
.arco-p-input-inner-wrapper .arco-p-input-group-prefix {
  color: var(--color-text-2);
}
.arco-p-input-inner-wrapper .arco-p-input-group-suffix {
  color: var(--color-text-2);
}
.arco-p-input-inner-wrapper-disabled {
  background-color: var(--color-fill-2);
  cursor: not-allowed;
  color: var(--color-text-4);
  -webkit-text-fill-color: var(--color-text-4);
  border-color: transparent;
}
.arco-p-input-inner-wrapper-disabled:hover {
  border-color: transparent;
  background-color: var(--color-fill-2);
  color: var(--color-text-4);
}
.arco-p-input-inner-wrapper-disabled::placeholder {
  color: var(--color-text-4);
}
.arco-p-input-inner-wrapper-disabled .arco-p-input-group-prefix,
.arco-p-input-inner-wrapper-disabled .arco-p-input-group-suffix {
  color: inherit;
}
.arco-p-input-inner-wrapper .arco-p-input-clear-icon {
  visibility: hidden;
}
.arco-p-input-inner-wrapper:hover .arco-p-input-clear-icon {
  visibility: visible;
}
.arco-p-input-inner-wrapper:hover .arco-p-input-clear-icon ~ .arco-p-input-group-suffix {
  margin-left: 4px;
}
.arco-p-input-inner-wrapper:not(.arco-p-input-inner-wrapper-focus) .arco-p-input-clear-icon:hover::before {
  background-color: var(--color-fill-4);
}
.arco-p-input-group-wrapper-autowidth .arco-p-input-group {
  display: flex;
  align-items: stretch;
}
.arco-p-input-group-wrapper-autowidth .arco-p-input-group-addbefore,
.arco-p-input-group-wrapper-autowidth .arco-p-input-group-after {
  display: inline-flex;
  height: unset;
  flex-shrink: 0;
  flex-grow: 0;
  width: auto;
  align-items: center;
}
.arco-p-input-group-wrapper-autowidth .arco-p-input-inner-wrapper {
  overflow: hidden;
}
.arco-p-input-group-wrapper-autowidth .arco-p-input {
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.arco-p-input-group-wrapper-autowidth .arco-p-input:hover {
  text-overflow: unset;
}
.arco-p-input-group {
  display: table;
  width: 100%;
  height: 100%;
  line-height: 0;
}
.arco-p-input-group > .arco-p-input-inner-wrapper,
.arco-p-input-group > .arco-p-input {
  border-radius: 0;
}
.arco-p-input-group > .arco-p-input-inner-wrapper-focus,
.arco-p-input-group > .arco-p-input-focus {
  border-radius: var(--border-radius-small);
}
.arco-p-input-group > :first-child {
  border-top-left-radius: var(--border-radius-small);
  border-bottom-left-radius: var(--border-radius-small);
}
.arco-p-input-group > :last-child {
  border-top-right-radius: var(--border-radius-small);
  border-bottom-right-radius: var(--border-radius-small);
}
.arco-p-input-group-addbefore,
.arco-p-input-group-addafter {
  width: 1px;
  display: table-cell;
  white-space: nowrap;
  height: 100%;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 0 12px;
  color: var(--color-text-1);
  background-color: var(--color-fill-2);
  border: 1px solid transparent;
}
.arco-p-input-group-addbefore > svg,
.arco-p-input-group-addafter > svg {
  font-size: 14px;
}
.arco-p-input-group-addafter {
  border-left: 1px solid var(--color-neutral-3);
}
.arco-p-input-group-addafter .item-style {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
}
.arco-p-input-group-addafter .arco-p-input {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
  border-color: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.arco-p-input-group-addafter .arco-p-select {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
}
.arco-p-input-group-addafter .arco-p-select .arco-p-select-view {
  border-radius: 0;
  background-color: inherit;
  border-color: transparent;
}
.arco-p-input-group-addafter .arco-p-select.arco-p-select-single .arco-p-select-view {
  height: 100%;
}
.arco-p-input-group-addbefore {
  border-right: 1px solid var(--color-neutral-3);
}
.arco-p-input-group-addbefore .item-style {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
}
.arco-p-input-group-addbefore .arco-p-input {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
  border-color: transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.arco-p-input-group-addbefore .arco-p-select {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
}
.arco-p-input-group-addbefore .arco-p-select .arco-p-select-view {
  border-radius: 0;
  background-color: inherit;
  border-color: transparent;
}
.arco-p-input-group-addbefore .arco-p-select.arco-p-select-single .arco-p-select-view {
  height: 100%;
}
.arco-p-input-group-wrapper {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-mini .arco-p-input-group {
  font-size: 12px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-mini .arco-p-input-inner-wrapper .arco-p-input-group-prefix,
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-mini .arco-p-input-inner-wrapper .arco-p-input-group-suffix {
  font-size: 12px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-mini .arco-p-input-inner-wrapper .arco-p-input-group-prefix > svg,
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-mini .arco-p-input-inner-wrapper .arco-p-input-group-suffix > svg {
  font-size: 12px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-mini .arco-p-input-group-addbefore,
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-mini .arco-p-input-group-addafter {
  font-size: 12px;
  height: 22px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-mini .arco-p-input-group-addbefore > svg,
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-mini .arco-p-input-group-addafter > svg {
  font-size: 12px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-mini .arco-p-input-group-addafter .item-style {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-mini .arco-p-input-group-addafter .arco-p-input {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
  border-color: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-mini .arco-p-input-group-addafter .arco-p-select {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-mini .arco-p-input-group-addafter .arco-p-select .arco-p-select-view {
  border-radius: 0;
  background-color: inherit;
  border-color: transparent;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-mini .arco-p-input-group-addafter .arco-p-select.arco-p-select-single .arco-p-select-view {
  height: 100%;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-mini .arco-p-input-group-addbefore .item-style {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-mini .arco-p-input-group-addbefore .arco-p-input {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
  border-color: transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-mini .arco-p-input-group-addbefore .arco-p-select {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-mini .arco-p-input-group-addbefore .arco-p-select .arco-p-select-view {
  border-radius: 0;
  background-color: inherit;
  border-color: transparent;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-mini .arco-p-input-group-addbefore .arco-p-select.arco-p-select-single .arco-p-select-view {
  height: 100%;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-small .arco-p-input-group {
  font-size: 14px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-small .arco-p-input-inner-wrapper .arco-p-input-group-prefix,
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-small .arco-p-input-inner-wrapper .arco-p-input-group-suffix {
  font-size: 14px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-small .arco-p-input-inner-wrapper .arco-p-input-group-prefix > svg,
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-small .arco-p-input-inner-wrapper .arco-p-input-group-suffix > svg {
  font-size: 14px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-small .arco-p-input-group-addbefore,
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-small .arco-p-input-group-addafter {
  font-size: 14px;
  height: 26px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-small .arco-p-input-group-addbefore > svg,
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-small .arco-p-input-group-addafter > svg {
  font-size: 14px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-small .arco-p-input-group-addafter .item-style {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-small .arco-p-input-group-addafter .arco-p-input {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
  border-color: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-small .arco-p-input-group-addafter .arco-p-select {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-small .arco-p-input-group-addafter .arco-p-select .arco-p-select-view {
  border-radius: 0;
  background-color: inherit;
  border-color: transparent;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-small .arco-p-input-group-addafter .arco-p-select.arco-p-select-single .arco-p-select-view {
  height: 100%;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-small .arco-p-input-group-addbefore .item-style {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-small .arco-p-input-group-addbefore .arco-p-input {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
  border-color: transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-small .arco-p-input-group-addbefore .arco-p-select {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-small .arco-p-input-group-addbefore .arco-p-select .arco-p-select-view {
  border-radius: 0;
  background-color: inherit;
  border-color: transparent;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-small .arco-p-input-group-addbefore .arco-p-select.arco-p-select-single .arco-p-select-view {
  height: 100%;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-large .arco-p-input-group {
  font-size: 14px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-large .arco-p-input-inner-wrapper .arco-p-input-group-prefix,
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-large .arco-p-input-inner-wrapper .arco-p-input-group-suffix {
  font-size: 14px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-large .arco-p-input-inner-wrapper .arco-p-input-group-prefix > svg,
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-large .arco-p-input-inner-wrapper .arco-p-input-group-suffix > svg {
  font-size: 14px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-large .arco-p-input-group-addbefore,
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-large .arco-p-input-group-addafter {
  font-size: 14px;
  height: 34px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-large .arco-p-input-group-addbefore > svg,
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-large .arco-p-input-group-addafter > svg {
  font-size: 14px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-large .arco-p-input-group-addafter .item-style {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-large .arco-p-input-group-addafter .arco-p-input {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
  border-color: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-large .arco-p-input-group-addafter .arco-p-select {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-large .arco-p-input-group-addafter .arco-p-select .arco-p-select-view {
  border-radius: 0;
  background-color: inherit;
  border-color: transparent;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-large .arco-p-input-group-addafter .arco-p-select.arco-p-select-single .arco-p-select-view {
  height: 100%;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-large .arco-p-input-group-addbefore .item-style {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-large .arco-p-input-group-addbefore .arco-p-input {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
  border-color: transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-large .arco-p-input-group-addbefore .arco-p-select {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-large .arco-p-input-group-addbefore .arco-p-select .arco-p-select-view {
  border-radius: 0;
  background-color: inherit;
  border-color: transparent;
}
.arco-p-input-group-wrapper.arco-p-input-group-wrapper-large .arco-p-input-group-addbefore .arco-p-select.arco-p-select-single .arco-p-select-view {
  height: 100%;
}
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-group {
  font-size: 14px;
}
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-inner-wrapper .arco-p-input-group-prefix,
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-inner-wrapper .arco-p-input-group-suffix {
  font-size: 14px;
}
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-inner-wrapper .arco-p-input-group-prefix > svg,
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-inner-wrapper .arco-p-input-group-suffix > svg {
  font-size: 14px;
}
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-group-addbefore,
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-group-addafter {
  font-size: 14px;
  height: 22px;
}
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-group-addbefore > svg,
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-group-addafter > svg {
  font-size: 14px;
}
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-group-addafter .item-style {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
}
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-group-addafter .arco-p-input {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
  border-color: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-group-addafter .arco-p-select {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
}
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-group-addafter .arco-p-select .arco-p-select-view {
  border-radius: 0;
  background-color: inherit;
  border-color: transparent;
}
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-group-addafter .arco-p-select.arco-p-select-single .arco-p-select-view {
  height: 100%;
}
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-group-addbefore .item-style {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
}
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-group-addbefore .arco-p-input {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
  border-color: transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-group-addbefore .arco-p-select {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
}
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-group-addbefore .arco-p-select .arco-p-select-view {
  border-radius: 0;
  background-color: inherit;
  border-color: transparent;
}
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-group-addbefore .arco-p-select.arco-p-select-single .arco-p-select-view {
  height: 100%;
}
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-inner-wrapper {
  height: 100%;
}
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-inner-wrapper .arco-p-input {
  height: 100%;
}
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-inner-wrapper .arco-p-input-clear-wrapper {
  height: 100%;
}
.arco-p-input-group-wrapper.arco-p-input-custom-height .arco-p-input-inner-wrapper .arco-p-input-clear-wrapper .arco-p-input {
  height: 100%;
}
.arco-p-input-group-wrapper .arco-p-input-inner-wrapper {
  height: 100%;
}
.arco-p-input-group-wrapper.arco-p-input-disabled {
  cursor: not-allowed;
}
.arco-p-input-mirror {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}
.arco-p-textarea {
  outline: none;
  appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  border-radius: var(--border-radius-small);
  color: var(--color-text-1);
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box;
  transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
  border: 1px solid transparent;
  background-color: var(--color-fill-2);
  font-size: 14px;
  vertical-align: top;
  position: relative;
  padding: 4px 12px;
  max-width: 100%;
  min-height: 32px;
  height: auto;
  line-height: 1.5715;
  resize: vertical;
  overflow: auto;
}
.arco-p-textarea::placeholder {
  color: var(--color-text-3);
}
.arco-p-textarea:hover {
  background-color: transparent;
  border-color: none;
}
.arco-p-textarea:focus,
.arco-p-textarea.arco-p-textarea-focus {
  border-color: transparent;
  background-color: transparent;
  box-shadow: 0 0 0 0 var(--color-primary-light-2);
}
.arco-p-textarea-error {
  border-color: transparent;
  background-color: var(--color-danger-light-1);
}
.arco-p-textarea-error:hover {
  border-color: transparent;
  background-color: var(--color-danger-light-2);
}
.arco-p-textarea-error .arco-p-input {
  background: none;
  box-shadow: none;
}
.arco-p-textarea-error .arco-p-input:hover {
  background: none;
  box-shadow: none;
}
.arco-p-textarea-error.arco-p-textarea-focus,
.arco-p-textarea-error.arco-p-textarea-focus:hover {
  border-color: rgb(var(--danger-6));
  background-color: transparent;
  box-shadow: 0 0 0 0 var(--color-danger-light-2);
}
.arco-p-textarea-error:focus,
.arco-p-textarea-error:focus:hover {
  border-color: rgb(var(--danger-6));
  background-color: transparent;
  box-shadow: 0 0 0 0 var(--color-danger-light-2);
}
.arco-p-textarea-warning {
  border-color: transparent;
  background-color: var(--color-warning-light-1);
}
.arco-p-textarea-warning:hover {
  border-color: transparent;
  background-color: var(--color-warning-light-2);
}
.arco-p-textarea-warning .arco-p-input {
  background: none;
  box-shadow: none;
}
.arco-p-textarea-warning .arco-p-input:hover {
  background: none;
  box-shadow: none;
}
.arco-p-textarea-warning.arco-p-textarea-focus,
.arco-p-textarea-warning.arco-p-textarea-focus:hover {
  border-color: rgb(var(--warning-6));
  background-color: transparent;
  box-shadow: 0 0 0 0 var(--color-warning-light-2);
}
.arco-p-textarea-warning:focus,
.arco-p-textarea-warning:focus:hover {
  border-color: rgb(var(--warning-6));
  background-color: transparent;
  box-shadow: 0 0 0 0 var(--color-warning-light-2);
}
.arco-p-textarea-disabled {
  background-color: var(--color-fill-2);
  cursor: not-allowed;
  color: var(--color-text-4);
  -webkit-text-fill-color: var(--color-text-4);
  border-color: transparent;
}
.arco-p-textarea-disabled:hover {
  border-color: transparent;
  background-color: var(--color-fill-2);
  color: var(--color-text-4);
}
.arco-p-textarea-disabled::placeholder {
  color: var(--color-text-4);
}
.arco-p-input-group.arco-p-input-group-compact > .arco-p-select {
  vertical-align: unset;
}
.arco-p-input-group.arco-p-input-group-compact > .arco-p-select .arco-p-select-view {
  border-radius: 0;
}
.arco-p-input-group.arco-p-input-group-compact > * {
  border-radius: 0;
}
.arco-p-input-group.arco-p-input-group-compact > * .arco-p-input-group > :last-child,
.arco-p-input-group.arco-p-input-group-compact > * .arco-p-input-group > :first-child {
  border-radius: 0;
}
.arco-p-input-group.arco-p-input-group-compact > *:not(:last-child) {
  position: relative;
  border-right: 1px solid var(--color-neutral-3);
  box-sizing: border-box;
}
.arco-p-input-group.arco-p-input-group-compact > *:first-child,
.arco-p-input-group.arco-p-input-group-compact > *:first-child .arco-p-input-group > *:first-child {
  border-top-left-radius: var(--border-radius-small);
  border-bottom-left-radius: var(--border-radius-small);
}
.arco-p-input-group.arco-p-input-group-compact > *:first-child .arco-p-select .arco-p-select-view,
.arco-p-input-group.arco-p-input-group-compact > *:first-child .arco-p-input-group > *:first-child .arco-p-select .arco-p-select-view {
  border-top-left-radius: var(--border-radius-small);
  border-bottom-left-radius: var(--border-radius-small);
}
.arco-p-input-group.arco-p-input-group-compact > *:last-child,
.arco-p-input-group.arco-p-input-group-compact > *:last-child .arco-p-input-group > *:last-child {
  border-top-right-radius: var(--border-radius-small);
  border-bottom-right-radius: var(--border-radius-small);
}
.arco-p-input-group.arco-p-input-group-compact > *:last-child .arco-p-select .arco-p-select-view,
.arco-p-input-group.arco-p-input-group-compact > *:last-child .arco-p-input-group > *:last-child .arco-p-select .arco-p-select-view {
  border-top-right-radius: var(--border-radius-small);
  border-bottom-right-radius: var(--border-radius-small);
}
.arco-p-input-group.arco-p-input-group-compact > .arco-p-input:not(:last-child) {
  border-right-color: var(--color-neutral-3);
}
.arco-p-input-group.arco-p-input-group-compact > .arco-p-input:not(:last-child):focus {
  border-right-color: transparent;
}
.size-height-size-mini {
  line-height: 1.667;
  font-size: 12px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.size-height-size-small {
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 14px;
}
.size-height-size-large {
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px;
}
.size-height-group-wrapper-mini .arco-p-input-group-addbefore,
.size-height-group-wrapper-mini .arco-p-input-group-addafter {
  padding-left: 8px;
  padding-right: 8px;
}
.size-height-inner-wrapper.size-height-inner-wrapper-mini {
  padding-left: 8px;
  padding-right: 8px;
}
.size-height-size-mini {
  padding-left: 8px;
  padding-right: 8px;
}
.size-height-group-wrapper-small .arco-p-input-group-addbefore,
.size-height-group-wrapper-small .arco-p-input-group-addafter {
  padding-left: 12px;
  padding-right: 12px;
}
.size-height-inner-wrapper.size-height-inner-wrapper-small {
  padding-left: 12px;
  padding-right: 12px;
}
.size-height-size-small {
  padding-left: 12px;
  padding-right: 12px;
}
.size-height-group-wrapper-large .arco-p-input-group-addbefore,
.size-height-group-wrapper-large .arco-p-input-group-addafter {
  padding-left: 16px;
  padding-right: 16px;
}
.size-height-inner-wrapper.size-height-inner-wrapper-large {
  padding-left: 16px;
  padding-right: 16px;
}
.size-height-size-large {
  padding-left: 16px;
  padding-right: 16px;
}
.group-size.group-size-mini .arco-p-input-group {
  font-size: 12px;
}
.group-size.group-size-mini .arco-p-input-inner-wrapper .arco-p-input-group-prefix,
.group-size.group-size-mini .arco-p-input-inner-wrapper .arco-p-input-group-suffix {
  font-size: 12px;
}
.group-size.group-size-mini .arco-p-input-inner-wrapper .arco-p-input-group-prefix > svg,
.group-size.group-size-mini .arco-p-input-inner-wrapper .arco-p-input-group-suffix > svg {
  font-size: 12px;
}
.group-size.group-size-mini .arco-p-input-group-addbefore,
.group-size.group-size-mini .arco-p-input-group-addafter {
  font-size: 12px;
  height: 22px;
}
.group-size.group-size-mini .arco-p-input-group-addbefore > svg,
.group-size.group-size-mini .arco-p-input-group-addafter > svg {
  font-size: 12px;
}
.group-size.group-size-mini .arco-p-input-group-addafter .item-style {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
}
.group-size.group-size-mini .arco-p-input-group-addafter .arco-p-input {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
  border-color: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.group-size.group-size-mini .arco-p-input-group-addafter .arco-p-select {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
}
.group-size.group-size-mini .arco-p-input-group-addafter .arco-p-select .arco-p-select-view {
  border-radius: 0;
  background-color: inherit;
  border-color: transparent;
}
.group-size.group-size-mini .arco-p-input-group-addafter .arco-p-select.arco-p-select-single .arco-p-select-view {
  height: 100%;
}
.group-size.group-size-mini .arco-p-input-group-addbefore .item-style {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
}
.group-size.group-size-mini .arco-p-input-group-addbefore .arco-p-input {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
  border-color: transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.group-size.group-size-mini .arco-p-input-group-addbefore .arco-p-select {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
}
.group-size.group-size-mini .arco-p-input-group-addbefore .arco-p-select .arco-p-select-view {
  border-radius: 0;
  background-color: inherit;
  border-color: transparent;
}
.group-size.group-size-mini .arco-p-input-group-addbefore .arco-p-select.arco-p-select-single .arco-p-select-view {
  height: 100%;
}
.group-size.group-size-small .arco-p-input-group {
  font-size: 14px;
}
.group-size.group-size-small .arco-p-input-inner-wrapper .arco-p-input-group-prefix,
.group-size.group-size-small .arco-p-input-inner-wrapper .arco-p-input-group-suffix {
  font-size: 14px;
}
.group-size.group-size-small .arco-p-input-inner-wrapper .arco-p-input-group-prefix > svg,
.group-size.group-size-small .arco-p-input-inner-wrapper .arco-p-input-group-suffix > svg {
  font-size: 14px;
}
.group-size.group-size-small .arco-p-input-group-addbefore,
.group-size.group-size-small .arco-p-input-group-addafter {
  font-size: 14px;
  height: 26px;
}
.group-size.group-size-small .arco-p-input-group-addbefore > svg,
.group-size.group-size-small .arco-p-input-group-addafter > svg {
  font-size: 14px;
}
.group-size.group-size-small .arco-p-input-group-addafter .item-style {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
}
.group-size.group-size-small .arco-p-input-group-addafter .arco-p-input {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
  border-color: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.group-size.group-size-small .arco-p-input-group-addafter .arco-p-select {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
}
.group-size.group-size-small .arco-p-input-group-addafter .arco-p-select .arco-p-select-view {
  border-radius: 0;
  background-color: inherit;
  border-color: transparent;
}
.group-size.group-size-small .arco-p-input-group-addafter .arco-p-select.arco-p-select-single .arco-p-select-view {
  height: 100%;
}
.group-size.group-size-small .arco-p-input-group-addbefore .item-style {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
}
.group-size.group-size-small .arco-p-input-group-addbefore .arco-p-input {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
  border-color: transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.group-size.group-size-small .arco-p-input-group-addbefore .arco-p-select {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
}
.group-size.group-size-small .arco-p-input-group-addbefore .arco-p-select .arco-p-select-view {
  border-radius: 0;
  background-color: inherit;
  border-color: transparent;
}
.group-size.group-size-small .arco-p-input-group-addbefore .arco-p-select.arco-p-select-single .arco-p-select-view {
  height: 100%;
}
.group-size.group-size-large .arco-p-input-group {
  font-size: 14px;
}
.group-size.group-size-large .arco-p-input-inner-wrapper .arco-p-input-group-prefix,
.group-size.group-size-large .arco-p-input-inner-wrapper .arco-p-input-group-suffix {
  font-size: 14px;
}
.group-size.group-size-large .arco-p-input-inner-wrapper .arco-p-input-group-prefix > svg,
.group-size.group-size-large .arco-p-input-inner-wrapper .arco-p-input-group-suffix > svg {
  font-size: 14px;
}
.group-size.group-size-large .arco-p-input-group-addbefore,
.group-size.group-size-large .arco-p-input-group-addafter {
  font-size: 14px;
  height: 34px;
}
.group-size.group-size-large .arco-p-input-group-addbefore > svg,
.group-size.group-size-large .arco-p-input-group-addafter > svg {
  font-size: 14px;
}
.group-size.group-size-large .arco-p-input-group-addafter .item-style {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
}
.group-size.group-size-large .arco-p-input-group-addafter .arco-p-input {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
  border-color: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.group-size.group-size-large .arco-p-input-group-addafter .arco-p-select {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
}
.group-size.group-size-large .arco-p-input-group-addafter .arco-p-select .arco-p-select-view {
  border-radius: 0;
  background-color: inherit;
  border-color: transparent;
}
.group-size.group-size-large .arco-p-input-group-addafter .arco-p-select.arco-p-select-single .arco-p-select-view {
  height: 100%;
}
.group-size.group-size-large .arco-p-input-group-addbefore .item-style {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
}
.group-size.group-size-large .arco-p-input-group-addbefore .arco-p-input {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
  border-color: transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.group-size.group-size-large .arco-p-input-group-addbefore .arco-p-select {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
}
.group-size.group-size-large .arco-p-input-group-addbefore .arco-p-select .arco-p-select-view {
  border-radius: 0;
  background-color: inherit;
  border-color: transparent;
}
.group-size.group-size-large .arco-p-input-group-addbefore .arco-p-select.arco-p-select-single .arco-p-select-view {
  height: 100%;
}
.group-size.arco-p-input-custom-height .arco-p-input-group {
  font-size: 14px;
}
.group-size.arco-p-input-custom-height .arco-p-input-inner-wrapper .arco-p-input-group-prefix,
.group-size.arco-p-input-custom-height .arco-p-input-inner-wrapper .arco-p-input-group-suffix {
  font-size: 14px;
}
.group-size.arco-p-input-custom-height .arco-p-input-inner-wrapper .arco-p-input-group-prefix > svg,
.group-size.arco-p-input-custom-height .arco-p-input-inner-wrapper .arco-p-input-group-suffix > svg {
  font-size: 14px;
}
.group-size.arco-p-input-custom-height .arco-p-input-group-addbefore,
.group-size.arco-p-input-custom-height .arco-p-input-group-addafter {
  font-size: 14px;
  height: 22px;
}
.group-size.arco-p-input-custom-height .arco-p-input-group-addbefore > svg,
.group-size.arco-p-input-custom-height .arco-p-input-group-addafter > svg {
  font-size: 14px;
}
.group-size.arco-p-input-custom-height .arco-p-input-group-addafter .item-style {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
}
.group-size.arco-p-input-custom-height .arco-p-input-group-addafter .arco-p-input {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
  border-color: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.group-size.arco-p-input-custom-height .arco-p-input-group-addafter .arco-p-select {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
}
.group-size.arco-p-input-custom-height .arco-p-input-group-addafter .arco-p-select .arco-p-select-view {
  border-radius: 0;
  background-color: inherit;
  border-color: transparent;
}
.group-size.arco-p-input-custom-height .arco-p-input-group-addafter .arco-p-select.arco-p-select-single .arco-p-select-view {
  height: 100%;
}
.group-size.arco-p-input-custom-height .arco-p-input-group-addbefore .item-style {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
}
.group-size.arco-p-input-custom-height .arco-p-input-group-addbefore .arco-p-input {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
  border-color: transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.group-size.arco-p-input-custom-height .arco-p-input-group-addbefore .arco-p-select {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
}
.group-size.arco-p-input-custom-height .arco-p-input-group-addbefore .arco-p-select .arco-p-select-view {
  border-radius: 0;
  background-color: inherit;
  border-color: transparent;
}
.group-size.arco-p-input-custom-height .arco-p-input-group-addbefore .arco-p-select.arco-p-select-single .arco-p-select-view {
  height: 100%;
}
.group-size.arco-p-input-custom-height .arco-p-input-inner-wrapper {
  height: 100%;
}
.group-size.arco-p-input-custom-height .arco-p-input-inner-wrapper .arco-p-input {
  height: 100%;
}
.group-size.arco-p-input-custom-height .arco-p-input-inner-wrapper .arco-p-input-clear-wrapper {
  height: 100%;
}
.group-size.arco-p-input-custom-height .arco-p-input-inner-wrapper .arco-p-input-clear-wrapper .arco-p-input {
  height: 100%;
}
.arco-p-textarea-wrapper {
  display: inline-block;
  position: relative;
  width: 100%;
}
.arco-p-textarea-clear-wrapper:hover .arco-p-textarea-clear-icon {
  display: inline-block;
}
.arco-p-textarea-clear-wrapper .arco-p-textarea {
  padding-right: 20px;
}
.arco-p-textarea-word-limit {
  position: absolute;
  font-size: 12px;
  bottom: 6px;
  right: 10px;
  color: var(--color-text-3);
  user-select: none;
}
.arco-p-textarea-word-limit-error {
  color: rgb(var(--danger-6));
}
.arco-p-textarea-clear-icon {
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 12px;
  color: var(--color-text-2);
}
.arco-p-textarea-clear-icon > svg {
  transition: color 0.1s cubic-bezier(0, 0, 1, 1);
  position: relative;
}
.arco-p-input-search.arco-p-input-group-wrapper .arco-p-input-group-addbefore {
  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-p-input-search.arco-p-input-group-wrapper .arco-p-input-group-addafter {
  padding: 0;
  border: none;
}
.arco-p-input-search.arco-p-input-group-wrapper .arco-p-input-group-suffix {
  color: var(--color-text-2);
  font-size: 14px;
}
.arco-p-input-search.arco-p-input-group-wrapper:not(.arco-p-input-disabled) .arco-p-input-group-addbefore {
  cursor: pointer;
  color: var(--color-text-2);
  font-size: 14px;
}
.arco-p-input-search.arco-p-input-group-wrapper .arco-p-input-search-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 100%;
  font-size: 14px;
  color: var(--color-white);
}
.arco-p-input-search-button .arco-p-input-inner-wrapper:not(.arco-p-input-inner-wrapper-rtl) {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.arco-p-input-password.arco-p-input-group-wrapper:not(.arco-p-input-disabled) .arco-p-input-group-suffix {
  cursor: pointer;
  color: var(--color-text-2);
  font-size: 12px;
}
.arco-p-input-password.arco-p-input-group-wrapper .arco-p-input-password-visibility-icon:focus-visible {
  box-shadow: 0 0 0 2px transparent;
  border-radius: var(--border-radius-small);
}
.arco-p-input-group-wrapper-rtl {
  direction: rtl;
}
.arco-p-input-group-wrapper-rtl .arco-p-input-word-limit {
  padding-left: 0;
  padding-right: input-padding-word-limit-left;
}
.arco-p-input-group-wrapper-rtl.arco-p-input-clear-wrapper .arco-p-input {
  padding-right: 0;
  padding-left: 24px;
}
.arco-p-input-group-wrapper-rtl .arco-p-input-group > :first-child {
  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}
.arco-p-input-group-wrapper-rtl .arco-p-input-group > :last-child {
  border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}
.arco-p-input-group-wrapper-rtl .arco-p-input-group-addafter {
  border-left: none;
  border-right: 1px solid var(--color-neutral-3);
}
.arco-p-input-group-wrapper-rtl .arco-p-input-group-addafter .item-style {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
}
.arco-p-input-group-wrapper-rtl .arco-p-input-group-addafter .arco-p-input {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
  border-color: transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.arco-p-input-group-wrapper-rtl .arco-p-input-group-addafter .arco-p-select {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -13px;
  margin-right: -12px;
}
.arco-p-input-group-wrapper-rtl .arco-p-input-group-addafter .arco-p-select .arco-p-select-view {
  border-radius: 0;
  background-color: inherit;
  border-color: transparent;
}
.arco-p-input-group-wrapper-rtl .arco-p-input-group-addafter .arco-p-select.arco-p-select-single .arco-p-select-view {
  height: 100%;
}
.arco-p-input-group-wrapper-rtl .arco-p-input-group-addbefore {
  border-right: none;
  border-left: 1px solid var(--color-neutral-3);
}
.arco-p-input-group-wrapper-rtl .arco-p-input-group-addbefore .item-style {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
}
.arco-p-input-group-wrapper-rtl .arco-p-input-group-addbefore .arco-p-input {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
  border-color: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.arco-p-input-group-wrapper-rtl .arco-p-input-group-addbefore .arco-p-select {
  margin-top: -1px;
  margin-bottom: -1px;
  width: auto;
  height: 100%;
  margin-left: -12px;
  margin-right: -13px;
}
.arco-p-input-group-wrapper-rtl .arco-p-input-group-addbefore .arco-p-select .arco-p-select-view {
  border-radius: 0;
  background-color: inherit;
  border-color: transparent;
}
.arco-p-input-group-wrapper-rtl .arco-p-input-group-addbefore .arco-p-select.arco-p-select-single .arco-p-select-view {
  height: 100%;
}
.arco-p-input-group-wrapper-rtl .arco-p-input-group.arco-p-input-group-compact > *:not(:last-child) {
  border-right: none;
  border-left: 1px solid var(--color-neutral-3);
}
.arco-p-input-group-wrapper-rtl .arco-p-input-group.arco-p-input-group-compact > *:first-child,
.arco-p-input-group-wrapper-rtl .arco-p-input-group.arco-p-input-group-compact > *:first-child .arco-p-input-group > *:first-child {
  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}
.arco-p-input-group-wrapper-rtl .arco-p-input-group.arco-p-input-group-compact > *:first-child .arco-p-select .arco-p-select-view,
.arco-p-input-group-wrapper-rtl .arco-p-input-group.arco-p-input-group-compact > *:first-child .arco-p-input-group > *:first-child .arco-p-select .arco-p-select-view {
  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}
.arco-p-input-group-wrapper-rtl .arco-p-input-group.arco-p-input-group-compact > *:last-child,
.arco-p-input-group-wrapper-rtl .arco-p-input-group.arco-p-input-group-compact > *:last-child .arco-p-input-group > *:last-child {
  border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}
.arco-p-input-group-wrapper-rtl .arco-p-input-group.arco-p-input-group-compact > *:last-child .arco-p-select .arco-p-select-view,
.arco-p-input-group-wrapper-rtl .arco-p-input-group.arco-p-input-group-compact > *:last-child .arco-p-input-group > *:last-child .arco-p-select .arco-p-select-view {
  border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}
.arco-p-input-group-wrapper-rtl .arco-p-input-group.arco-p-input-group-compact > .arco-p-input:not(:last-child) {
  border-left-color: var(--color-neutral-3);
}
.arco-p-input-group-wrapper-rtl .arco-p-input-group.arco-p-input-group-compact > .arco-p-input:not(:last-child):focus {
  border-left-color: transparent;
}
.arco-p-input-group-wrapper-rtl.arco-p-input-search .arco-p-input-search-btn {
  border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}
.arco-p-input-inner-wrapper-rtl {
  direction: rtl;
}
.arco-p-input-inner-wrapper-rtl.arco-p-input-inner-wrapper-has-prefix > .arco-p-input-clear-wrapper .arco-p-input,
.arco-p-input-inner-wrapper-rtl.arco-p-input-inner-wrapper-has-prefix > .arco-p-input {
  padding-left: 0;
  padding-right: 12px;
}
.arco-p-input-inner-wrapper-rtl > .arco-p-input-clear-wrapper .arco-p-input {
  padding-right: 0;
  padding-left: 12px;
}
.arco-p-input-inner-wrapper-rtl > .arco-p-input-clear-wrapper .arco-p-input-clear-icon {
  right: initial;
  left: 8px;
}
.arco-p-input-inner-wrapper-rtl:hover .arco-p-input-clear-icon ~ .arco-p-input-group-suffix {
  margin-left: 4px;
}
.arco-p-input-search-button .arco-p-input-inner-wrapper-rtl {
  border-left: none;
  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}
.arco-p-textarea-wrapper-rtl {
  direction: rtl;
}
.arco-p-textarea-wrapper-rtl .arco-p-textarea {
  padding-left: 20px;
}
.arco-p-textarea-wrapper-rtl .arco-p-textarea-word-limit {
  right: initial;
  left: 10px;
}
.arco-p-textarea-wrapper-rtl .arco-p-textarea-clear-icon {
  right: initial;
  left: 10px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].oneOf[1].use[2]!./node_modules/.pnpm/@arco-design+web-react@2.66.5_@types+react@18.3.24_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@arco-design/web-react/es/InputNumber/style/index.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/******** borderSize *******/
/******** borderStyle *******/
/******** radius *******/
/******** shadow distance *******/
/******** size *******/
/******** spacing *******/
/******** shadow *******/
/******** opacity *******/
/******** fontSize *******/
/******** fontWeight ********/
/******** Primary *******/
/******** success *******/
/******** warning *******/
/******** danger *******/
/******** link *******/
/******** radius *******/
/********* icon hover *********/
.arco-p-input-number {
  position: relative;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  border-radius: var(--border-radius-small);
}
.arco-p-input-number-step-button {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-color: var(--color-neutral-3);
  background-color: var(--color-fill-2);
  color: var(--color-text-2);
  cursor: pointer;
  user-select: none;
  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-p-input-number-step-button:hover {
  border-color: var(--color-fill-3);
  background-color: var(--color-fill-3);
}
.arco-p-input-number-step-button:active {
  border-color: var(--color-fill-4);
  background-color: var(--color-fill-4);
}
.arco-p-input-number-step-button-disabled {
  cursor: not-allowed;
  background-color: var(--color-fill-2);
  color: var(--color-text-4);
}
.arco-p-input-number-step-button-disabled:hover,
.arco-p-input-number-step-button-disabled:active {
  border-color: var(--color-neutral-3);
  background-color: var(--color-fill-2);
}
.arco-p-input-number-prefix,
.arco-p-input-number-suffix {
  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-p-input-number-mode-embed .arco-p-input-number-step-layer {
  opacity: 0;
  position: absolute;
  right: 4px;
  top: 4px;
  bottom: 4px;
  width: 18px;
  border-radius: 1px;
  overflow: hidden;
  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-p-input-number-mode-embed .arco-p-input-number-step-layer .arco-p-input-number-step-button {
  width: 100%;
  height: 50%;
  font-size: 10px;
}
.arco-p-input-number-mode-embed:not(.arco-p-input-group-wrapper-disabled):hover .arco-p-input-number-step-layer {
  opacity: 1;
}
.arco-p-input-number-mode-embed:not(.arco-p-input-group-wrapper-disabled):hover .arco-p-input-number-step-layer ~ .arco-p-input-number-suffix {
  opacity: 0;
  pointer-events: none;
}
.arco-p-input-number-mode-embed .arco-p-input-inner-wrapper:not(.arco-p-input-inner-wrapper-focus) .arco-p-input-number-step-button:not(.arco-p-input-number-step-button-disabled):hover {
  background-color: var(--color-fill-4);
}
.arco-p-input-number-rtl.arco-p-input-number-mode-embed .arco-p-input-number-step-layer {
  right: unset;
  left: 4px;
}
.arco-p-input-number-mode-button .arco-p-input {
  text-align: center;
}
.arco-p-input-number-mode-button .arco-p-input-group {
  position: relative;
}
.arco-p-input-number-mode-button .arco-p-input-group-addbefore,
.arco-p-input-number-mode-button .arco-p-input-group-addafter {
  padding: 0;
}
.arco-p-input-number-mode-button .arco-p-input-group .arco-p-input-number-step-button {
  position: absolute;
  top: 0;
  height: 100%;
  border: inherit;
}
.arco-p-input-number-mode-button .arco-p-input-group .arco-p-input-number-step-button:active {
  border-color: var(--color-fill-4);
}
.arco-p-input-number-mode-button .arco-p-input-group-addbefore .arco-p-input-number-step-button {
  left: 0;
  border-right-color: var(--color-neutral-3);
}
.arco-p-input-number-mode-button .arco-p-input-group-addafter .arco-p-input-number-step-button {
  right: 0;
  border-left-color: var(--color-neutral-3);
}
.arco-p-input-number-mode-button.arco-p-input-number-size-mini .arco-p-input-group-addbefore,
.arco-p-input-number-mode-button.arco-p-input-number-size-mini .arco-p-input-group-addafter {
  width: 24px;
}
.arco-p-input-number-mode-button.arco-p-input-number-size-mini .arco-p-input-group-addbefore .arco-p-input-number-step-button,
.arco-p-input-number-mode-button.arco-p-input-number-size-mini .arco-p-input-group-addafter .arco-p-input-number-step-button {
  width: 24px;
}
.arco-p-input-number-mode-button.arco-p-input-number-size-small .arco-p-input-group-addbefore,
.arco-p-input-number-mode-button.arco-p-input-number-size-small .arco-p-input-group-addafter {
  width: 28px;
}
.arco-p-input-number-mode-button.arco-p-input-number-size-small .arco-p-input-group-addbefore .arco-p-input-number-step-button,
.arco-p-input-number-mode-button.arco-p-input-number-size-small .arco-p-input-group-addafter .arco-p-input-number-step-button {
  width: 28px;
}
.arco-p-input-number-mode-button.arco-p-input-number-size-default .arco-p-input-group-addbefore,
.arco-p-input-number-mode-button.arco-p-input-number-size-default .arco-p-input-group-addafter {
  width: 32px;
}
.arco-p-input-number-mode-button.arco-p-input-number-size-default .arco-p-input-group-addbefore .arco-p-input-number-step-button,
.arco-p-input-number-mode-button.arco-p-input-number-size-default .arco-p-input-group-addafter .arco-p-input-number-step-button {
  width: 32px;
}
.arco-p-input-number-mode-button.arco-p-input-number-size-large .arco-p-input-group-addbefore,
.arco-p-input-number-mode-button.arco-p-input-number-size-large .arco-p-input-group-addafter {
  width: 36px;
}
.arco-p-input-number-mode-button.arco-p-input-number-size-large .arco-p-input-group-addbefore .arco-p-input-number-step-button,
.arco-p-input-number-mode-button.arco-p-input-number-size-large .arco-p-input-group-addafter .arco-p-input-number-step-button {
  width: 36px;
}
.arco-p-input-number-readonly .arco-p-input-number-step-button {
  pointer-events: none;
  color: var(--color-text-4);
}
.arco-p-input-number-illegal-value input {
  color: rgb(var(--danger-6));
}

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js!./src/components/common/Input/pc/index.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.junigo-pc-input.arco-p-input-size-large {
  height: 56px;
  line-height: 56px;
  border-radius: var(--radius-md);
  background-color: var(--Surface-Subtle);
}
.junigo-pc-input.arco-p-input-size-large:hover {
  background-color: var(--Surface-Subtle);
}
.junigo-pc-input.arco-p-input-size-large:focus {
  background-color: var(--Surface-Subtle);
}
.junigo-pc-input .arco-p-input-inner-wrapper-large {
  height: 56px;
  line-height: 56px;
  border-radius: var(--radius-md);
  background-color: var(--Surface-Subtle);
}
.junigo-pc-input .arco-p-input-inner-wrapper-large:hover {
  background-color: var(--Surface-Subtle);
}
.junigo-pc-input .arco-p-input-inner-wrapper-large:hover .arco-p-input-inner-wrapper-large {
  background-color: var(--Surface-Subtle);
}
.junigo-pc-input .arco-p-input-inner-wrapper-large:focus {
  background-color: var(--Surface-Subtle);
}
.junigo-pc-input .arco-p-input-inner-wrapper-large:focus .arco-p-input-inner-wrapper-large {
  background-color: var(--Surface-Subtle);
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./src/components/common/Input/AmountInput/pc/index.pc.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.amountInputContainer__p_ieS {
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: 6px;
  box-sizing: border-box;
  height: 56px;
  background-color: var(--color-fill-2);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_typescript@5.9.2_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[3]!./src/components/common/Input/AmountInput/h5/index.h5.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.amountInputContainer__upz7T {
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: 0.15267rem;
  height: 1.42494rem;
  background-color: rgb(246, 247, 249);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_typescript@5.9.2_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[3]!./src/pages/Registration/h5/components/VerifyPassWordByEmail/index.h5.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalContainer__NAdmr {
  padding: 0.71247rem 0.50891rem 0.50891rem;
  background: #fff;
  width: 100%;
  height: 85vh;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  font-size: 0.35623rem;
}
.modalContainer__NAdmr button {
  height: 1.22137rem;
}
.modalContainer__NAdmr button div {
  font-weight: 700;
}
.modalContainer__NAdmr .backBtn__q2glB {
  width: 0.40712rem;
  height: 0.40712rem;
  margin-bottom: 0.25445rem;
  flex-shrink: 0;
}
.modalContainer__NAdmr .title__DhmuO {
  color: var(--Text-Title, #1d2129);
  /* Title/Large */
  font-size: 0.61069rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.81425rem; /* 133.333% */
}
.modalContainer__NAdmr .textExplain__xkrvK {
  color: var(--Text-Neutural-Subtitle, #647793);
  /* Discription/Regular */
  font-size: 0.35623rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.5598rem; /* 157.143% */
  margin-bottom: 0.61069rem;
}
.modalContainer__NAdmr .button__v0hYR {
  position: absolute;
  bottom: 1.42494rem;
  box-sizing: border-box;
  width: 8.98219rem;
}

.modalContainer__NAdmr .emailClass__nPtsq {
  display: flex;
  align-items: center;
  height: 1.42494rem;
  flex: 1 0 0;
  border-radius: 0.15267rem;
  background: var(--Surface-Subtle, #f6f7f9);
  width: 100%;
  margin-top: 0.61069rem;
}
.modalContainer__NAdmr .emailClass__nPtsq div:first-child {
  width: 100%;
}
.modalContainer__NAdmr .forgetBtn__RSENr {
  color: var(--Primary-Text, #d19f00);
  width: fit-content;
  /* Button */
  font-size: 0.35623rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.5598rem; /* 157.143% */
  cursor: pointer;
  margin-top: 0.61069rem;
}
.modalContainer__NAdmr .errorInfo__KXwDz {
  display: flex;
  align-items: center;
  gap: 0.10178rem;
  margin-top: 0.61069rem;
  color: var(--State-Error, #e8604b);
}
.modalContainer__NAdmr .passwordInput__QkQsy {
  display: flex;
  height: 1.42494rem;
  padding-right: 0.40712rem;
  align-items: center;
  align-self: stretch;
  border-radius: 0.15267rem;
  background: var(--Surface-Subtle, #f6f7f9);
  margin-top: 0.40712rem;
  border: none;
}
.modalContainer__NAdmr .passwordInput__QkQsy div:first-child {
  width: 100%;
}
.modalContainer__NAdmr .passwordIcon__KHetA {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].oneOf[0].use[2]!./node_modules/.pnpm/@arco-design+mobile-react@2.38.2_@types+react-dom@18.3.7_@types+react@18.3.24__@types+react@1_4lfnfxg4ayyrsm7p7tbwprgr6m/node_modules/@arco-design/mobile-react/esm/textarea/style/index.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * @type mixin-var
 * @name GeneralMixinVars
 * @name_en General Mixin
 */
/**
 * 根据 base-font-size，设置单位尺寸为 rem
 * @desc {en} set the unit size to rem based on base-font-size
 * @param @property css属性名
 * @param @property {en} css property
 * @param @values css属性值，如果为复合属性，值可以用逗号分隔开
 * @param @values {en} css property value, the values can be separated by commas when the style is composite
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .rem(font-size, 14);
 *     .rem(padding, 16, 0);
 * }
 * ```
 */
/**
 * 根据 base-font-size，设置常规模式和 rtl 模式下单位尺寸为 rem
 * @desc {en} set the unit size to rem for regular and RTL modes based on the base-font-size
 * @param @property css属性名
 * @param @property {en} css property
 * @param @values css属性值，如果为复合属性，值可以用逗号分隔开
 * @param @values {en} css property value, the values can be separated by commas when the style is composite
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .rem-with-rtl(font-size, 14);
 *     .rem-with-rtl(padding, 16, 0);
 * }
 * ```
 */
/**
 * 当 less 变量 use-dark-mode=1 时，自定义暗黑模式样式规则
 * @desc {en} Customize dark mode style rules when the less variable use-dark-mode=1.
 * @param @rules 对应的暗黑模式规则
 * @param @rules {en} Corresponding dark mode rules
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-dark-mode-query({
 *         background-color: #000;
 *     });
 * }
 * ```
 */
/**
 * 为属性设置 arco 提供的 token 变量
 * @desc {en} set the token variable provided by Arco for the attribute
 * @param @property css属性名
 * @param @property {en} css property
 * @param @variables token变量名
 * @param @variables {en} token variable name
 * @param @preValues 复合属性css变量前缀
 * @param @preValues {en} prefix for Compound Attribute CSS Variables
 * @param @nextValues 复合属性css变量后缀
 * @param @nextValues {en} suffix for Compound Attribute CSS Variables
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-var(background, primary-color);
 *     .use-var(border, primary-color, 1px solid);
 *     .use-var(border, cell-border-width, '', solid black);
 * }
 * ```
 */
/**
 * 为属性设置 transition 变量
 * @desc {en} set the transition variable for the attribute
 * @param @transitionVariable transition 变量名
 * @param @transitionVariable {en} transition variable name
 * @param @backupVariable 备份变量名
 * @param @backupVariable {en} backup variable name
 * @param @property css属性名
 * @param @property {en} css property
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-transition-var(builtin-transition-fade-enter-duration, transition-fade-duration);
 * }
 * ```
 */
/**
 * 在常规模式和 rtl 模式下为属性设置 arco 提供的 token 变量
 * @desc {en} set the token variable provided by Arco for the attribute in regular mode and RTL mode
 * @param @property css 属性名
 * @param @property {en} css property
 * @param @variables token 变量名
 * @param @variables {en} token variable name
 * @param @preValues
 * @param @preValues {en}
 * @param @nextValues
 * @param @nextValues {en}
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .use-var-with-rtl(margin-left, button-icon-text-gutter);
 * }
 * ```
 */
/**
 * 设置涉及左右相关的属性名，在rtl模式下自动替换为相反的属性名
 * @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
 * @param @property css属性名
 * @param @property {en} css property
 * @param @value css属性值
 * @param @value {en} css property value
 * @param @rules 自定义的复写规则，默认重置为initial
 * @param @rules {en} customized rewrite rules, default to initial
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *   .set-prop-with-rtl(right, auto);
 * }
 * ```
 */
/**
 * 设置涉及左右相关的属性值，在rtl模式下自动替换为相反的属性值
 * @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
 * @param @property css属性名
 * @param @property {en} css property
 * @param @value css属性值
 * @param @value {en} css property value
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *   .set-value-with-rtl(text-align, left);
 * }
 * ```
 */
/**
 * 在 rtl 模式下，自定义样式规则
 * @desc {en} custom style in RTL mode
 * @param @rules 对应的rtl模式下的规则
 * @param @rules {en} property with rtl
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .style-with-rtl({
 *         transform: scale(-1);
 *     });
 * }
 * ```
 */
/**
 * 0.5px 的边框线
 * @desc {en} a border line of 0.5 pixels
 * @param @color 使用 css 变量为线设置颜色
 * @param @color {en} set border-color by CSS variable
 * @param @direction 边框方向，默认为全部方向
 * @param @direction {en} border direction，default to all directions.
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *     .hairline-var(line-color);
 *     .hairline-var(line-color, top);
 * }
 * ```
 */
/**
 * 字体加粗
 * @desc {en} font bold
 * @param @color 使用 css 变量设置加粗的字体颜色，默认继承文字当前颜色
 * @param @color {en} set color by CSS variable
 * @param @stroke 字体粗细，默认 0.3px
 * @param @stroke {en} font weight, default 0.3 pixel
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .text-medium-var();
 *    .text-medium-var(primary-color, 0.5PX);
 * }
 * ```
 */
/**
 * 1px 边框
 * @desc {en} 1 pixel border
 * @param @direction 边框方向
 * @param @direction {en} border direction
 * @param @borderColor 使用 css 变量设置边框颜色
 * @param @borderColor {en} set border-color by CSS variable
 * @param @borderRadius border-radius，默认为 0
 * @param @borderRadius {en} border-radius, default value is 0
 * @param @borderWidth border-width，默认为 1px
 * @param @borderWidth {en} border-width, default value is 1 pixel
 * @param @borderStyle border-style，默认为 solid
 * @param @borderStyle {en} border-style, default value is solid
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .onepx-border-var(top, line-color);
 *    .onepx-border-var(all, line-color, 2, 2px, dashed);
 * }
 * ```
 */
/**
 * 元素右下 0.5px 边框
 * @desc {en} 0.5px border on bottom right
 * @param @color 使用 css 变量设置边框颜色
 * @param @color {en} set border-color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .hairline-bottom-right-var(line-color);
 * }
 * ```
 */
/**
 * 元素左上 0.5px 边框
 * @desc {en} 0.5px border on top left
 * @param @color 使用 css 变量设置边框颜色
 * @param @color {en} set border-color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .hairline-top-left-var(line-color);
 * }
 * ```
 */
/**
 * 设置 Loading 组件颜色
 * @desc {en} set Loading component color
 * @param @color 使用 css 变量设置颜色
 * @param @color {en} set color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-loading-color-var(primary-color);
 * }
 * ```
 */
/**
 * 设置最小字号
 * @desc {en} set minimum font-size
 * @param @size 使用 css 变量设置最小字号
 * @param @size {en} set minimum font-size by CSS variable
 * @param @scale 设置最小字号下文字缩放比例，默认为 0.9
 * @param @scale {en} set minimum font-size down text scale，default value is 0.9
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-font-size-var(badge-font-size);
 *    .set-font-size-var(badge-font-size, 0.5);
 * }
 * ```
 */
/**
 * 设置 content-box 盒模型下元素宽度
 * @desc {en} set box width in content-box
 * @param @property css 属性名
 * @param @property {en} css property
 * @param @width 元素总宽度，包含内边距
 * @param @width element width, include padding
 * @param @padding-left 左侧内边距
 * @param @padding-left {en} padding-left
 * @param @padding-right 右侧内边距
 * @param @padding-right {en} padding-right
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-content-box-width-var(min-width, badge-text-width, badge-text-padding-left, badge-text-padding-right);
 * }
 * ```
 */
/**
 * 设置 Steps 组件颜色
 * @desc {en} set Steps component color
 * @param @color 使用 css 变量设置主颜色
 * @param @color {en} set main step color by CSS variable
 * @param @finish-color 使用 css 变量设置已完成步骤的颜色
 * @param @finish-color {en} set finished step color by CSS variable
 * @example
 * ```
 * @import '@arco-design/mobile-react/style/mixin.less';
 *
 * .demo {
 *    .set-steps-color-var(primary-color, lighter-primary-color);
 * }
 * ```
 */
/**
 * @type mixin
 * @name GeneralMixin
 * @name_en General Mixin
 */
/**
 * 文本溢出，支持1行/多行文本
 * @desc {en} text overflow, support single line or multiple lines
 * @param @lines 最大展示行数，默认为1行
 * @param @lines {en} allows limiting of the contents of a block to the specified number of lines, default to 1
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 * .demo1{
 *   .text-overflow();
 * }
 * .demo2 {
 *   .text-overflow(2);
 * }
 * ```
 */
/**
 * 禁用用户选择文本
 * @desc {en} disable user selection of text
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .noselect();
 * }
 */
/**
 * 全屏布局
 * @desc {en} full-screen layout
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .full-screen();
 * }
 */
/**
 * 文本加粗，兼容安卓设备
 * @desc {en} text-bold, compatible with Android devices
 * @param @color 文本颜色，默认为currentColor
 * @param @color {en} text color, default to currentColor
 * @param @stroke 文本字符笔触宽度，默认为0.3PX
 * @param @stroke {en} the width of strokes for text characters, default to 0.3PX
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo1 {
 *   .text-medium();
 * }
 * .demo2 {
 *   .text-medium(#fff, 0.5px);
 * }
 */
/**
 * 消除文本加粗样式，兼容安卓设备
 * @desc {en} remove text-bold, compatible with Android devices
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .remove-text-medium();
 * }
 */
/**
 * 1px(物理像素)边框
 * @desc {en} a border line of 1 pixel
 * @param @direction 边框方向
 * @param @direction {en} border direction
 * @param @borderColor 边框颜色，默认inherit
 * @param @borderColor {en} border color, default to inherit
 * @param @borderRadius 边框圆角，默认0
 * @param @borderRadius {en} border radius, default to 0
 * @param @borderWidth 边框宽度，默认1px
 * @param @borderWidth {en} border width, default to 1px
 * @param @borderStyle 边框样式，默认solid
 * @param @borderStyle {en} border style, default to solid
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   .onepx-border();
 * }
 */
/**
 * 移除0.5px的边框线
 * @desc {en} remove border line of 0.5 pixels
 * @param @direction 边框方向，默认为全部方向
 * @param @direction {en} border direction，default to all directions.
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .remove-hairline(all);
 * }
 * ```
 */
/**
 * 元素右下 0.5px border
 * @desc {en} 0.5px border on bottom right
 * @param @color 边框颜色
 * @param @color {en} border-color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .hairline-bottom-right(#000);
 * }
 * ```
 */
/**
 * 元素左上 0.5px border
 * @desc {en} 0.5px border on top left
 * @param @color 边框颜色
 * @param @color {en} border-color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *     .hairline-top-left(#000);
 * }
 * ```
 */
/**
 * 输入涉及左右相关的属性名，获取方向相反的属性名，可用于处理rtl模式
 * @desc {en} get the property name in the opposite direction of the input property name, which can be used to process rtl mode
 * @param @origin-property css属性名
 * @param @origin-property {en} css property
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *   @a: .prop-with-rtl(margin-left)[@property-name]; // @a 变量值为margin-right
 * }
 * ```
 */
/**
 * 设置Loading组件颜色
 * @desc {en} set Loading component color
 * @param @color 颜色
 * @param @color {en} color
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-loading-color(#000);
 * }
 * ```
 */
/**
 * 设置最小字号
 * @desc {en} set minimum font-size
 * @param @size 最小字号
 * @param @size {en} minimum font-size
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-font-size(10px);
 * }
 * ```
 */
/**
 * 设置content-box盒模型下元素宽度
 * @desc {en} set box width in content-box
 * @param @property css属性名
 * @param @property {en} css property
 * @param @width 元素总宽度，包含内边距
 * @param @width element width, include padding
 * @param @padding-left 左侧内边距
 * @param @padding-left {en} padding-left
 * @param @padding-right 右侧内边距
 * @param @padding-right {en} padding-right
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-content-box-width(min-width, 300px, 10px, 10px);
 * }
 * ```
 */
/**
 * 设置Steps组件当前步骤主要颜色，已完成步骤颜色自动计算为当前步骤颜色透明度10%
 * @desc {en} set Steps component color
 * @param @color 当前步骤背景、标题文本颜色
 * @param @color {en} color of current step background and title text
 * @param @finish-color 已完成步骤背景色
 * @param @finish-color {en} color of finished step background
 * @example
 * ```
 * @import '@arco-design/mobile-utils/style/mixin.less';
 *
 * .demo {
 *    .set-steps-color(#FFB400);
 * }
 * ```
 */
.arco-m-textarea {
  display: inline-block;
  width: 100%;
  height: 100%;
  resize: none;
  font-size:  0.407125rem ;
  line-height:  0.559796rem ;
  caret-color:  #FFD600 ;
}
.arco-m-textarea::placeholder {
  color:  #c9cdd4 ;
}
.arco-m-textarea.fake-textarea {
  position: fixed;
  bottom: 100%;
  left: 0;
  visibility: hidden;
}
.arco-m-input-container .statistic-text {
  position: absolute;
  bottom: 0.407125rem;
  right: 0.407125rem;
  font-size:  0.356234rem ;
  color:  #86909c ;
}
.arco-m-input-container .statistic-text.exceed {
  color:  #F53F3F ;
}
/***************************************************
 *                                                 *
 *               Arco Theme Style                  *
 *                                                 *
 ***************************************************/
.arco-theme-dark .process-bg-color-with-config,
.arco-theme-dark .process-custom-icon-bg-color-with-config {
  color:  rgba(255, 255, 255, 0.9) ;
}
.arco-theme-dark .wait-custom-icon-bg-color-with-config {
  background:  #2e2e30 ;
  color:  #929293 ;
}
.arco-theme-dark .arco-m-textarea {
  caret-color:  #3C7EFF ;
}
.arco-theme-dark .arco-m-textarea::placeholder {
  color:  #5f5f60 ;
}
.arco-theme-dark .arco-m-input-container .statistic-text {
  color:  #929293 ;
}
.arco-theme-dark .arco-m-input-container .statistic-text.exceed {
  color:  #F76965 ;
}
/********************* End *************************/

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_typescript@5.9.2_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[3]!./src/components/helpModel/h5/HelpModal.h5.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.helpModal__er6fu {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.helpModal__er6fu .arco-m-input-wrap.border-half.ios {
  border: none !important;
}
.helpModal__er6fu .arco-m-input-wrap {
  height: 1.22137rem;
}

.title__xsZed {
  text-align: center;
  font-size: 0.61069rem;
  font-weight: 700;
  margin-bottom: 0.50891rem;
}

.label__IFGO9 {
  text-align: left;
  font-size: 0.30534rem;
  color: #23262F;
  font-weight: 500;
  margin-bottom: 0.15267rem;
}

.input___c8ZW {
  border-radius: 0.20356rem;
  background: #F7F8FA;
  height: 1.42494rem;
  font-size: 0.35623rem;
  margin-bottom: 0.05089rem;
}

.textarea__MpVgx {
  border-radius: 0.20356rem;
  background: #F7F8FA;
  min-height: 1.42494rem;
  font-size: 0.35623rem;
  margin-bottom: 0.61069rem;
}

.tip__nN0g9 {
  margin-bottom: 0.30534rem;
}

.error__qz1ez {
  text-align: left;
  color: rgb(100, 119, 147);
  font-size: 0.30534rem;
  margin-top: 0.20356rem;
  text-align: left;
}

.buttonContainer__mK8UD {
  display: flex;
  justify-content: center;
  gap: 0.25445rem;
}
.buttonContainer__mK8UD .arco-m-button.arco-m-button-size-large {
  height: 1.01781rem;
}
.buttonContainer__mK8UD .cancelButton__sO2ev {
  border-radius: 0.20356rem;
  padding-right: 0.40712rem;
  padding-left: 0.40712rem;
  background-color: rgb(236, 238, 242);
  color: black;
  font-weight: 700 !important;
}
.buttonContainer__mK8UD .submitButton__f2fr4 {
  background-color: rgb(255, 216, 0) !important;
  color: black !important;
  font-weight: 700 !important;
  width: 3.94402rem;
  min-width: 3.56234rem;
  border-radius: 0.20356rem;
  padding-right: 0.40712rem;
  padding-left: 0.40712rem;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].oneOf[1].use[2]!./node_modules/.pnpm/@arco-design+web-react@2.66.5_@types+react@18.3.24_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@arco-design/web-react/es/Modal/style/index.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/******** borderSize *******/
/******** borderStyle *******/
/******** radius *******/
/******** shadow distance *******/
/******** size *******/
/******** spacing *******/
/******** shadow *******/
/******** opacity *******/
/******** fontSize *******/
/******** fontWeight ********/
/******** Primary *******/
/******** success *******/
/******** warning *******/
/******** danger *******/
/******** link *******/
/******** radius *******/
/********* icon hover *********/
.arco-p-modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  display: none;
  background-color: var(--color-mask-bg);
}
.arco-p-modal-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1001;
  overflow: auto;
}
.arco-p-modal-wrapper-no-mask {
  pointer-events: none;
}
.arco-p-modal-wrapper-no-mask .arco-p-modal {
  pointer-events: auto;
}
.arco-p-modal-wrapper.arco-p-modal-wrapper-align-center {
  text-align: center;
  white-space: nowrap;
}
.arco-p-modal-wrapper.arco-p-modal-wrapper-align-center::after {
  content: '';
  vertical-align: middle;
  display: inline-block;
  height: 100%;
  width: 0;
}
.arco-p-modal-wrapper.arco-p-modal-wrapper-align-center .arco-p-modal {
  top: 0;
  vertical-align: middle;
  display: inline-block;
}
.arco-p-modal {
  position: relative;
  margin: 0 auto;
  top: 100px;
  width: 520px;
  border-radius: var(--border-radius-medium);
  border: 0 solid var(--color-neutral-3);
  background-color: var(--color-bg-3);
  line-height: 1.5715;
  text-align: left;
  white-space: initial;
  box-shadow: none;
  box-sizing: border-box;
}
.arco-p-modal-header {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  border-bottom: 1px solid var(--color-neutral-3);
  height: 48px;
  display: flex;
  align-items: center;
}
.arco-p-modal-header .arco-p-modal-title {
  flex: 1;
  text-align: center;
}
.arco-p-modal-content {
  position: relative;
  padding: 24px 20px;
  color: var(--color-text-1);
  font-size: 14px;
}
.arco-p-modal-footer {
  border-top: 1px solid var(--color-neutral-3);
  width: 100%;
  box-sizing: border-box;
  text-align: right;
  padding: 16px 20px;
}
.arco-p-modal-footer > .arco-p-btn {
  margin-left: 12px;
}
.arco-p-modal-footer > .arco-p-btn:only-child {
  margin-left: 0;
}
.arco-p-modal .arco-p-modal-close-icon {
  position: absolute;
  right: 20px;
  top: 18px;
  font-size: 12px;
  cursor: pointer;
  color: var(--color-text-1);
}
.arco-p-modal-title {
  color: var(--color-text-1);
  font-size: 16px;
  font-weight: 500;
}
.arco-p-modal-title .arco-p-icon {
  font-size: 18px;
  margin-right: 10px;
  vertical-align: -3px;
}
.arco-p-modal-title .arco-p-icon-info-circle-fill {
  color: rgb(var(--primary-6));
}
.arco-p-modal-title .arco-p-icon-check-circle-fill {
  color: rgb(var(--success-6));
}
.arco-p-modal-title .arco-p-icon-exclamation-circle-fill {
  color: rgb(var(--warning-6));
}
.arco-p-modal-title .arco-p-icon-close-circle-fill {
  color: rgb(var(--danger-6));
}
.arco-p-modal-simple {
  padding: 24px 32px 32px;
  width: 464px;
}
.arco-p-modal-simple .arco-p-modal-header,
.arco-p-modal-simple .arco-p-modal-footer {
  border: none;
  padding: 0;
  height: unset;
}
.arco-p-modal-simple .arco-p-modal-header {
  margin-bottom: 24px;
}
.arco-p-modal-simple .arco-p-modal-title {
  text-align: center;
}
.arco-p-modal-simple .arco-p-modal-footer {
  text-align: center;
  margin-top: 32px;
}
.arco-p-modal-simple .arco-p-modal-content {
  padding: 0;
}
.zoomModal-enter,
.zoomModal-appear {
  opacity: 0;
  transform: scale(0.5, 0.5);
}
.zoomModal-enter-active,
.zoomModal-appear-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.zoomModal-exit {
  opacity: 1;
  transform: scale(1, 1);
}
.zoomModal-exit-active {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.fadeModal-enter,
.fadeModal-appear {
  opacity: 0;
}
.fadeModal-enter-active,
.fadeModal-appear-active {
  opacity: 1;
  transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.fadeModal-exit {
  opacity: 1;
}
.fadeModal-exit-active {
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.arco-p-modal-rtl {
  direction: rtl;
}
.arco-p-modal-rtl .arco-p-modal-footer {
  text-align: unset;
}
.arco-p-modal-rtl .arco-p-modal-footer > .arco-p-btn {
  margin-left: 0;
  margin-right: 12px;
}
.arco-p-modal-rtl .arco-p-modal-footer > .arco-p-btn:only-child {
  margin-right: 0;
}
.arco-p-modal-rtl .arco-p-modal-title .arco-p-icon {
  margin-right: 0;
  margin-left: 10px;
}
.arco-p-modal-rtl .arco-p-modal-close-icon {
  right: initial;
  left: 20px;
}
.arco-p-modal-rtl.arco-p-modal-simple .arco-p-modal-footer {
  text-align: center;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].oneOf[1].use[2]!./node_modules/.pnpm/@arco-design+web-react@2.66.5_@types+react@18.3.24_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@arco-design/web-react/es/Message/style/index.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/******** borderSize *******/
/******** borderStyle *******/
/******** radius *******/
/******** shadow distance *******/
/******** size *******/
/******** spacing *******/
/******** shadow *******/
/******** opacity *******/
/******** fontSize *******/
/******** fontWeight ********/
/******** Primary *******/
/******** success *******/
/******** warning *******/
/******** danger *******/
/******** link *******/
/******** radius *******/
/********* icon hover *********/
.arco-p-message-wrapper {
  width: 100%;
  position: fixed;
  z-index: 1003;
  padding: 0 10px;
  text-align: center;
  pointer-events: none;
  box-sizing: border-box;
  left: 0;
}
.arco-p-message-wrapper-top {
  top: 40px;
}
.arco-p-message-wrapper-bottom {
  bottom: 40px;
}
.arco-p-message {
  position: relative;
  display: inline-block;
  padding: 10px 16px 10px 16px;
  line-height: 1;
  border-radius: var(--border-radius-small);
  border: 1px solid var(--color-neutral-3);
  margin-bottom: 16px;
  background-color: var(--color-bg-popup);
  text-align: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  pointer-events: auto;
  transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-p-message-closable {
  padding-right: 38px;
}
.arco-p-message-icon {
  font-size: 20px;
  color: var(--color-text-1);
  margin-right: 8px;
  vertical-align: middle;
  display: inline-block;
  animation: arco-p-msg-fade 0.1s cubic-bezier(0, 0, 1, 1), arco-p-msg-fade 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.arco-p-message-content {
  vertical-align: middle;
  color: var(--color-text-1);
  font-size: 14px;
}
.arco-p-message-info {
  background-color: var(--color-bg-popup);
  border-color: var(--color-neutral-3);
}
.arco-p-message-info .arco-p-message-icon {
  color: rgb(var(--primary-6));
}
.arco-p-message-info .arco-p-message-content {
  color: var(--color-text-1);
}
.arco-p-message-success {
  background-color: var(--color-bg-popup);
  border-color: var(--color-neutral-3);
}
.arco-p-message-success .arco-p-message-icon {
  color: rgb(var(--success-6));
}
.arco-p-message-success .arco-p-message-content {
  color: var(--color-text-1);
}
.arco-p-message-warning {
  background-color: var(--color-bg-popup);
  border-color: var(--color-neutral-3);
}
.arco-p-message-warning .arco-p-message-icon {
  color: rgb(var(--warning-6));
}
.arco-p-message-warning .arco-p-message-content {
  color: var(--color-text-1);
}
.arco-p-message-error {
  background-color: var(--color-bg-popup);
  border-color: var(--color-neutral-3);
}
.arco-p-message-error .arco-p-message-icon {
  color: rgb(var(--danger-6));
}
.arco-p-message-error .arco-p-message-content {
  color: var(--color-text-1);
}
.arco-p-message-loading {
  background-color: var(--color-bg-popup);
  border-color: var(--color-neutral-3);
}
.arco-p-message-loading .arco-p-message-icon {
  color: rgb(var(--primary-6));
}
.arco-p-message-loading .arco-p-message-content {
  color: var(--color-text-1);
}
.arco-p-message-close-btn {
  position: absolute;
  top: 14px;
  right: 12px;
  color: var(--color-text-1);
  font-size: 12px;
}
.arco-p-message-close-btn > svg {
  position: relative;
}
.arco-p-message .arco-p-icon-hover.arco-p-message-icon-hover::before {
  width: 20px;
  height: 20px;
}
.fadeMessage-enter,
.fadeMessage-appear {
  opacity: 0;
}
.fadeMessage-enter-active,
.fadeMessage-appear-active {
  opacity: 1;
  transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
}
.fadeMessage-exit {
  opacity: 0;
  overflow: hidden;
}
.fadeMessage-exit-active {
  opacity: 0;
  height: 0;
  transition: all 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-p-message-rtl {
  direction: rtl;
}
.arco-p-message-rtl .arco-p-message-icon {
  margin-right: 0;
  margin-left: 8px;
}
@keyframes arco-p-msg-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes arco-p-msg-scale {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./src/pages/Registration/pc/index.pc.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container__ZeaGM {
  width: 100%;
  height: 100vh;
  background-color: #ffd800;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.container__ZeaGM .helpIcon__EQ4xg {
  cursor: pointer;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  top: 47px;
  right: 100px;
  position: absolute;
}
.container__ZeaGM .changeLn__q2gcz {
  border: 2.5px solid #1D2129;
  font-size: 12px;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
  line-height: 20px;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  top: 47px;
  right: 150px;
  position: absolute;
  cursor: pointer;
}
.container__ZeaGM .juniLogo__okf88 {
  width: 341px;
  height: 78px;
  flex-shrink: 0;
}
.container__ZeaGM .buttonGroup__wOrqk {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 214px;
  padding: 20px;
  box-sizing: border-box;
}
.container__ZeaGM .buttonGroup__wOrqk .createButton__Y6pc5 {
  width: 353px;
  height: 48px;
  box-sizing: border-box;
  background: #1d2129;
  border-radius: 12px;
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.57;
  border: none;
}
.container__ZeaGM .buttonGroup__wOrqk .createButton__Y6pc5:hover {
  background: #2b2f36;
}
.container__ZeaGM .buttonGroup__wOrqk .loginButton__rbR9a {
  width: 353px;
  height: 48px;
  background: #ffffff;
  border-radius: 12px;
  color: #1d2129;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.57;
}
.container__ZeaGM .buttonGroup__wOrqk .loginButton__rbR9a:hover {
  background: #f5f5f5;
}

.modelStyle__GxXAb {
  width: 679px;
  height: 763px;
  flex-shrink: 0;
  padding: 10px 20px 20px;
  border-radius: 16px;
  background: var(--White, #fff);
  /* M3/Elevation Light/5 */
  box-shadow: 0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.3);
}

.spin__FaGPj {
  z-index: 10000;
}

.languageBox__AEdeV {
  width: 160px;
  background-color: #fff;
  border-radius: 8px;
  top: 80px;
  right: 150px;
  position: absolute;
  font-weight: 590;
  padding: 5px 0;
  font-size: 14px;
  box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.1);
}

.languageList__Apd88 {
  border-radius: 8px;
  list-style: none;
}

.languageItem__mcGxz {
  padding: 15px 10px;
  align-items: center;
  cursor: pointer;
  transition: var(--transition);
  position: relative;
}

.languageItem__mcGxz.selected__qrBH4 {
  background-color: var(--color-fill-2);
}

.prompt__OW6DK .arco-p-modal-content {
  text-align: center;
}

.buttonContainer1__JjwWK {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 24px;
}
.buttonContainer1__JjwWK .arco-p-btn-primary {
  background-color: rgb(255, 216, 0) !important;
  color: black !important;
  font-weight: 700 !important;
  width: 300px;
  height: 40px;
  padding-top: 9px;
  padding-bottom: 9px;
  min-width: 140px;
  border-radius: 8px;
  padding-right: 16px;
  padding-left: 16px;
}
.buttonContainer1__JjwWK .arco-p-btn-secondary {
  width: 300px;
  min-width: 90px;
  height: 40px;
  padding-top: 9px;
  padding-bottom: 9px;
  border-radius: 8px;
  padding-right: 16px;
  padding-left: 16px;
  font-weight: 700 !important;
}

.noteTitle___2t5o {
  text-align: center;
  font-size: 16px;
  color: rgb(29, 33, 41);
}

.notText__BaWIQ {
  text-align: center;
  font-size: 14px;
  color: rgb(100, 119, 147);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./src/pages/Registration/pc/RegisterFlow/index.pc.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalContainer__yEcVP {
  width: 100%;
  height: 750px;
  border-radius: 16px;
  position: relative;
}
.modalContainer__yEcVP .backBtn__nEnG0 {
  width: 16px;
  cursor: pointer;
}
.modalContainer__yEcVP .title__H49Mz {
  color: var(--Text-Title, #1d2129);
  /* Title/Large */
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  /* 133.333% */
  margin-top: 12px;
  margin-bottom: 24px;
}
.modalContainer__yEcVP .textExplain__vi_Jf {
  color: var(--Text-Neutural-Subtitle, #647793);
  /* Discription/Regular */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
}
.modalContainer__yEcVP .button__esu5Q {
  width: 353px;
  height: 48px;
  position: absolute;
  bottom: 64px;
  left: 0;
  right: 0;
  margin: auto;
}

.modalContainer__yEcVP .buttonGroup__ImRUD {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  bottom: 63px;
}
.modalContainer__yEcVP .buttonGroup__ImRUD .buttonItem__K4wI0 {
  display: flex;
  width: 353px;
  height: 48px;
  padding: 5px 16px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.cardGroup__SoHHR {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.card__Uvfiy {
  display: flex;
  border: 1px solid #e5e6eb;
  align-items: center;
  padding: 12px;
  background: #fff;
  height: 110px;
  border-radius: 8px;
  border-width: 1px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  gap: 20px;
  cursor: pointer;
}

.selected__RPEs7 {
  border: 1px solid var(--Primary-Text, #d19f00);
  background: var(--Primary-Subtle, #fdffc1);
}

.icon__wv4iH {
  border-radius: 50%;
  flex-shrink: 0;
}

.cardContent__QAMl_ {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.cardTitle__VZgW5 {
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0%;
  vertical-align: middle;
}

.cardDesc__j6mCF {
  color: #86909c;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0%;
  vertical-align: middle;
}

.note__LKews {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: #86909c;
  width: 352px;
  height: 44px;
  margin: 16px auto;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./src/pages/Registration/pc/components/PhoneNumberInput/index.pc.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalContainer__OzJsP {
  width: 100%;
  height: 750px;
  border-radius: 16px;
  position: relative;
}
.modalContainer__OzJsP .backBtn__WUmM6 {
  width: 16px;
  cursor: pointer;
}
.modalContainer__OzJsP .title__LSrQG {
  color: var(--Text-Title, #1d2129);
  /* Title/Large */
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  /* 133.333% */
  margin-top: 12px;
  margin-bottom: 24px;
}
.modalContainer__OzJsP .textExplain__oE47H {
  color: var(--Text-Neutural-Subtitle, #647793);
  /* Discription/Regular */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
}
.modalContainer__OzJsP .button__KTwUP {
  width: 353px;
  height: 48px;
  position: absolute;
  bottom: 64px;
  left: 0;
  right: 0;
  margin: auto;
}

.modalContainer__OzJsP .textExplain__oE47H {
  margin-bottom: 24px;
}
.modalContainer__OzJsP .errorInfo__w2xfw {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 24px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./src/pages/Registration/pc/components/email-register-pc/index.pc.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalContainer__jAaYr {
  width: 100%;
  height: 750px;
  border-radius: 16px;
  position: relative;
}
.modalContainer__jAaYr .backBtn__rri2Q {
  width: 16px;
  cursor: pointer;
}
.modalContainer__jAaYr .title__DCUVc {
  color: var(--Text-Title, #1d2129);
  /* Title/Large */
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  /* 133.333% */
  margin-top: 12px;
  margin-bottom: 24px;
}
.modalContainer__jAaYr .textExplain__biZLf {
  color: var(--Text-Neutural-Subtitle, #647793);
  /* Discription/Regular */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
}
.modalContainer__jAaYr .button__XlIpp {
  width: 353px;
  height: 48px;
  position: absolute;
  bottom: 64px;
  left: 0;
  right: 0;
  margin: auto;
}

.modalContainer__jAaYr .errorInfo__cO41q {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  color: #E8604B;
}
.modalContainer__jAaYr .inputClass__ykBYn {
  display: flex;
  align-items: center;
  flex: 1 0 0;
  border-radius: 6px;
  background: var(--Surface-Subtle, #f6f7f9);
  height: 56px;
}
.modalContainer__jAaYr .textExplain__biZLf {
  margin-bottom: 24px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./src/pages/Registration/pc/components/SetupTag/index.pc.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalContainer__esHIY {
  width: 100%;
  height: 750px;
  border-radius: 16px;
  position: relative;
}
.modalContainer__esHIY .backBtn___OnkY {
  width: 16px;
  cursor: pointer;
}
.modalContainer__esHIY .title__unvvl {
  color: var(--Text-Title, #1d2129);
  /* Title/Large */
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  /* 133.333% */
  margin-top: 12px;
  margin-bottom: 24px;
}
.modalContainer__esHIY .textExplain__rJyVc {
  color: var(--Text-Neutural-Subtitle, #647793);
  /* Discription/Regular */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
}
.modalContainer__esHIY .button__TtQXh {
  width: 353px;
  height: 48px;
  position: absolute;
  bottom: 64px;
  left: 0;
  right: 0;
  margin: auto;
}

.modalContainer__esHIY .errorInfo__WQY10 {
  display: flex;
  align-items: center;
  margin-top: 8px;
  color: var(--State-Error, #e8604b);
  gap: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  /* 166.667% */
}
.modalContainer__esHIY .successText___xoHW {
  display: flex;
  align-items: center;
  color: var(--State-Deposit, #3cab4b);
  /* Label/Small/Regular */
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 166.667% */
}
.modalContainer__esHIY .inputClass__OnvtH {
  display: flex;
  align-items: center;
  flex: 1 0 0;
  border-radius: 6px;
  background: var(--Surface-Subtle, #f6f7f9);
  height: 56px;
}
.modalContainer__esHIY .textExplain__rJyVc {
  margin-bottom: 24px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].oneOf[1].use[2]!./node_modules/.pnpm/@arco-design+web-react@2.66.5_@types+react@18.3.24_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@arco-design/web-react/es/Trigger/style/index.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/******** borderSize *******/
/******** borderStyle *******/
/******** radius *******/
/******** shadow distance *******/
/******** size *******/
/******** spacing *******/
/******** shadow *******/
/******** opacity *******/
/******** fontSize *******/
/******** fontWeight ********/
/******** Primary *******/
/******** success *******/
/******** warning *******/
/******** danger *******/
/******** link *******/
/******** radius *******/
/********* icon hover *********/
.arco-p-trigger {
  position: absolute;
  z-index: 1000;
  backface-visibility: hidden;
}
.arco-p-trigger-arrow {
  background-color: var(--color-bg-5);
  content: '';
  height: 8px;
  width: 8px;
  position: absolute;
  display: block;
  box-sizing: border-box;
  transform: rotate(45deg);
  transform-origin: 50% 50% 0;
  z-index: -1;
}
.arco-p-trigger[trigger-placement='top'] > .arco-p-trigger-arrow-container .arco-p-trigger-arrow,
.arco-p-trigger[trigger-placement='tl'] > .arco-p-trigger-arrow-container .arco-p-trigger-arrow,
.arco-p-trigger[trigger-placement='tr'] > .arco-p-trigger-arrow-container .arco-p-trigger-arrow {
  bottom: -4px;
  margin-left: -4px;
  border-top: none;
  border-left: none;
  border-bottom-right-radius: 2px;
}
.arco-p-trigger[trigger-placement='bottom'] > .arco-p-trigger-arrow-container .arco-p-trigger-arrow,
.arco-p-trigger[trigger-placement='bl'] > .arco-p-trigger-arrow-container .arco-p-trigger-arrow,
.arco-p-trigger[trigger-placement='br'] > .arco-p-trigger-arrow-container .arco-p-trigger-arrow {
  top: -4px;
  margin-left: -4px;
  border-bottom: none;
  border-right: none;
  border-top-left-radius: 2px;
}
.arco-p-trigger[trigger-placement='left'] > .arco-p-trigger-arrow-container .arco-p-trigger-arrow,
.arco-p-trigger[trigger-placement='lt'] > .arco-p-trigger-arrow-container .arco-p-trigger-arrow,
.arco-p-trigger[trigger-placement='lb'] > .arco-p-trigger-arrow-container .arco-p-trigger-arrow {
  right: -4px;
  margin-top: -4px;
  border-left: none;
  border-bottom: none;
  border-top-right-radius: 2px;
}
.arco-p-trigger[trigger-placement='right'] > .arco-p-trigger-arrow-container .arco-p-trigger-arrow,
.arco-p-trigger[trigger-placement='rt'] > .arco-p-trigger-arrow-container .arco-p-trigger-arrow,
.arco-p-trigger[trigger-placement='rb'] > .arco-p-trigger-arrow-container .arco-p-trigger-arrow {
  left: -4px;
  margin-top: -4px;
  border-top: none;
  border-right: none;
  border-bottom-left-radius: 2px;
}
.arco-p-trigger-rtl {
  direction: rtl;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].oneOf[1].use[2]!./node_modules/.pnpm/@arco-design+web-react@2.66.5_@types+react@18.3.24_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@arco-design/web-react/es/Tooltip/style/index.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/******** borderSize *******/
/******** borderStyle *******/
/******** radius *******/
/******** shadow distance *******/
/******** size *******/
/******** spacing *******/
/******** shadow *******/
/******** opacity *******/
/******** fontSize *******/
/******** fontWeight ********/
/******** Primary *******/
/******** success *******/
/******** warning *******/
/******** danger *******/
/******** link *******/
/******** radius *******/
/********* icon hover *********/
.arco-p-tooltip-content {
  padding: 8px 12px;
  background-color: var(--color-tooltip-bg);
  font-size: 14px;
  border-radius: var(--border-radius-small);
  color: #fff;
  line-height: 1.5715;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.arco-p-tooltip-content-inner {
  word-wrap: break-word;
  text-align: start;
}
.arco-p-tooltip-mini {
  font-size: 14px;
  padding: 4px 12px;
}
.arco-p-trigger-arrow.arco-p-tooltip-arrow {
  background-color: var(--color-tooltip-bg);
}
body[arco-theme='dark'] .arco-p-tooltip-content {
  border: 1px solid var(--color-neutral-3);
}
body[arco-theme='dark'] .arco-p-tooltip .arco-p-trigger-arrow.arco-p-tooltip-arrow {
  z-index: 1;
}
body[arco-theme='dark'] .arco-p-trigger[trigger-placement='top'] .arco-p-trigger-arrow.arco-p-tooltip-arrow,
body[arco-theme='dark'] .arco-p-trigger[trigger-placement='tl'] .arco-p-trigger-arrow.arco-p-tooltip-arrow,
body[arco-theme='dark'] .arco-p-trigger[trigger-placement='tr'] .arco-p-trigger-arrow.arco-p-tooltip-arrow {
  border-bottom: 1px solid var(--color-neutral-3);
  border-right: 1px solid var(--color-neutral-3);
}
body[arco-theme='dark'] .arco-p-trigger[trigger-placement='bottom'] .arco-p-trigger-arrow.arco-p-tooltip-arrow,
body[arco-theme='dark'] .arco-p-trigger[trigger-placement='bl'] .arco-p-trigger-arrow.arco-p-tooltip-arrow,
body[arco-theme='dark'] .arco-p-trigger[trigger-placement='br'] .arco-p-trigger-arrow.arco-p-tooltip-arrow {
  border-top: 1px solid var(--color-neutral-3);
  border-left: 1px solid var(--color-neutral-3);
}
body[arco-theme='dark'] .arco-p-trigger[trigger-placement='left'] .arco-p-trigger-arrow.arco-p-tooltip-arrow,
body[arco-theme='dark'] .arco-p-trigger[trigger-placement='lt'] .arco-p-trigger-arrow.arco-p-tooltip-arrow,
body[arco-theme='dark'] .arco-p-trigger[trigger-placement='lb'] .arco-p-trigger-arrow.arco-p-tooltip-arrow {
  border-top: 1px solid var(--color-neutral-3);
  border-right: 1px solid var(--color-neutral-3);
}
body[arco-theme='dark'] .arco-p-trigger[trigger-placement='right'] .arco-p-trigger-arrow.arco-p-tooltip-arrow,
body[arco-theme='dark'] .arco-p-trigger[trigger-placement='rt'] .arco-p-trigger-arrow.arco-p-tooltip-arrow,
body[arco-theme='dark'] .arco-p-trigger[trigger-placement='rb'] .arco-p-trigger-arrow.arco-p-tooltip-arrow {
  border-left: 1px solid var(--color-neutral-3);
  border-bottom: 1px solid var(--color-neutral-3);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].oneOf[1].use[2]!./node_modules/.pnpm/@arco-design+web-react@2.66.5_@types+react@18.3.24_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@arco-design/web-react/es/Popover/style/index.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/******** borderSize *******/
/******** borderStyle *******/
/******** radius *******/
/******** shadow distance *******/
/******** size *******/
/******** spacing *******/
/******** shadow *******/
/******** opacity *******/
/******** fontSize *******/
/******** fontWeight ********/
/******** Primary *******/
/******** success *******/
/******** warning *******/
/******** danger *******/
/******** link *******/
/******** radius *******/
/********* icon hover *********/
.arco-p-popover-content {
  padding: 12px 16px;
}
.arco-p-popover-title {
  font-size: 16px;
  color: var(--color-text-1);
  font-weight: 500;
}
.arco-p-popover-title + .arco-p-popover-inner-content {
  margin-top: 4px;
}
.arco-p-popover-content,
.arco-p-popconfirm-content {
  color: var(--color-text-2);
  background-color: var(--color-bg-popup);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  max-width: none;
  width: 100%;
  font-size: 14px;
  border-radius: var(--border-radius-medium);
  line-height: 1.5715;
  box-sizing: border-box;
  border: 1px solid var(--color-neutral-3);
}
.arco-p-popover-content-inner,
.arco-p-popconfirm-content-inner {
  word-wrap: break-word;
  text-align: left;
}
.arco-p-popover-arrow.arco-p-trigger-arrow,
.arco-p-popconfirm-arrow.arco-p-trigger-arrow {
  background-color: var(--color-bg-popup);
  border: 1px solid var(--color-neutral-3);
  z-index: 1;
}
.arco-p-popover-inner-rtl {
  direction: rtl;
  text-align: right;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].oneOf[1].use[2]!./node_modules/.pnpm/@arco-design+web-react@2.66.5_@types+react@18.3.24_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@arco-design/web-react/es/Typography/style/index.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/******** borderSize *******/
/******** borderStyle *******/
/******** radius *******/
/******** shadow distance *******/
/******** size *******/
/******** spacing *******/
/******** shadow *******/
/******** opacity *******/
/******** fontSize *******/
/******** fontWeight ********/
/******** Primary *******/
/******** success *******/
/******** warning *******/
/******** danger *******/
/******** link *******/
/******** radius *******/
/********* icon hover *********/
/******** 基础配置项 end *******/
/******** 基础配置项 end *******/
/******** 高级配置项 *******/
/******** 高级配置项 end *******/
.arco-p-typography {
  color: var(--color-text-1);
  line-height: 1.5715;
  word-break: break-all;
  white-space: normal;
}
h1.arco-p-typography,
.arco-p-typography-h1,
h2.arco-p-typography,
.arco-p-typography-h2,
h3.arco-p-typography,
.arco-p-typography-h3,
h4.arco-p-typography,
.arco-p-typography-h4,
h5.arco-p-typography,
.arco-p-typography-h5,
h6.arco-p-typography,
.arco-p-typography-h6 {
  font-weight: 500;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
h1.arco-p-typography,
.arco-p-typography-h1 {
  font-size: 36px;
  line-height: 1.23;
}
h2.arco-p-typography,
.arco-p-typography-h2 {
  font-size: 32px;
  line-height: 1.25;
}
h3.arco-p-typography,
.arco-p-typography-h3 {
  font-size: 28px;
  line-height: 1.29;
}
h4.arco-p-typography,
.arco-p-typography-h4 {
  font-size: 24px;
  line-height: 1.33;
}
h5.arco-p-typography,
.arco-p-typography-h5 {
  font-size: 20px;
  line-height: 1.4;
}
h6.arco-p-typography,
.arco-p-typography-h6 {
  font-size: 16px;
  line-height: 1.5;
}
div.arco-p-typography,
p.arco-p-typography {
  margin-top: 0;
  margin-bottom: 1em;
}
.arco-p-typography-simple-ellipsis {
  display: flex;
  align-items: flex-end;
  white-space: nowrap;
}
.arco-p-typography-primary {
  color: rgb(var(--primary-6));
}
.arco-p-typography-secondary {
  color: var(--color-text-2);
}
.arco-p-typography-success {
  color: rgb(var(--success-6));
}
.arco-p-typography-warning {
  color: rgb(var(--warning-6));
}
.arco-p-typography-error {
  color: rgb(var(--danger-6));
}
.arco-p-typography-disabled {
  color: var(--color-text-4);
  cursor: not-allowed;
}
.arco-p-typography mark {
  background-color: rgb(var(--yellow-4));
}
.arco-p-typography u {
  text-decoration: underline;
}
.arco-p-typography del {
  text-decoration: line-through;
}
.arco-p-typography b {
  font-weight: 500;
}
.arco-p-typography code {
  font-size: 85%;
  color: var(--color-text-2);
  border: 1px solid var(--color-neutral-3);
  background-color: var(--color-neutral-2);
  padding: 2px 8px;
  margin: 0 2px;
  border-radius: 2px;
}
.arco-p-typography blockquote {
  margin: 0;
  margin-bottom: 1em;
  border-left: 2px solid var(--color-neutral-6);
  background-color: var(--color-bg-2);
  padding-left: 8px;
}
.arco-p-typography ol,
.arco-p-typography ul {
  padding: 0;
  margin: 0;
}
.arco-p-typography ul li,
.arco-p-typography ol li {
  margin-left: 20px;
}
.arco-p-typography ul {
  list-style: circle;
}
.arco-p-typography-spacing-close {
  line-height: 1.3;
}
.arco-p-typography-operation-copy,
.arco-p-typography-operation-copied {
  padding: 2px;
  margin-left: 2px;
}
.arco-p-typography-operation-copy {
  cursor: pointer;
  color: var(--color-text-2);
  background-color: transparent;
  border-radius: 2px;
  transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-p-typography-operation-copy:hover {
  color: var(--color-text-2);
  background-color: var(--color-fill-2);
}
.arco-p-typography-operation-copy:focus-visible {
  box-shadow: 0 0 0 2px var(--color-primary-light-3);
}
.arco-p-typography-operation-copied {
  color: rgb(var(--success-6));
}
.arco-p-typography-operation-edit {
  padding: 2px;
  margin-left: 2px;
  cursor: pointer;
  color: var(--color-text-2);
  background-color: transparent;
  border-radius: 2px;
  transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
}
.arco-p-typography-operation-edit:hover {
  color: var(--color-text-2);
  background-color: var(--color-fill-2);
}
.arco-p-typography-operation-edit:focus-visible {
  box-shadow: 0 0 0 2px var(--color-primary-light-3);
}
.arco-p-typography-operation-expand {
  color: rgb(var(--primary-6));
  margin: 0 4px;
  cursor: pointer;
}
.arco-p-typography-operation-expand:hover {
  color: rgb(var(--primary-5));
}
.arco-p-typography-operation-expand:focus-visible {
  box-shadow: 0 0 0 2px var(--color-primary-light-3);
  border-radius: var(--border-radius-small);
}
.arco-p-typography-edit-content {
  position: relative;
  left: -13px;
  margin-right: -13px;
  margin-top: -5px;
  margin-bottom: calc(1em - 4px - 1px);
}
.arco-p-typography-edit-content-textarea {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}
.arco-p-typography-rtl {
  direction: rtl;
}
.arco-p-typography-rtl blockquote {
  border-right: 2px solid var(--color-neutral-6);
  padding-right: 8px;
  padding-left: 0;
}
.arco-p-typography-rtl ul li,
.arco-p-typography-rtl ol li {
  margin-left: 0;
  margin-right: 20px;
}
.arco-p-typography-rtl .arco-p-typography-operation-copy,
.arco-p-typography-rtl .arco-p-typography-operation-copied,
.arco-p-typography-rtl .arco-p-typography-operation-edit {
  margin-right: 2px;
  margin-left: 0;
}
.arco-p-typography-rtl .arco-p-typography-edit-content {
  left: initial;
  right: -13px;
  margin-left: -13px;
  margin-right: 0;
}
.arco-p-ellipsis {
  display: flex;
  position: relative;
  /* stylelint-disable */
  /* stylelint-enable */
}
.arco-p-ellipsis-content.arco-p-ellipsis-multiple::before {
  content: ' ';
  float: right;
  height: 100%;
  margin-bottom: -21px;
}
.arco-p-ellipsis-content .arco-p-ellipsis-action {
  display: inline-block;
}
.arco-p-ellipsis-content .arco-p-ellipsis-action-collapsed {
  float: right;
  clear: both;
}
.arco-p-ellipsis-content .arco-p-ellipsis-action-text {
  color: rgb(var(--primary-6));
  margin: 0 4px;
  cursor: pointer;
}
.arco-p-ellipsis-content .arco-p-ellipsis-action-text:hover {
  color: rgb(var(--primary-5));
}
.arco-p-ellipsis-single {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.arco-p-ellipsis-multiple {
  display: block;
  word-break: break-all;
}
.arco-p-ellipsis-collapsed {
  display: -webkit-box;
  display: -moz-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
}
.arco-p-ellipsis-content-mirror {
  position: absolute;
  width: 100%;
  visibility: hidden;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./src/pages/Registration/pc/components/setPassWord/index.pc.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalContainer__RzkSg {
  width: 100%;
  height: 750px;
  border-radius: 16px;
  position: relative;
}
.modalContainer__RzkSg .backBtn__qiXcf {
  width: 16px;
  cursor: pointer;
}
.modalContainer__RzkSg .title__zLT03 {
  color: var(--Text-Title, #1d2129);
  /* Title/Large */
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  /* 133.333% */
  margin-top: 12px;
  margin-bottom: 24px;
}
.modalContainer__RzkSg .textExplain__MkkzG {
  color: var(--Text-Neutural-Subtitle, #647793);
  /* Discription/Regular */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
}
.modalContainer__RzkSg .button__ZSGSf {
  width: 353px;
  height: 48px;
  position: absolute;
  bottom: 64px;
  left: 0;
  right: 0;
  margin: auto;
}

.modalContainer__RzkSg .inputContainer__DCvVN {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}
.modalContainer__RzkSg .inputContainer__DCvVN .passwordInput__sdp9v {
  width: 100%;
  display: flex;
  height: 56px;
  align-items: center;
  align-self: stretch;
  border-radius: 6px;
  background: var(--Surface-Subtle, #f6f7f9);
  margin-top: 16px;
  border: none;
}
.modalContainer__RzkSg .validationContainer__bIXSZ {
  width: 100%;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.modalContainer__RzkSg .validationContainer__bIXSZ .validationItem__drMLg {
  display: flex;
  align-items: center;
  gap: 8px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./src/pages/Registration/pc/components/VerifyCode/index.pc.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalContainer__GNNHS {
  width: 100%;
  height: 750px;
  border-radius: 16px;
  position: relative;
}
.modalContainer__GNNHS .backBtn__bN2Io {
  width: 16px;
  cursor: pointer;
}
.modalContainer__GNNHS .title__epG6Z {
  color: var(--Text-Title, #1d2129);
  /* Title/Large */
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  /* 133.333% */
  margin-top: 12px;
  margin-bottom: 24px;
}
.modalContainer__GNNHS .textExplain__cNyqd {
  color: var(--Text-Neutural-Subtitle, #647793);
  /* Discription/Regular */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
}
.modalContainer__GNNHS .button__OmYYz {
  width: 353px;
  height: 48px;
  position: absolute;
  bottom: 64px;
  left: 0;
  right: 0;
  margin: auto;
}

.inputWrapper__TIaea {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  margin: 24px 0;
}
.inputWrapper__TIaea .inputStyle__Qv9v_ {
  display: flex;
  width: 47px !important;
  height: 65px !important;
  padding: 24px 0px 22px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  background: #f5f6f7;
  text-align: center;
}

.commonText__JV_La {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  /* 157.143% */
}

.sendCode__dOMpG {
  color: var(--Yellow-600, #d19f00);
  cursor: pointer;
}

.countDown__fbwru {
  color: var(--Text-Tertiary, #afbaca);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./src/pages/Registration/pc/LoginFlow/index.pc.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalContainer__iwWzr {
  width: 100%;
  height: 750px;
  border-radius: 16px;
  position: relative;
}
.modalContainer__iwWzr .backBtn__XTBxr {
  width: 16px;
  cursor: pointer;
}
.modalContainer__iwWzr .title__CHLfq {
  color: var(--Text-Title, #1d2129);
  /* Title/Large */
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  /* 133.333% */
  margin-top: 12px;
  margin-bottom: 24px;
}
.modalContainer__iwWzr .textExplain__ieC26 {
  color: var(--Text-Neutural-Subtitle, #647793);
  /* Discription/Regular */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
}
.modalContainer__iwWzr .button__ih3yj {
  width: 353px;
  height: 48px;
  position: absolute;
  bottom: 64px;
  left: 0;
  right: 0;
  margin: auto;
}

.modalContainer__iwWzr .cardGroup__hW2U6 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
}
.modalContainer__iwWzr .cardGroup__hW2U6 .card__IzljD {
  display: flex;
  height: 110px;
  padding: 10px 20px;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid var(--Border-Default, #eceef2);
  cursor: pointer;
}
.modalContainer__iwWzr .cardGroup__hW2U6 .card__IzljD .icon__cZ_ur {
  flex-shrink: 0;
}
.modalContainer__iwWzr .cardGroup__hW2U6 .card__IzljD .cardTitle__YcRUg {
  color: var(--Text-Title, #1d2129);
  /* Button */
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  /* 157.143% */
}
.modalContainer__iwWzr .cardGroup__hW2U6 .selected__Zf6do {
  border: 1px solid var(--Primary-Text, #d19f00);
  background: var(--Primary-Subtle, #fdffc1);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./src/pages/Registration/pc/components/VerifyPassWordByPhone/index.pc.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalContainer__R58FA {
  width: 100%;
  height: 750px;
  border-radius: 16px;
  position: relative;
}
.modalContainer__R58FA .backBtn__NqRHR {
  width: 16px;
  cursor: pointer;
}
.modalContainer__R58FA .title__Onbdc {
  color: var(--Text-Title, #1d2129);
  /* Title/Large */
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  /* 133.333% */
  margin-top: 12px;
  margin-bottom: 24px;
}
.modalContainer__R58FA .textExplain__x8Vwm {
  color: var(--Text-Neutural-Subtitle, #647793);
  /* Discription/Regular */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
}
.modalContainer__R58FA .button__meN6K {
  width: 353px;
  height: 48px;
  position: absolute;
  bottom: 64px;
  left: 0;
  right: 0;
  margin: auto;
}

.modalContainer__R58FA .forgetBtn__Mo0Ti {
  color: var(--Primary-Text, #d19f00);
  width: fit-content;
  /* Button */
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 157.143% */
  cursor: pointer;
  margin-top: 24px;
}
.modalContainer__R58FA .errorInfo__zO3Gj {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 24px;
  color: var(--State-Error, #e8604b);
}
.modalContainer__R58FA .passwordInput__gGwQg {
  display: flex;
  height: 56px;
  padding: 7px 16px;
  align-items: center;
  align-self: stretch;
  border-radius: 6px;
  background: var(--Surface-Subtle, #f6f7f9);
  margin-top: 16px;
  border: none;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./src/pages/Registration/pc/components/VerifyPassWordByEmail/index.pc.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalContainer__R_EIV {
  width: 100%;
  height: 750px;
  border-radius: 16px;
  position: relative;
}
.modalContainer__R_EIV .backBtn__l3Ymg {
  width: 16px;
  cursor: pointer;
}
.modalContainer__R_EIV .title__lBYMX {
  color: var(--Text-Title, #1d2129);
  /* Title/Large */
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  /* 133.333% */
  margin-top: 12px;
  margin-bottom: 24px;
}
.modalContainer__R_EIV .textExplain__mEixE {
  color: var(--Text-Neutural-Subtitle, #647793);
  /* Discription/Regular */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
}
.modalContainer__R_EIV .button__Ws3VZ {
  width: 353px;
  height: 48px;
  position: absolute;
  bottom: 64px;
  left: 0;
  right: 0;
  margin: auto;
}

.modalContainer__R_EIV .emailClass__ga__7 {
  display: flex;
  align-items: center;
  height: 56px;
  flex: 1 0 0;
  border-radius: 6px;
  background: var(--Surface-Subtle, #f6f7f9);
}
.modalContainer__R_EIV .forgetBtn__roM5X {
  color: var(--Primary-Text, #d19f00);
  width: fit-content;
  /* Button */
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 157.143% */
  cursor: pointer;
  margin-top: 24px;
}
.modalContainer__R_EIV .errorInfo__OJqBO {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 24px;
  color: var(--State-Error, #e8604b);
}
.modalContainer__R_EIV .passwordInput__Ph7X4 {
  display: flex;
  height: 56px;
  align-items: center;
  align-self: stretch;
  border-radius: 6px;
  background: var(--Surface-Subtle, #f6f7f9);
  margin-top: 16px;
  border: none;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./src/components/helpModel/pc/HelpModal.pc.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.helpModal__kW_95 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.title__ylkfp {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}

.label__GsJU0 {
  text-align: left;
  font-size: 12px;
  color: #23262F;
  font-weight: 500;
  margin-bottom: 6px;
}

.input__lexuh {
  border-radius: 8px;
  background: #F7F8FA;
  height: 56px;
  font-size: 14px;
  margin-bottom: 2px;
}

.textarea__gdAc_ {
  border-radius: 8px;
  background: #F7F8FA;
  min-height: 56px;
  font-size: 14px;
  margin-bottom: 24px;
}

.tip__fbVFT {
  margin-bottom: 12px;
}

.error__vPyol {
  text-align: left;
  color: rgb(100, 119, 147);
  font-size: 12px;
  margin-top: 8px;
  text-align: left;
}

.buttonContainer__tEJtD {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.buttonContainer__tEJtD .cancelButton__xXENS {
  background-color: #ECEEF2;
}
.buttonContainer__tEJtD .okButton__l_h7j .arco-p-btn-primary {
  width: 300px;
}
.buttonContainer__tEJtD .arco-p-btn-primary {
  background-color: rgb(255, 216, 0) !important;
  color: black !important;
  font-weight: 700 !important;
  width: 155px;
  height: 40px;
  padding-top: 9px;
  padding-bottom: 9px;
  min-width: 140px;
  border-radius: 8px;
  padding-right: 16px;
  padding-left: 16px;
}
.buttonContainer__tEJtD .arco-p-btn-secondary {
  width: 155px;
  min-width: 90px;
  height: 40px;
  padding-top: 9px;
  padding-bottom: 9px;
  border-radius: 8px;
  padding-right: 16px;
  padding-left: 16px;
  font-weight: 700 !important;
}
/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./src/index.css ***!
  \**********************************************************************************************************************/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
main,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
  font-family: "Inter Variable","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Open Sans","Helvetica Neue",sans-serif;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: #fff;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.grid-col-4 {
  display: grid;
  grid-template-columns: repeat(4,1fr);
}
.grid-col-3 {
  display: grid;
  grid-template-columns: repeat(3,1fr);
}
.col-span-2 {
  grid-column: span 2;
}
#root {
  height: calc(100vh - env(safe-area-inset-top, 0px));
  padding-top: env(safe-area-inset-top, 0px);
  background-color: #fff;
}

/* 移动端全局隐藏滚动条但保持滚动功能 */
@media (max-width: 768px) {
  /* 隐藏所有滚动条但保持滚动功能 */
  * {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
  }

  /* 隐藏 Webkit 浏览器的滚动条 */
  *::-webkit-scrollbar {
    display: none;
  }
}

.arco-m-toast {
  top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
}

/*!*****************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./src/styles/flags.css ***!
  \*****************************************************************************************************************************/

  .flag {
    width: 24px;
    height: 20px;
    background-image: url(/assets/images/flags.0e0e67b26612b209383c.png);
    background-repeat: no-repeat;
    transform:translateY(-2px);
    flex-shrink: 0;
  }
  .ad { background-position: -48px -24px; }
  .ae { background-position: -72px -24px; }
  .af { background-position: -96px -24px; }
  .ag { background-position: -120px -24px; }
  .ai { background-position: -144px -24px; }
  .al { background-position: -168px -24px; }
  .am { background-position: -192px -24px; }
  .an { background-position: -216px -24px; }
  .ao { background-position: -240px -24px; }
  .aq { background-position: -264px -24px; }
  .ar { background-position: -288px -24px; }
  .as { background-position: -312px -24px; }
  .at { background-position: -336px -24px; }
  .au { background-position: -360px -24px; }
  .aw { background-position: -384px -24px; }
  .ax { background-position: -0px -48px; }
  .az { background-position: -24px -48px; }
  .ba { background-position: -48px -48px; }
  .bb { background-position: -72px -48px; }
  .bd { background-position: -96px -48px; }
  .be { background-position: -120px -48px; }
  .bf { background-position: -144px -48px; }
  .bg { background-position: -168px -48px; }
  .bh { background-position: -192px -48px; }
  .bi { background-position: -216px -48px; }
  .bj { background-position: -240px -48px; }
  .bl { background-position: -264px -48px; }
  .bm { background-position: -288px -48px; }
  .bn { background-position: -312px -48px; }
  .bo { background-position: -336px -48px; }
  .br { background-position: -360px -48px; }
  .bs { background-position: -384px -48px; }
  .bt { background-position: -0px -72px; }
  .bw { background-position: -24px -72px; }
  .by { background-position: -48px -72px; }
  .bz { background-position: -72px -72px; }
  .ca { background-position: -96px -72px; }
  .cc { background-position: -120px -72px; }
  .cd { background-position: -144px -72px; }
  .cf { background-position: -168px -72px; }
  .cg { background-position: -192px -72px; }
  .ch { background-position: -216px -72px; }
  .ci { background-position: -240px -72px; }
  .ck { background-position: -264px -72px; }
  .cl { background-position: -288px -72px; }
  .cm { background-position: -312px -72px; }
  .cn { background-position: -336px -72px; }
  .co { background-position: -360px -72px; }
  .cr { background-position: -384px -72px; }
  .cu { background-position: -0px -96px; }
  .cv { background-position: -24px -96px; }
  .cw { background-position: -48px -96px; }
  .cx { background-position: -72px -96px; }
  .cy { background-position: -96px -96px; }
  .cz { background-position: -120px -96px; }
  .de { background-position: -144px -96px; }
  .dj { background-position: -168px -96px; }
  .dk { background-position: -192px -96px; }
  .dm { background-position: -216px -96px; }
  .do { background-position: -240px -96px; }
  .dz { background-position: -264px -96px; }
  .ec { background-position: -288px -96px; }
  .ee { background-position: -312px -96px; }
  .eg { background-position: -336px -96px; }
  .eh { background-position: -360px -96px; }
  .er { background-position: -384px -96px; }
  .es { background-position: -0px -120px; }
  .et { background-position: -24px -120px; }
  .eu { background-position: -48px -120px; }
  .fi { background-position: -72px -120px; }
  .fj { background-position: -96px -120px; }
  .fk { background-position: -120px -120px; }
  .fm { background-position: -144px -120px; }
  .fo { background-position: -168px -120px; }
  .fr { background-position: -192px -120px; }
  .ga { background-position: -216px -120px; }
  .gb { background-position: -240px -120px; }
  .gd { background-position: -264px -120px; }
  .ge { background-position: -288px -120px; }
  .gg { background-position: -312px -120px; }
  .gh { background-position: -336px -120px; }
  .gi { background-position: -360px -120px; }
  .gl { background-position: -384px -120px; }
  .gm { background-position: -0px -144px; }
  .gn { background-position: -24px -144px; }
  .gq { background-position: -48px -144px; }
  .gr { background-position: -72px -144px; }
  .gs { background-position: -96px -144px; }
  .gt { background-position: -120px -144px; }
  .gu { background-position: -144px -144px; }
  .gw { background-position: -168px -144px; }
  .gy { background-position: -192px -144px; }
  .hk { background-position: -216px -144px; }
  .hn { background-position: -240px -144px; }
  .hr { background-position: -264px -144px; }
  .ht { background-position: -288px -144px; }
  .hu { background-position: -312px -144px; }
  .ic { background-position: -336px -144px; }
  .id { background-position: -360px -144px; }
  .ie { background-position: -384px -144px; }
  .il { background-position: -0px -168px; }
  .im { background-position: -24px -168px; }
  .in { background-position: -48px -168px; }
  .iq { background-position: -72px -168px; }
  .ir { background-position: -96px -168px; }
  .is { background-position: -120px -168px; }
  .it { background-position: -144px -168px; }
  .je { background-position: -168px -168px; }
  .jm { background-position: -192px -168px; }
  .jo { background-position: -216px -168px; }
  .jp { background-position: -240px -168px; }
  .ke { background-position: -264px -168px; }
  .kg { background-position: -288px -168px; }
  .kh { background-position: -312px -168px; }
  .ki { background-position: -336px -168px; }
  .xk { background-position: -144px 0px; }
  .km { background-position: -360px -168px; }
  .kn { background-position: -384px -168px; }
  .kp { background-position: -0px -192px; }
  .kr { background-position: -24px -192px; }
  .kw { background-position: -48px -192px; }
  .ky { background-position: -72px -192px; }
  .kz { background-position: -96px -192px; }
  .la { background-position: -120px -192px; }
  .lb { background-position: -144px -192px; }
  .lc { background-position: -168px -192px; }
  .li { background-position: -192px -192px; }
  .lk { background-position: -216px -192px; }
  .lr { background-position: -240px -192px; }
  .ls { background-position: -264px -192px; }
  .lt { background-position: -288px -192px; }
  .lu { background-position: -312px -192px; }
  .lv { background-position: -336px -192px; }
  .ly { background-position: -360px -192px; }
  .ma { background-position: -384px -192px; }
  .mc { background-position: -0px -216px; }
  .md { background-position: -24px -216px; }
  .me { background-position: -48px -216px; }
  .mf { background-position: -72px -216px; }
  .mg { background-position: -96px -216px; }
  .mh { background-position: -120px -216px; }
  .mk { background-position: -144px -216px; }
  .ml { background-position: -168px -216px; }
  .mm { background-position: -192px -216px; }
  .mn { background-position: -216px -216px; }
  .mo { background-position: -240px -216px; }
  .mp { background-position: -264px -216px; }
  .mq { background-position: -288px -216px; }
  .mr { background-position: -312px -216px; }
  .ms { background-position: -336px -216px; }
  .mt { background-position: -360px -216px; }
  .mu { background-position: -384px -216px; }
  .mv { background-position: -0px -240px; }
  .mw { background-position: -24px -240px; }
  .mx { background-position: -48px -240px; }
  .my { background-position: -72px -240px; }
  .mz { background-position: -96px -240px; }
  .na { background-position: -120px -240px; }
  .nc { background-position: -144px -240px; }
  .ne { background-position: -168px -240px; }
  .nf { background-position: -192px -240px; }
  .ng { background-position: -216px -240px; }
  .ni { background-position: -240px -240px; }
  .nl { background-position: -264px -240px; }
  .no { background-position: -288px -240px; }
  .np { background-position: -312px -240px; }
  .nr { background-position: -336px -240px; }
  .nu { background-position: -360px -240px; }
  .nz { background-position: -384px -240px; }
  .om { background-position: -0px -264px; }
  .pa { background-position: -24px -264px; }
  .pe { background-position: -48px -264px; }
  .pf { background-position: -72px -264px; }
  .pg { background-position: -96px -264px; }
  .ph { background-position: -120px -264px; }
  .pk { background-position: -192px -264px; }
  .pl { background-position: -216px -264px; }
  .pn { background-position: -240px -264px; }
  .pr { background-position: -264px -264px; }
  .ps { background-position: -288px -264px; }
  .pt { background-position: -312px -264px; }
  .pw { background-position: -336px -264px; }
  .py { background-position: -360px -264px; }
  .qa { background-position: -384px -264px; }
  .ro { background-position: -0px -288px; }
  .rs { background-position: -24px -288px; }
  .ru { background-position: -48px -288px; }
  .rw { background-position: -72px -288px; }
  .sa { background-position: -96px -288px; }
  .sb { background-position: -120px -288px; }
  .sc { background-position: -144px -288px; }
  .sd { background-position: -168px -288px; }
  .se { background-position: -192px -288px; }
  .sg { background-position: -216px -288px; }
  .sh { background-position: -240px -288px; }
  .si { background-position: -264px -288px; }
  .sk { background-position: -288px -288px; }
  .sl { background-position: -312px -288px; }
  .sm { background-position: -336px -288px; }
  .sn { background-position: -360px -288px; }
  .so { background-position: -384px -288px; }
  .sr { background-position: -0px -312px; }
  .ss { background-position: -24px -312px; }
  .st { background-position: -48px -312px; }
  .sv { background-position: -72px -312px; }
  .sy { background-position: -96px -312px; }
  .sz { background-position: -120px -312px; }
  .tc { background-position: -144px -312px; }
  .td { background-position: -168px -312px; }
  .tf { background-position: -192px -312px; }
  .tg { background-position: -216px -312px; }
  .th { background-position: -240px -312px; }
  .tj { background-position: -264px -312px; }
  .tk { background-position: -288px -312px; }
  .tl { background-position: -312px -312px; }
  .tm { background-position: -336px -312px; }
  .tn { background-position: -360px -312px; }
  .to { background-position: -384px -312px; }
  .tr { background-position: -0px -336px; }
  .tt { background-position: -24px -336px; }
  .tv { background-position: -48px -336px; }
  .tw { background-position: -72px -336px; }
  .tz { background-position: -96px -336px; }
  .ua { background-position: -120px -336px; }
  .ug { background-position: -144px -336px; }
  .us { background-position: -168px -336px; }
  .uy { background-position: -192px -336px; }
  .uz { background-position: -216px -336px; }
  .va { background-position: -240px -336px; }
  .vc { background-position: -264px -336px; }
  .ve { background-position: -288px -336px; }
  .vg { background-position: -312px -336px; }
  .vi { background-position: -336px -336px; }
  .vn { background-position: -360px -336px; }
  .vu { background-position: -384px -336px; }
  .wf { background-position: -0px -360px; }
  .ws { background-position: -24px -360px; }
  .ye { background-position: -48px -360px; }
  .za { background-position: -96px -360px; }
  .zm { background-position: -120px -360px; }
  .zw { background-position: -144px -360px; }

/*!************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./src/styles/theme/tokens.css ***!
  \************************************************************************************************************************************/
/*
  Design Tokens (Light Theme)
  - Cross PC/H5 CSS variables
  - Only declares tokens, does not style components directly
  - Usage: var(--token-name) in CSS, or via SCSS alias layer
*/

:root {
  /* Brand & Primary */
  --color-brand: #FFD800; /* primary */
  --color-brand-foreground: #ffffff;

  /* Surface & Text */
  --Surface-Primary:#FFFFFF;
  --Surface-Subtle: #F6F7F9;
  --Surface-Default:#ECEEF2;
  --Surface-Disabled:#D4DAE3;
  --Surface-Dark:#1D2129;
  --Surface-Greylayer:rgba(29, 33, 41, 0.5);
  --Surface-800:#394353;
  --Surface-Similar-primary:#1D2129;
  --Surface-opposite-primary:#1D2129;

  /* Semantic states */
  --color-success: #16a34a;
  --color-success-foreground: #0a0f0a;
  --color-success-bg: #ecfdf5; /* soft success */
  --color-success-border: #a7f3d0;

  --color-warning: #f59e0b;
  --color-warning-foreground: #0f0f0a;
  --color-warning-bg: #fffbeb;
  --color-warning-border: #fde68a;

  --color-error: #ef4444;
  --color-error-foreground: #0f0a0a;
  --color-error-bg: #fef2f2;
  --color-error-border: #fecaca;

  --color-info: #0ea5e9;
  --color-info-foreground: #091014;
  --color-info-bg: #e0f2fe;
  --color-info-border: #bae6fd;

    /* Radii */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;

    /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 10px rgba(0,0,0,0.1);

  /* Typography */
  --font-family-sans: "Inter Variable","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Open Sans","Helvetica Neue",sans-serif;

  --Text-Subtitle:#647793;
  /* Button */
  --Button-surface-primary: #1D2129;
  --Button-text-primary: #FFFFFF;
  --Button-surface-brand:#FFD800;

  --Fixed-Primary:#10141A;

  --Title-font-size-1: 24px;
  --Title-font-size-2:16px;
  --Title-font-size-3:14px;
  --Title-font-size-4:12px;
  --Title-font-size-5:20px;
  --Title-font-size-6: 32px;
  --Title-font-size-7: 13px;

  --Title-font-weight-1: 700;
  --Title-font-weight-2: 590;
  --Title-font-weight-3: 400;

  --App-margin-1: 24px;
  --App-margin-2: 16px;

  --Primary-Primary:#FFD800;
}

/* Optional: scoped themes via data-theme on html */
html[data-theme='light'] {
  /* Using :root defaults for light; override here if needed */
}

/*!*****************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./src/styles/theme/tokens-dark.css ***!
  \*****************************************************************************************************************************************/
/*
  Design Tokens (Dark Theme)
  - Overrides CSS variables under html[data-theme='dark']
*/

html[data-theme='dark'] {
  /* Brand & Primary */
  --color-brand: #FFD800; /* lighter primary for dark bg */
  --color-brand-foreground: #10141A;

  /* Surface & Text */
  --Surface-Primary:#10141A;
  --Surface-Subtle: #1D2129;
  --Surface-Default:#10141A;
  --Surface-Disabled:#333B47;
  --Surface-Dark:#ECEEF2;
  --Surface-Greylayer:rgba(0, 0, 0, 0.8);
  --Surface-800:#394353;
  --Surface-Similar-primary:#333B47;
  --Surface-opposite-primary:#ECEEF2;



  /* Semantic states */
  --color-success: #22c55e;
  --color-success-foreground: #09120d;
  --color-success-bg: #052e1b; /* deep success bg */
  --color-success-border: #14532d;

  --color-warning: #f59e0b;
  --color-warning-foreground: #1a1409;
  --color-warning-bg: #2a1f0a;
  --color-warning-border: #7c4a05;

  --color-error: #f87171;
  --color-error-foreground: #1a0b0b;
  --color-error-bg: #2a0f0f;
  --color-error-border: #7f1d1d;

  --color-info: #38bdf8;
  --color-info-foreground: #0a1216;
  --color-info-bg: #07212b;
  --color-info-border: #0e7490;

  /* Typography */
  --font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;

  --Text-Subtitle:#8395AD;
  /* Button */
  --Button-surface-primary: #FFFFFF;
  --Button-text-primary: #1D2129;
  --Button-surface-brand:#FFD800;
  --Fixed-Primary:#10141A;


}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./src/components/PWAInstallPrompt/index.pc.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.installContent__epVtX {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
.installContent__epVtX .installIcon__DM7dh {
  flex-shrink: 0;
}
.installContent__epVtX .installIcon__DM7dh img {
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  width: 64px;
  height: 64px;
}
.installContent__epVtX .installText__k6QpH {
  flex: 1;
}
.installContent__epVtX .installText__k6QpH h3 {
  margin: 0 0 12px 0;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.installContent__epVtX .installText__k6QpH p {
  margin: 0 0 16px 0;
  color: #666;
  line-height: 1.6;
}
.installContent__epVtX .installText__k6QpH ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.installContent__epVtX .installText__k6QpH ul li {
  margin: 10px 0;
  color: #555;
  line-height: 1.5;
  display: flex;
  align-items: center;
}
.installContent__epVtX .installText__k6QpH ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #ffd800;
  border-radius: 50%;
  margin-right: 12px;
  flex-shrink: 0;
}
.installContent__epVtX .iosInstallSteps__rhfIL {
  margin-top: 20px;
  padding: 16px;
  background: #f8f9fa;
  border-radius: 8px;
  border-left: 4px solid #ffd800;
}
.installContent__epVtX .iosInstallSteps__rhfIL p {
  margin: 8px 0;
}
.installContent__epVtX .iosInstallSteps__rhfIL p:first-child {
  margin-top: 0;
  font-weight: 600;
  color: #333;
}
.installContent__epVtX .iosInstallSteps__rhfIL p:last-child {
  margin-bottom: 0;
}

.pwaInstallModal1__FTLMA .arco-p-btn-secondary:not(.arco-p-btn-disabled) {
  background-color: #FFFFFF;
  border: 1px solid #ECEEF2;
  color: #000;
  font-weight: 600;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_typescript@5.9.2_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[3]!./src/components/PWAInstallPrompt/index.h5.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.installContent__BVQS_ {
  display: flex;
  flex-direction: column;
  gap: 0.40712rem;
  align-items: center;
}
.installContent__BVQS_ .installIcon__uucMv {
  flex-shrink: 0;
  margin-bottom: 0.10178rem;
}
.installContent__BVQS_ .installIcon__uucMv img {
  border-radius: 0.30534rem;
  box-shadow: 0 0.10178rem 0.30534rem rgba(0, 0, 0, 0.1);
}
.installContent__BVQS_ .installText__QZ6jA {
  width: 100%;
}
.installContent__BVQS_ .installText__QZ6jA h3 {
  margin: 0 0 0.25445rem 0;
  font-size: 0.40712rem;
  font-weight: 600;
  color: #333;
  text-align: center;
}
.installContent__BVQS_ .installText__QZ6jA p {
  margin: 0 0 0.30534rem 0;
  color: #666;
  line-height: 1.5;
  font-size: 0.35623rem;
}
.installContent__BVQS_ .installText__QZ6jA ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.installContent__BVQS_ .installText__QZ6jA ul li {
  margin: 0.20356rem 0;
  color: #555;
  line-height: 1.5;
  display: flex;
  align-items: center;
  font-size: 0.35623rem;
}
.installContent__BVQS_ .installText__QZ6jA ul li:before {
  content: "";
  width: 0.10178rem;
  height: 0.10178rem;
  background: #ffd800;
  border-radius: 50%;
  margin-right: 0.25445rem;
  flex-shrink: 0;
}
.installContent__BVQS_ .iosInstallSteps__OJ4vo {
  margin-top: 0.40712rem;
  padding: 0.35623rem;
  background: #f8f9fa;
  border-radius: 0.20356rem;
  border-left: 0.10178rem solid #ffd800;
  width: 100%;
}
.installContent__BVQS_ .iosInstallSteps__OJ4vo p {
  margin: 0.15267rem 0;
  font-size: 0.33079rem;
}
.installContent__BVQS_ .iosInstallSteps__OJ4vo p:first-child {
  margin-top: 0;
  font-weight: 600;
  color: #333;
}
.installContent__BVQS_ .iosInstallSteps__OJ4vo p:last-child {
  margin-bottom: 0;
}

.closeIcon__XstaJ {
  position: absolute;
  top: 0.40712rem;
  right: 0.40712rem;
  width: 0.50891rem;
  height: 0.50891rem;
  color: black;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_typescript@5.9.2_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[3]!./src/components/common/Modal/h5/index.h5.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.content__jYHYj {
  width: 8.3715rem;
  border-radius: 0.20356rem;
  padding: 0.50891rem;
  gap: 0.50891rem;
  background-color: white;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./src/components/PWAUpdatePrompt/index.pc.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.pwa-update-overlay__HSSEW {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn__MGVTQ 0.3s ease-out;
}
@keyframes fadeIn__MGVTQ {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.pwa-update-prompt__NF5aF {
  position: relative;
  z-index: 1001;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  border: 1px solid #e8e8e8;
  animation: slideUp__koncJ 0.3s ease-out;
  width: 360px;
  transition: all 0.3s ease;
  max-height: 320px;
}
.pwa-update-prompt__NF5aF.updating__SC3e9 {
  border-color: #52c41a;
  box-shadow: 0 8px 24px rgba(82, 196, 26, 0.15);
}
.pwa-update-prompt__NF5aF.error__ApspD {
  border-color: #ff4d4f;
  box-shadow: 0 8px 24px rgba(255, 77, 79, 0.15);
  animation: slideUp__koncJ 0.3s ease-out, errorPulse___Gnux 0.5s ease-in-out 0.3s;
}
@keyframes slideUp__koncJ {
  from {
    transform: translateY(30px) scale(0.95);
    opacity: 0;
  }
  to {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}
@keyframes errorPulse___Gnux {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
}

.update-content__EEaPr {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.update-content__EEaPr .updateBg__Jahe3 {
  width: 100%;
}
.update-content__EEaPr .updateText__Je7Bu {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.update-content__EEaPr .updateText__Je7Bu span {
  font-size: 16px;
  font-weight: 590;
  color: #1d2129;
  display: block;
  line-height: 24px;
}
.update-content__EEaPr .updateText__Je7Bu .auto-update-hint__MDQVu {
  font-size: 12px;
  color: #666;
  margin-top: 4px;
  animation: pulse__jMhXn 2s ease-in-out infinite;
}
.update-content__EEaPr .updateText__Je7Bu .update-progress__LmrlX {
  font-size: 12px;
  color: #666;
  margin-top: 4px;
  opacity: 0.8;
}
.update-content__EEaPr .updateText__Je7Bu .error-message__X2h9o {
  font-size: 12px;
  color: #ff4d4f;
  margin-top: 4px;
  font-weight: 400;
}
.update-content__EEaPr .updateText__Je7Bu .retry-info__GYOCE {
  font-size: 11px;
  color: #999;
  margin-top: 2px;
}
@keyframes pulse__jMhXn {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}
.update-content__EEaPr .update-actions__m55pD {
  display: flex;
  flex-shrink: 0;
  padding-bottom: 20px;
}
.update-content__EEaPr .update-actions__m55pD .updateBtn__bFW35 {
  background-color: #ffd800 !important;
  font-weight: 700 !important;
  width: 180px;
  height: 40px;
  color: #1d2129;
}
.update-content__EEaPr .update-actions__m55pD .updateBtn__bFW35:hover {
  color: #1d2129;
}
.update-content__EEaPr .update-actions__m55pD .updateBtn__bFW35:active {
  color: #1d2129;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_typescript@5.9.2_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.93.2_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[3]!./src/components/PWAUpdatePrompt/index.h5.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.pwa-update-overlay__AweAu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn__p0wiS 0.3s ease-out;
}
@keyframes fadeIn__p0wiS {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.pwa-update-prompt__Nnar4 {
  position: relative;
  z-index: 1001;
  background: #fff;
  border-radius: 0.50891rem;
  box-shadow: 0 0.20356rem 0.61069rem rgba(0, 0, 0, 0.12);
  border: 0.02545rem solid #e8e8e8;
  animation: slideUp__yOLRR 0.3s ease-out;
  width: 8.39695rem;
  transition: all 0.3s ease;
  max-height: 7.22646rem;
}
.pwa-update-prompt__Nnar4.updating__iV7Hu {
  border-color: #52c41a;
  box-shadow: 0 0.20356rem 0.61069rem rgba(82, 196, 26, 0.15);
}
.pwa-update-prompt__Nnar4.error__juvqZ {
  border-color: #ff4d4f;
  box-shadow: 0 0.20356rem 0.61069rem rgba(255, 77, 79, 0.15);
  animation: slideUp__yOLRR 0.3s ease-out, errorPulse__fjPog 0.5s ease-in-out 0.3s;
}
@keyframes slideUp__yOLRR {
  from {
    transform: translateY(0.76336rem) scale(0.95);
    opacity: 0;
  }
  to {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}
@keyframes errorPulse__fjPog {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
}

.update-content__bsetT {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.update-content__bsetT .updateBg__oM35N {
  width: 100%;
}
.update-content__bsetT .updateText__RtELJ {
  padding: 0.50891rem;
}
.update-content__bsetT .updateText__RtELJ span {
  font-size: 0.40712rem;
  font-weight: 590;
  color: #1d2129;
  display: block;
  line-height: 0.61069rem;
}
.update-content__bsetT .updateText__RtELJ .auto-update-hint__Xvqjx {
  font-size: 0.30534rem;
  color: #666;
  margin-top: 0.10178rem;
  animation: pulse__B8ELy 2s ease-in-out infinite;
}
.update-content__bsetT .updateText__RtELJ .update-progress__UcLUo {
  font-size: 0.30534rem;
  color: #666;
  margin-top: 0.10178rem;
  opacity: 0.8;
}
.update-content__bsetT .updateText__RtELJ .error-message__xYPiE {
  font-size: 0.30534rem;
  color: #ff4d4f;
  margin-top: 0.10178rem;
  font-weight: 400;
}
.update-content__bsetT .updateText__RtELJ .retry-info__C2pDt {
  font-size: 0.2799rem;
  color: #999;
  margin-top: 0.05089rem;
}
@keyframes pulse__B8ELy {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}
.update-content__bsetT .update-actions__SrW1W {
  display: flex;
  flex-shrink: 0;
  padding-bottom: 0.50891rem;
}
.update-content__bsetT .update-actions__SrW1W .updateBtn__Z2YtB {
  background-color: #ffd800 !important;
  font-weight: 700 !important;
  width: 4.58015rem;
  height: 1.01781rem;
  color: #1d2129;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].oneOf[1].use[2]!./node_modules/.pnpm/@arco-design+web-react@2.66.5_@types+react@18.3.24_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@arco-design/web-react/es/Notification/style/index.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/******** borderSize *******/
/******** borderStyle *******/
/******** radius *******/
/******** shadow distance *******/
/******** size *******/
/******** spacing *******/
/******** shadow *******/
/******** opacity *******/
/******** fontSize *******/
/******** fontWeight ********/
/******** Primary *******/
/******** success *******/
/******** warning *******/
/******** danger *******/
/******** link *******/
/******** radius *******/
/********* icon hover *********/
.arco-p-notification-wrapper {
  position: fixed;
  z-index: 1003;
}
.arco-p-notification-wrapper-topLeft {
  left: 20px;
  top: 20px;
}
.arco-p-notification-wrapper-topRight {
  right: 20px;
  top: 20px;
}
.arco-p-notification-wrapper-topRight .arco-p-notification {
  margin-left: auto;
}
.arco-p-notification-wrapper-bottomLeft {
  bottom: 20px;
  left: 20px;
}
.arco-p-notification-wrapper-bottomRight {
  bottom: 20px;
  right: 20px;
}
.arco-p-notification-wrapper-bottomRight .arco-p-notification {
  margin-left: auto;
}
.arco-p-notification {
  display: flex;
  position: relative;
  width: 340px;
  padding: 20px 20px 20px 20px;
  border-radius: var(--border-radius-medium);
  border: 1px solid var(--color-neutral-3);
  margin-bottom: 20px;
  background-color: var(--color-bg-popup);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  box-sizing: border-box;
  opacity: 1;
  transition: opacity 0.2s cubic-bezier(0, 0, 1, 1);
}
.arco-p-notification-icon {
  font-size: 24px;
  display: inline-flex;
  align-items: center;
  color: var(--color-text-1);
}
.arco-p-notification-info {
  background-color: var(--color-bg-popup);
  border-color: var(--color-neutral-3);
}
.arco-p-notification-info .arco-p-notification-icon {
  color: rgb(var(--primary-6));
}
.arco-p-notification-success {
  background-color: var(--color-bg-popup);
  border-color: var(--color-neutral-3);
}
.arco-p-notification-success .arco-p-notification-icon {
  color: rgb(var(--success-6));
}
.arco-p-notification-warning {
  background-color: var(--color-bg-popup);
  border-color: var(--color-neutral-3);
}
.arco-p-notification-warning .arco-p-notification-icon {
  color: rgb(var(--warning-6));
}
.arco-p-notification-error {
  background-color: var(--color-bg-popup);
  border-color: var(--color-neutral-3);
}
.arco-p-notification-error .arco-p-notification-icon {
  color: rgb(var(--danger-6));
}
.arco-p-notification-left {
  padding-right: 16px;
}
.arco-p-notification-right {
  flex: 1;
  word-break: break-word;
}
.arco-p-notification-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-text-1);
  margin-bottom: 4px;
}
.arco-p-notification-content {
  font-size: 14px;
  color: var(--color-text-1);
}
.arco-p-notification-info .arco-p-notification-title {
  color: var(--color-text-1);
}
.arco-p-notification-info .arco-p-notification-content {
  color: var(--color-text-1);
}
.arco-p-notification-success .arco-p-notification-title {
  color: var(--color-text-1);
}
.arco-p-notification-success .arco-p-notification-content {
  color: var(--color-text-1);
}
.arco-p-notification-warning .arco-p-notification-title {
  color: var(--color-text-1);
}
.arco-p-notification-warning .arco-p-notification-content {
  color: var(--color-text-1);
}
.arco-p-notification-error .arco-p-notification-title {
  color: var(--color-text-1);
}
.arco-p-notification-error .arco-p-notification-content {
  color: var(--color-text-1);
}
.arco-p-notification-btn-wrapper {
  margin-top: 16px;
  text-align: right;
}
.arco-p-notification .arco-p-notification-close-btn {
  position: absolute;
  cursor: pointer;
  top: 12px;
  right: 12px;
  color: var(--color-text-1);
  font-size: 12px;
}
.arco-p-notification .arco-p-notification-close-btn > svg {
  position: relative;
}
.arco-p-notification .arco-p-icon-hover.arco-p-notification-icon-hover::before {
  width: 20px;
  height: 20px;
}
.slideNoticeLeft-enter,
.slideNoticeLeft-appear {
  transform: translateX(-100%);
}
.slideNoticeLeft-enter-active,
.slideNoticeLeft-appear-active {
  transform: translateX(0);
  transition: transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.slideNoticeLeft-exit {
  opacity: 0;
}
.slideNoticeLeft-exit-active {
  opacity: 0;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  transition: all 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.slideNoticeRight-enter,
.slideNoticeRight-appear {
  transform: translateX(100%);
}
.slideNoticeRight-enter-active,
.slideNoticeRight-appear-active {
  transform: translateX(0);
  transition: transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.slideNoticeRight-exit {
  opacity: 0;
}
.slideNoticeRight-exit-active {
  opacity: 0;
  height: 0;
  transition: all 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
}
.arco-p-notification-wrapper-rtl {
  direction: rtl;
}
.arco-p-notification-rtl {
  direction: rtl;
}
.arco-p-notification-rtl .arco-p-notification-left {
  padding-right: 0;
  padding-left: 16px;
}
.arco-p-notification-rtl .arco-p-notification-btn-wrapper {
  text-align: left;
}
.arco-p-notification-rtl .arco-p-notification-close-btn {
  right: initial;
  left: 12px;
}

/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@11.1.4_less@4.4.1_webpack@5.101.3/node_modules/less-loader/dist/cjs.js!./src/components/NetworkStatus/style.less ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.network-status {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  transform: translateY(-100%);
}
.network-status.offline {
  transform: translateY(0);
  background: rgba(255, 77, 79, 0.95);
}
.network-status.offline .network-status-content .network-status-text {
  color: #fff !important;
}
.network-status.offline .network-status-content .network-type {
  color: rgba(255, 255, 255, 0.8);
}
.network-status.online[data-slow="true"] {
  transform: translateY(0);
  background: rgba(255, 125, 0, 0.95);
}
.network-status-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  gap: 8px;
  max-width: 1200px;
  margin: 0 auto;
}
.network-status-content .network-icon {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.network-status-content .network-info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.network-status-content .network-info .network-status-text {
  font-size: 14px;
  font-weight: 500;
  transition: color 0.3s ease;
}
.network-status-content .network-info .network-type {
  font-size: 12px;
  color: #666;
  background: rgba(0, 0, 0, 0.1);
  padding: 2px 6px;
  border-radius: 4px;
  text-transform: uppercase;
}
.network-status-content .network-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .network-status .network-status-content {
    padding: 6px 12px;
  }
  .network-status .network-status-content .network-info .network-status-text {
    font-size: 13px;
  }
  .network-status .network-status-content .network-info .network-type {
    font-size: 11px;
    padding: 1px 4px;
  }
  .network-status .network-status-content .network-icon {
    font-size: 14px;
  }
}
@media (prefers-color-scheme: dark) {
  .network-status {
    background: rgba(26, 26, 26, 0.95);
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }
  .network-status.offline {
    background: rgba(255, 77, 79, 0.95);
  }
  .network-status.online[data-slow="true"] {
    background: rgba(255, 125, 0, 0.95);
  }
  .network-status .network-status-content .network-type {
    background: rgba(255, 255, 255, 0.1);
    color: #ccc;
  }
}
.arco-notification.network-notification .arco-notification-content {
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.arco-notification.network-notification .arco-notification-title {
  font-weight: 600;
}
.arco-notification.network-notification .arco-notification-content-text {
  line-height: 1.5;
}
.arco-message.network-message .arco-message-content {
  border-radius: 8px;
  backdrop-filter: blur(10px);
}