rk-web-core 0.13.198 → 0.13.199

Sign up to get free protection for your applications and to get access to all the features.
Files changed (5) hide show
  1. package/1.3b3121e3f367ff030ce1.js +1 -0
  2. package/package.json +1 -1
  3. package/rk-web-core.css +3673 -0
  4. package/rk-web-core.js +25 -25
  5. /package/{1.21421ebc9b1c7ecdd712.js → 1.af1cd3ad33247aaabdda.js} +0 -0
package/rk-web-core.css CHANGED
@@ -2323,3 +2323,3676 @@ html {
2323
2323
  }
2324
2324
  }
2325
2325
 
2326
+ @charset "UTF-8";
2327
+ *,
2328
+ :before,
2329
+ :after {
2330
+ --tw-border-spacing-x: 0;
2331
+ --tw-border-spacing-y: 0;
2332
+ --tw-translate-x: 0;
2333
+ --tw-translate-y: 0;
2334
+ --tw-rotate: 0;
2335
+ --tw-skew-x: 0;
2336
+ --tw-skew-y: 0;
2337
+ --tw-scale-x: 1;
2338
+ --tw-scale-y: 1;
2339
+ --tw-pan-x: 0;
2340
+ --tw-pan-y: 0;
2341
+ --tw-pinch-zoom: 0;
2342
+ --tw-scroll-snap-strictness: proximity;
2343
+ --tw-gradient-from-position: 0;
2344
+ --tw-gradient-via-position: 0;
2345
+ --tw-gradient-to-position: 0;
2346
+ --tw-ordinal: 0;
2347
+ --tw-slashed-zero: 0;
2348
+ --tw-numeric-figure: 0;
2349
+ --tw-numeric-spacing: 0;
2350
+ --tw-numeric-fraction: 0;
2351
+ --tw-ring-inset: 0;
2352
+ --tw-ring-offset-width: 0px;
2353
+ --tw-ring-offset-color: #fff;
2354
+ --tw-ring-color: rgb(59 130 492);
2355
+ --tw-ring-offset-shadow: 0 0 #0000;
2356
+ --tw-ring-shadow: 0 0 #0000;
2357
+ --tw-shadow: 0 0 #0000;
2358
+ --tw-shadow-colored: 0 0 #0000;
2359
+ --tw-blur: 0;
2360
+ --tw-brightness: 0;
2361
+ --tw-contrast: 0;
2362
+ --tw-grayscale: 0;
2363
+ --tw-hue-rotate: 0;
2364
+ --tw-invert: 0;
2365
+ --tw-saturate: 0;
2366
+ --tw-sepia: 0;
2367
+ --tw-drop-shadow: 0;
2368
+ --tw-backdrop-blur: 0;
2369
+ --tw-backdrop-brightness: 0;
2370
+ --tw-backdrop-contrast: 0;
2371
+ --tw-backdrop-grayscale: 0;
2372
+ --tw-backdrop-hue-rotate: 0;
2373
+ --tw-backdrop-invert: 0;
2374
+ --tw-backdrop-opacity: 0;
2375
+ --tw-backdrop-saturate: 0;
2376
+ --tw-backdrop-sepia: 0;
2377
+ }
2378
+ ::backdrop {
2379
+ --tw-border-spacing-x: 0;
2380
+ --tw-border-spacing-y: 0;
2381
+ --tw-translate-x: 0;
2382
+ --tw-translate-y: 0;
2383
+ --tw-rotate: 0;
2384
+ --tw-skew-x: 0;
2385
+ --tw-skew-y: 0;
2386
+ --tw-scale-x: 1;
2387
+ --tw-scale-y: 1;
2388
+ --tw-pan-x: 0;
2389
+ --tw-pan-y: 0;
2390
+ --tw-pinch-zoom: 0;
2391
+ --tw-scroll-snap-strictness: proximity;
2392
+ --tw-gradient-from-position: 0;
2393
+ --tw-gradient-via-position: 0;
2394
+ --tw-gradient-to-position: 0;
2395
+ --tw-ordinal: 0;
2396
+ --tw-slashed-zero: 0;
2397
+ --tw-numeric-figure: 0;
2398
+ --tw-numeric-spacing: 0;
2399
+ --tw-numeric-fraction: 0;
2400
+ --tw-ring-inset: 0;
2401
+ --tw-ring-offset-width: 0px;
2402
+ --tw-ring-offset-color: #fff;
2403
+ --tw-ring-color: rgb(59 130 492);
2404
+ --tw-ring-offset-shadow: 0 0 #0000;
2405
+ --tw-ring-shadow: 0 0 #0000;
2406
+ --tw-shadow: 0 0 #0000;
2407
+ --tw-shadow-colored: 0 0 #0000;
2408
+ --tw-blur: 0;
2409
+ --tw-brightness: 0;
2410
+ --tw-contrast: 0;
2411
+ --tw-grayscale: 0;
2412
+ --tw-hue-rotate: 0;
2413
+ --tw-invert: 0;
2414
+ --tw-saturate: 0;
2415
+ --tw-sepia: 0;
2416
+ --tw-drop-shadow: 0;
2417
+ --tw-backdrop-blur: 0;
2418
+ --tw-backdrop-brightness: 0;
2419
+ --tw-backdrop-contrast: 0;
2420
+ --tw-backdrop-grayscale: 0;
2421
+ --tw-backdrop-hue-rotate: 0;
2422
+ --tw-backdrop-invert: 0;
2423
+ --tw-backdrop-opacity: 0;
2424
+ --tw-backdrop-saturate: 0;
2425
+ --tw-backdrop-sepia: 0;
2426
+ }
2427
+ .fixed {
2428
+ position: fixed;
2429
+ }
2430
+ .absolute {
2431
+ position: absolute;
2432
+ }
2433
+ .relative {
2434
+ position: relative;
2435
+ }
2436
+ .flex {
2437
+ display: flex;
2438
+ }
2439
+ .hidden {
2440
+ display: none;
2441
+ }
2442
+ .border {
2443
+ border-width: 1px;
2444
+ }
2445
+ :root {
2446
+ --ui-blue: #2a80eb;
2447
+ --ui-dark-blue: #0057c3;
2448
+ --ui-dark: #4c5161;
2449
+ --ui-gray: #a2a9b6;
2450
+ --ui-dark-gray: #b6bbc6;
2451
+ --ui-light: #f7f9fa;
2452
+ --ui-white: #ffffff;
2453
+ --ui-green: #1cad70;
2454
+ --ui-orange: #f59b00;
2455
+ --ui-red: #eb4646;
2456
+ --ui-list-hover: #f0f7ff;
2457
+ --ui-list-selected: #e0f0ff;
2458
+ --ui-disabled: #ccd0d7;
2459
+ --ui-border: #d0d0d5;
2460
+ --ui-dark-border: #ababaf;
2461
+ --ui-light-border: #ededef;
2462
+ --ui-opacity: 0.4;
2463
+ --ui-radius: 4px;
2464
+ --ui-font: 14px;
2465
+ --ui-animate-time: 0.2s;
2466
+ --ui-line-height: 20px;
2467
+ --ui-component-height: 40px;
2468
+ }
2469
+ :root {
2470
+ --ui-button-height: var(--ui-component-height, 40px);
2471
+ --ui-button-line-height: var(--ui-line-height, 20px);
2472
+ --ui-button-color: var(--ui-dark, #4c5161);
2473
+ --ui-button-loading-img: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M512 1024q-104 0-199-40-92-39-163-110T40 711Q0 616 0 512q0-15 10.5-25.5T36 476t25.5 10.5T72 512q0 90 35 171 33 79 94 140t140 95q81 34 171 34t171-35q79-33 140-94t95-140q34-81 34-171t-35-171q-33-79-94-140t-140-95q-81-34-171-34-15 0-25.5-10.5T476 36t10.5-25.5T512 0q104 0 199 40 92 39 163 110t110 163q40 95 40 199t-40 199q-39 92-110 163T711 984q-95 40-199 40z' fill='%232a80eb'/%3E%3C/svg%3E") no-repeat;
2474
+ }
2475
+ .ui-button,
2476
+ [is='ui-button'] {
2477
+ display: inline-block;
2478
+ line-height: var(--ui-button-line-height);
2479
+ font-size: var(--ui-font, 14px);
2480
+ text-align: center;
2481
+ color: var(--ui-white, #fff);
2482
+ border-radius: var(--ui-radius, 4px);
2483
+ border: 1px solid var(--ui-button-color);
2484
+ padding: calc((var(--ui-button-height) - var(--ui-button-line-height) - 2px) / 2) calc(var(--ui-button-height) / 2.5);
2485
+ min-width: 80px;
2486
+ background: var(--ui-button-color) no-repeat center;
2487
+ text-decoration: none;
2488
+ box-sizing: border-box;
2489
+ transition: border-color var(--ui-animate-time, 0.2s), box-shadow var(--ui-animate-time, 0.2s), opacity var(--ui-animate-time, 0.2s);
2490
+ fill: currentColor;
2491
+ font-family: inherit;
2492
+ cursor: pointer;
2493
+ overflow: visible;
2494
+ }
2495
+ @media (prefers-reduced-motion: reduce) {
2496
+ .ui-button,
2497
+ [is='ui-button'] {
2498
+ transition: none;
2499
+ }
2500
+ }
2501
+ .ui-button[width='100%'],
2502
+ [is='ui-button'][width='100%'] {
2503
+ width: 100%;
2504
+ }
2505
+ div.ui-button,
2506
+ div[is='ui-button'] {
2507
+ display: block;
2508
+ }
2509
+ [type='submit']:not([class]):not([is]) {
2510
+ position: absolute;
2511
+ clip: rect(0 0 0 0);
2512
+ }
2513
+ @supports (-webkit-mask: none) {
2514
+ button,
2515
+ [type='button'],
2516
+ [type='submit'],
2517
+ [tabindex] {
2518
+ outline: 0 none;
2519
+ }
2520
+ }
2521
+ ::-moz-focus-inner {
2522
+ border: 0;
2523
+ }
2524
+ .ui-button:hover,
2525
+ [is='ui-button']:hover {
2526
+ color: var(--ui-white, #fff);
2527
+ text-decoration: none;
2528
+ }
2529
+ .ui-button:not(.disabled):not(.loading):not(:disabled):hover,
2530
+ [is='ui-button']:not(.disabled):not(.loading):not(:disabled):hover {
2531
+ filter: brightness(1.05);
2532
+ }
2533
+ .ui-button:not(.disabled):not(.loading):active,
2534
+ [is='ui-button']:not(.disabled):not(.loading):active {
2535
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 0 0 100px rgba(0, 0, 0, 0.1);
2536
+ }
2537
+ .ui-button[type='normal'],
2538
+ .ui-button[data-type='normal'],
2539
+ [is='ui-button'][type='normal'],
2540
+ [is='ui-button'][data-type='normal'] {
2541
+ --ui-button-color: var(--ui-white, #fff);
2542
+ color: var(--ui-dark, #4c5161);
2543
+ border-color: var(--ui-border);
2544
+ }
2545
+ .ui-button[data-type='primary'],
2546
+ .ui-button[data-type='remind'],
2547
+ .ui-button[type='primary'],
2548
+ .ui-button[type='remind'],
2549
+ [is='ui-button'][data-type='primary'],
2550
+ [is='ui-button'][data-type='remind'],
2551
+ [is='ui-button'][type='primary'],
2552
+ [is='ui-button'][type='remind'] {
2553
+ --ui-button-color: var(--ui-blue, #2a80eb);
2554
+ }
2555
+ .ui-button[data-type='success'],
2556
+ .ui-button[type='success'],
2557
+ [is='ui-button'][data-type='success'],
2558
+ [is='ui-button'][type='success'] {
2559
+ --ui-button-color: var(--ui-green, #1cad70);
2560
+ }
2561
+ .ui-button[data-type^='warn'],
2562
+ .ui-button[type^='warn'],
2563
+ [is='ui-button'][data-type^='warn'],
2564
+ [is='ui-button'][type^='warn'] {
2565
+ --ui-button-color: var(--ui-orange, #f59b00);
2566
+ }
2567
+ .ui-button[data-type='danger'],
2568
+ .ui-button[data-type='error'],
2569
+ .ui-button[type='danger'],
2570
+ .ui-button[type='error'],
2571
+ [is='ui-button'][data-type='danger'],
2572
+ [is='ui-button'][data-type='error'],
2573
+ [is='ui-button'][type='danger'],
2574
+ [is='ui-button'][type='error'] {
2575
+ --ui-button-color: var(--ui-red, #eb4646);
2576
+ }
2577
+ .ui-button.disabled,
2578
+ .ui-button:disabled,
2579
+ [is='ui-button'].disabled,
2580
+ [is='ui-button']:disabled {
2581
+ opacity: var(--ui-opacity, 0.4);
2582
+ cursor: default;
2583
+ }
2584
+ .ui-button.loading,
2585
+ [is='ui-button'].loading {
2586
+ color: transparent !important;
2587
+ pointer-events: none;
2588
+ position: relative;
2589
+ cursor: default;
2590
+ }
2591
+ input.ui-button.loading,
2592
+ input[is='ui-button'].loading {
2593
+ --ui-loading-color: var(--ui-white, #fff);
2594
+ --ui-loading-radial: radial-gradient(3px circle, var(--ui-loading-color), var(--ui-loading-color) 2px, transparent 3px);
2595
+ background-image: var(--ui-loading-radial), var(--ui-loading-radial), var(--ui-loading-radial);
2596
+ background-position-y: 50%;
2597
+ background-size: 5px 5px;
2598
+ animation: bubbling 1s infinite;
2599
+ }
2600
+ input[data-type='normal'].loading {
2601
+ --ui-loading-color: var(--ui-blue, #2a80eb);
2602
+ }
2603
+ .ui-button.loading:before,
2604
+ [is='ui-button'].loading:before {
2605
+ content: '';
2606
+ position: absolute;
2607
+ left: 0;
2608
+ top: 0;
2609
+ right: 0;
2610
+ bottom: 0;
2611
+ width: 20px;
2612
+ height: 20px;
2613
+ background-color: var(--ui-white, #fff);
2614
+ -webkit-mask: var(--ui-button-loading-img);
2615
+ mask: var(--ui-button-loading-img);
2616
+ -webkit-mask-size: 100% 100%;
2617
+ mask-size: 100% 100%;
2618
+ margin: auto;
2619
+ animation: spin 1s linear infinite;
2620
+ }
2621
+ [data-type='normal'].loading:before,
2622
+ [type='normal'].loading:before {
2623
+ background-color: var(--ui-blue, #2a80eb);
2624
+ }
2625
+ .ui-button[is-error],
2626
+ [is='ui-button'][is-error] {
2627
+ border-color: var(--ui-red, #eb4646) !important;
2628
+ }
2629
+ :root {
2630
+ --ui-checkbox-width: 20px;
2631
+ --ui-checkbox-height: 20px;
2632
+ }
2633
+ [is='ui-checkbox'] {
2634
+ -webkit-appearance: none;
2635
+ width: var(--ui-checkbox-width, 20px);
2636
+ height: var(--ui-checkbox-height, 20px);
2637
+ display: inline-flex;
2638
+ border: solid 1px rgba(0, 0, 0, 0);
2639
+ outline: none;
2640
+ border-radius: var(--ui-radius, 4px);
2641
+ box-sizing: border-box;
2642
+ box-shadow: inset 0 1px, inset 1px 0, inset -1px 0, inset 0 -1px;
2643
+ background-color: var(--ui-white, #ffffff);
2644
+ background-clip: content-box;
2645
+ color: var(--ui-border, #d0d0d5);
2646
+ transition: color var(--ui-animate-time, 0.2s), background-color var(--ui-animate-time, 0.2s);
2647
+ -webkit-user-select: none;
2648
+ -moz-user-select: none;
2649
+ user-select: none;
2650
+ vertical-align: -0.5ex;
2651
+ }
2652
+ [is='ui-checkbox']:after {
2653
+ content: '';
2654
+ width: 100%;
2655
+ height: 100%;
2656
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M920.185 224.838c-33.782-33.935-88.619-33.935-122.464 0L409.955 614.564 226.231 429.952c-33.782-33.935-88.68-33.935-122.461 0-33.784 33.997-33.784 89.108 0 123.044l244.925 246.118c33.782 33.998 88.68 33.998 122.463 0l449.028-451.201c33.843-33.967 33.843-89.048-.001-123.075z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
2657
+ background-size: 12px 12px;
2658
+ visibility: hidden;
2659
+ opacity: 0;
2660
+ transition: opacity var(--ui-animate-time, 0.2s);
2661
+ }
2662
+ [is='ui-checkbox']:not(:disabled):hover,
2663
+ [is='ui-checkbox']:disabled {
2664
+ color: var(--ui-dark-border, #ababaf);
2665
+ }
2666
+ [is='ui-checkbox']:focus {
2667
+ color: var(--ui-blue, #2a80eb);
2668
+ }
2669
+ [is='ui-checkbox']:focus:hover {
2670
+ color: var(--ui-dark-blue, #0057c3);
2671
+ }
2672
+ [is='ui-checkbox']:checked {
2673
+ color: var(--ui-blue, #2a80eb);
2674
+ background-color: var(--ui-blue, #2a80eb);
2675
+ }
2676
+ [is='ui-checkbox']:not(:disabled):checked:focus,
2677
+ [is='ui-checkbox']:not(:disabled):checked:hover {
2678
+ color: var(--ui-dark-blue, #0057c3);
2679
+ background-color: var(--ui-dark-blue, #0057c3);
2680
+ }
2681
+ [is='ui-checkbox']:checked:after {
2682
+ opacity: 1;
2683
+ visibility: visible;
2684
+ }
2685
+ [is='ui-checkbox']:indeterminate:after {
2686
+ opacity: 1;
2687
+ visibility: visible;
2688
+ color: var(--ui-blue, #2a80eb);
2689
+ background-image: linear-gradient(currentColor, currentColor);
2690
+ background-size: 8px 8px;
2691
+ }
2692
+ [is='ui-checkbox']:not(:disabled):indeterminate:focus,
2693
+ [is='ui-checkbox']:not(:disabled):indeterminate:hover {
2694
+ color: var(--ui-dark-blue, #0057c3);
2695
+ }
2696
+ [is='ui-checkbox']:disabled {
2697
+ opacity: var(--ui-opacity, 0.4);
2698
+ }
2699
+ [is='ui-checkbox'][is-error] {
2700
+ color: var(--ui-red, #eb4646) !important;
2701
+ }
2702
+ @media (prefers-reduced-motion: reduce) {
2703
+ [is='ui-checkbox'],
2704
+ [is='ui-checkbox']:after {
2705
+ transition: none;
2706
+ }
2707
+ }
2708
+ [is='ui-color'] {
2709
+ width: 40px;
2710
+ height: 40px;
2711
+ padding: 0;
2712
+ vertical-align: middle;
2713
+ border: 0;
2714
+ border-radius: var(--ui-radius, 4px);
2715
+ background-color: rgba(25, 28, 34, 0.2);
2716
+ outline: none;
2717
+ cursor: pointer;
2718
+ }
2719
+ [is='ui-color']::-webkit-color-swatch-wrapper {
2720
+ padding: 0;
2721
+ margin: 8px auto;
2722
+ width: 24px;
2723
+ height: 24px;
2724
+ }
2725
+ [is='ui-color']::-webkit-color-swatch {
2726
+ border: 1px solid var(--ui-light, #f7f9fa);
2727
+ border-radius: calc(var(--ui-radius, 4px) - 1px);
2728
+ }
2729
+ [is='ui-color']:disabled::-webkit-color-swatch {
2730
+ background-image: linear-gradient(to right bottom, transparent calc(50% - 1px), red 50%, transparent calc(50% + 1px)), linear-gradient(to top right, transparent calc(50% - 1px), red 50%, transparent calc(50% + 1px));
2731
+ }
2732
+ [is='ui-color'],
2733
+ _::-moz-color-swatch {
2734
+ padding: 8px;
2735
+ }
2736
+ [is='ui-color']::-moz-color-swatch {
2737
+ border: 1px solid var(--ui-light, #f7f9fa);
2738
+ }
2739
+ .ui-color-container {
2740
+ display: none;
2741
+ position: absolute;
2742
+ width: 241px;
2743
+ padding: 10px 12px;
2744
+ border-radius: var(--ui-radius, 4px);
2745
+ background-color: var(--ui-light, #f7f9fa);
2746
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
2747
+ font-size: var(--ui-font, 14px);
2748
+ animation: fadeIn var(--ui-animate-time, 0.2s);
2749
+ touch-action: none;
2750
+ --safe-area: 3px;
2751
+ z-index: 21;
2752
+ }
2753
+ .ui-color-switch {
2754
+ position: absolute;
2755
+ top: 12px;
2756
+ right: 12px;
2757
+ color: var(--ui-blue, #2a80eb);
2758
+ border: 1px solid transparent;
2759
+ height: 20px;
2760
+ line-height: 20px;
2761
+ padding: 2px 5px;
2762
+ border-radius: calc(var(--ui-radius, 4px) - 1px);
2763
+ background: none;
2764
+ font-family: inherit;
2765
+ transition: border-color var(--ui-animate-time, 0.2s), background-color var(--ui-animate-time, 0.2s);
2766
+ box-sizing: content-box;
2767
+ }
2768
+ .ui-color-switch:hover {
2769
+ border-color: #d0d0d5;
2770
+ background-color: var(--ui-white, #ffffff);
2771
+ }
2772
+ .ui-color-switch:active {
2773
+ line-height: normal;
2774
+ }
2775
+ .ui-color-switch[data-mode]:before {
2776
+ content: '';
2777
+ display: inline-block;
2778
+ width: 14px;
2779
+ height: 14px;
2780
+ vertical-align: -2px;
2781
+ margin-right: 4px;
2782
+ pointer-events: none;
2783
+ }
2784
+ .ui-color-switch[data-mode='basic']:before {
2785
+ background: conic-gradient(red 120deg, blue 120deg 240deg, lime 240deg);
2786
+ transform: rotate(-60deg);
2787
+ border-radius: 50%;
2788
+ }
2789
+ .ui-color-switch[data-mode='more']:before {
2790
+ background: radial-gradient(closest-side, white, transparent), conic-gradient(red, magenta, blue, aqua, lime, yellow, red);
2791
+ border-radius: 50%;
2792
+ }
2793
+ [type='color-opacity'] {
2794
+ background: linear-gradient(var(--ui-color-opacity, #000000), var(--ui-color-opacity, #000000)), conic-gradient(black 45deg, white 45deg, white 225deg, black 225deg);
2795
+ box-sizing: border-box;
2796
+ background-clip: content-box;
2797
+ border: 8px solid rgba(25, 28, 34, 0.2);
2798
+ padding: 1px;
2799
+ font-size: 0;
2800
+ }
2801
+ .ui-color-current {
2802
+ padding-bottom: 20px;
2803
+ }
2804
+ .ui-color-current-square,
2805
+ .ui-color-current-square-opacity {
2806
+ display: inline-block;
2807
+ width: 20px;
2808
+ height: 20px;
2809
+ margin-right: 5px;
2810
+ border-radius: calc(var(--ui-radius, 4px) - 1px);
2811
+ box-shadow: inset 0 1px rgba(0, 0, 0, 0.25), inset 0 -1px rgba(0, 0, 0, 0.25), inset 1px 0 rgba(0, 0, 0, 0.25), inset -1px 0 rgba(0, 0, 0, 0.25);
2812
+ background-color: currentColor;
2813
+ vertical-align: middle;
2814
+ }
2815
+ .ui-color-current-square-opacity {
2816
+ background: linear-gradient(var(--ui-color-opacity, #000000), var(--ui-color-opacity, #000000)), conic-gradient(black 45deg, white 45deg, white 225deg, black 225deg);
2817
+ }
2818
+ .ui-color-current-input {
2819
+ width: 72px;
2820
+ border: 1px solid var(--ui-border, #d0d0d5);
2821
+ background-color: var(--ui-white, #ffffff);
2822
+ height: 20px;
2823
+ line-height: 20px;
2824
+ padding: 2px 5px;
2825
+ border-radius: calc(var(--ui-radius, 4px) - 1px);
2826
+ margin-left: 5px;
2827
+ font-size: 13px;
2828
+ vertical-align: middle;
2829
+ box-sizing: content-box;
2830
+ text-transform: uppercase;
2831
+ color: inherit;
2832
+ }
2833
+ .ui-color-body {
2834
+ min-height: 100px;
2835
+ }
2836
+ .ui-color-basic {
2837
+ overflow: hidden;
2838
+ }
2839
+ .ui-color-lump-group {
2840
+ width: 72px;
2841
+ float: left;
2842
+ }
2843
+ .ui-color-lump {
2844
+ display: block;
2845
+ width: 11px;
2846
+ height: 11px;
2847
+ margin: 0 1px 1px 0;
2848
+ box-sizing: border-box;
2849
+ background-color: currentColor;
2850
+ }
2851
+ .ui-color-lump:hover,
2852
+ .ui-color-basic a.active,
2853
+ .ui-color-lump-preset:hover {
2854
+ border: 1px solid var(--ui-white, #ffffff);
2855
+ }
2856
+ .ui-color-lump-preset {
2857
+ display: block;
2858
+ height: 35px;
2859
+ margin: 0 1px 1px 0;
2860
+ box-sizing: border-box;
2861
+ background-color: currentColor;
2862
+ border: 1px solid transparent;
2863
+ }
2864
+ .ui-color-basic-l {
2865
+ width: 12px;
2866
+ float: left;
2867
+ overflow: hidden;
2868
+ }
2869
+ .ui-color-basic-r {
2870
+ margin-left: 25px;
2871
+ overflow: hidden;
2872
+ display: flex;
2873
+ flex-direction: column;
2874
+ height: 150px;
2875
+ flex-wrap: wrap;
2876
+ }
2877
+ .ui-color-basic-r .ui-color-lump {
2878
+ float: left;
2879
+ }
2880
+ .ui-color-more {
2881
+ display: none;
2882
+ height: 150px;
2883
+ }
2884
+ .ui-color-more .ui-color-gradient {
2885
+ width: 100%;
2886
+ height: 100%;
2887
+ }
2888
+ .ui-color-more-l {
2889
+ width: 180px;
2890
+ height: inherit;
2891
+ float: left;
2892
+ position: relative;
2893
+ }
2894
+ .ui-color-more-l .ui-color-gradient {
2895
+ background: linear-gradient(90deg, #ff0000 0%, #ffff00 16.66%, #00ff00 33.33%, #00ffff 50%, #0000ff 66.66%, #ff00ff 83.33%, #ff0000 100%);
2896
+ }
2897
+ .ui-color-cover-white {
2898
+ background-color: rgba(0, 0, 0, 0);
2899
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #808080);
2900
+ cursor: crosshair;
2901
+ }
2902
+ .ui-color-circle {
2903
+ position: absolute;
2904
+ left: 0;
2905
+ top: 0;
2906
+ width: 16px;
2907
+ height: 16px;
2908
+ border: 3px solid var(--ui-white, #ffffff);
2909
+ border-radius: 20px;
2910
+ background-color: red;
2911
+ background-clip: content-box;
2912
+ transform: translate(-11px, -11px);
2913
+ pointer-events: none;
2914
+ }
2915
+ .ui-color-more-r {
2916
+ height: inherit;
2917
+ float: right;
2918
+ padding-right: 8px;
2919
+ position: relative;
2920
+ }
2921
+ .ui-color-more-fill {
2922
+ display: block;
2923
+ width: 16px;
2924
+ height: 100%;
2925
+ background-color: red;
2926
+ }
2927
+ .ui-color-cover-white,
2928
+ .ui-color-more-cover {
2929
+ position: absolute;
2930
+ left: 0;
2931
+ top: 0;
2932
+ width: inherit;
2933
+ height: 150px;
2934
+ }
2935
+ .ui-color-more-cover {
2936
+ background-color: rgba(0, 0, 0, 0.01);
2937
+ -webkit-tap-highlight-color: transparent;
2938
+ }
2939
+ .ui-color-more-arrow {
2940
+ position: absolute;
2941
+ right: 0;
2942
+ top: 100%;
2943
+ }
2944
+ .ui-color-more-arrow:before {
2945
+ content: '';
2946
+ position: absolute;
2947
+ right: 0;
2948
+ top: -5px;
2949
+ width: 0;
2950
+ height: 0;
2951
+ border-width: 5px 6px;
2952
+ border-style: solid;
2953
+ border-color: transparent;
2954
+ border-right-color: #36383f;
2955
+ overflow: hidden;
2956
+ }
2957
+ .ui-color-opacity {
2958
+ margin-top: 12px;
2959
+ text-align: center;
2960
+ }
2961
+ .ui-color-opacity-range {
2962
+ width: 180px;
2963
+ }
2964
+ .ui-color-footer {
2965
+ margin-top: 15px;
2966
+ padding-bottom: 5px;
2967
+ text-align: right;
2968
+ }
2969
+ .ui-color-button-cancel,
2970
+ .ui-color-button-ensure {
2971
+ display: inline-block;
2972
+ width: 80px;
2973
+ line-height: 20px;
2974
+ padding-top: 8px;
2975
+ padding-bottom: 8px;
2976
+ margin-left: 15px;
2977
+ border-radius: var(--ui-radius, 4px);
2978
+ text-align: center;
2979
+ font-size: var(--ui-font, 14px);
2980
+ font-family: inherit;
2981
+ transition: box-shadow var(--ui-animate-time, 0.2s), border-color var(--ui-animate-time, 0.2s);
2982
+ cursor: pointer;
2983
+ }
2984
+ .ui-color-button-cancel {
2985
+ border: 1px solid var(--ui-border, #d0d0d5);
2986
+ background-color: var(--ui-white, #ffffff);
2987
+ color: var(--ui-dark, #4c5161);
2988
+ }
2989
+ .ui-color-button-cancel:hover {
2990
+ border-color: var(--ui-dark-border, #ababaf);
2991
+ color: var(--ui-dark, #4c5161);
2992
+ }
2993
+ .ui-color-button-ensure {
2994
+ border: 1px solid var(--ui-blue, #2a80eb);
2995
+ background-color: var(--ui-blue, #2a80eb);
2996
+ color: var(--ui-white, #ffffff);
2997
+ }
2998
+ .ui-color-button-ensure:hover {
2999
+ color: var(--ui-white, #ffffff);
3000
+ }
3001
+ .ui-color-button-cancel:hover,
3002
+ .ui-color-button-ensure:hover {
3003
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.01), inset 0 0 0 100px rgba(0, 0, 0, 0.05);
3004
+ }
3005
+ .ui-color-button-cancel:active,
3006
+ .ui-color-button-ensure:active {
3007
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 0 0 100px rgba(0, 0, 0, 0.1);
3008
+ }
3009
+ @media (prefers-reduced-motion: reduce) {
3010
+ .ui-color-container {
3011
+ animation: none;
3012
+ }
3013
+ .ui-color-switch,
3014
+ .ui-color-button-cancel,
3015
+ .ui-color-button-ensure {
3016
+ transition: none;
3017
+ }
3018
+ }
3019
+ datalist {
3020
+ display: none;
3021
+ }
3022
+ .ui-datalist {
3023
+ display: none;
3024
+ position: absolute;
3025
+ animation: fadeIn var(--ui-animate-time, 0.2s);
3026
+ z-index: 19;
3027
+ }
3028
+ .ui-datalist-datalist {
3029
+ max-height: 304px;
3030
+ background-color: var(--ui-white, #ffffff);
3031
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
3032
+ margin: 0;
3033
+ padding: 0;
3034
+ list-style: none;
3035
+ border: 1px solid var(--ui-border, #d0d0d5);
3036
+ border: 0 rgba(0, 0, 0, 0.2);
3037
+ font-size: var(--ui-font, 14px);
3038
+ position: relative;
3039
+ overflow: auto;
3040
+ overscroll-behavior: none;
3041
+ -ms-scroll-chaining: none;
3042
+ }
3043
+ .ui-datalist-datalist::-webkit-scrollbar {
3044
+ width: 8px;
3045
+ height: 8px;
3046
+ }
3047
+ .ui-datalist-datalist::-webkit-scrollbar-thumb {
3048
+ background-color: #bbb;
3049
+ border-radius: calc(var(--ui-radius, 4px) + 4px);
3050
+ }
3051
+ .ui-datalist-datalist::-webkit-scrollbar-thumb:hover {
3052
+ background-color: #aaa;
3053
+ }
3054
+ .ui-datalist-datalist::-webkit-scrollbar-track-piece {
3055
+ background-color: #ddd;
3056
+ }
3057
+ .ui-datalist-option {
3058
+ line-height: 20px;
3059
+ padding: 9px 12px;
3060
+ background-color: var(--ui-white, #ffffff);
3061
+ transition: background-color var(--ui-animate-time, 0.2s);
3062
+ overflow: hidden;
3063
+ cursor: pointer;
3064
+ }
3065
+ .ui-datalist:empty,
3066
+ .ui-datalist-option:empty {
3067
+ display: none;
3068
+ }
3069
+ .ui-datalist-option:not(.disabled):hover {
3070
+ background-color: var(--ui-list-hover, #f0f7ff);
3071
+ }
3072
+ .ui-datalist-datalist > .selected {
3073
+ background-color: var(--ui-list-selected, #e0f0ff);
3074
+ }
3075
+ .ui-datalist-datalist > .disabled {
3076
+ opacity: var(--ui-opacity, 0.4);
3077
+ cursor: default;
3078
+ -webkit-user-select: none;
3079
+ -moz-user-select: none;
3080
+ user-select: none;
3081
+ }
3082
+ .ui-datalist-value {
3083
+ display: block;
3084
+ text-overflow: ellipsis;
3085
+ white-space: nowrap;
3086
+ color: inherit;
3087
+ overflow: hidden;
3088
+ }
3089
+ .ui-datalist-label {
3090
+ float: right;
3091
+ color: var(--ui-gray, #a2a9b6);
3092
+ font-size: calc(var(--ui-font, 14px) - 2px);
3093
+ }
3094
+ .ui-datalist-label + .ui-datalist-value {
3095
+ margin-right: 60px;
3096
+ }
3097
+ @media (prefers-reduced-motion: reduce) {
3098
+ .ui-datalist {
3099
+ animation: none;
3100
+ }
3101
+ .ui-datalist-option {
3102
+ transition: none;
3103
+ }
3104
+ }
3105
+ [is='ui-datetime']::-webkit-clear-button,
3106
+ [is='ui-datetime']::-webkit-inner-spin-button,
3107
+ [is='ui-datetime']::-webkit-calendar-picker-indicator {
3108
+ display: none;
3109
+ }
3110
+ [type='date'][is='ui-datetime']::-webkit-datetime-edit-text {
3111
+ color: transparent;
3112
+ background: linear-gradient(to bottom, transparent 9px, var(--ui-dark, #4c5161) 9px, var(--ui-dark, #4c5161) 10px, transparent 10px) no-repeat center;
3113
+ background-size: 80% 100%;
3114
+ }
3115
+ [is='ui-datetime']::-webkit-datetime-edit-text,
3116
+ [is='ui-datetime']::-webkit-datetime-edit-year-field,
3117
+ [is='ui-datetime']::-webkit-datetime-edit-month-field,
3118
+ [is='ui-datetime']::-webkit-datetime-edit-day-field,
3119
+ [is='ui-datetime']::-webkit-datetime-edit-hour-field,
3120
+ [is='ui-datetime']:disabled::-webkit-datetime-edit-text,
3121
+ [is='ui-datetime']:disabled::-webkit-datetime-edit-year-field,
3122
+ [is='ui-datetime']:disabled::-webkit-datetime-edit-month-field,
3123
+ [is='ui-datetime']:disabled::-webkit-datetime-edit-day-field,
3124
+ [is='ui-datetime']:disabled::-webkit-datetime-edit-hour-field,
3125
+ [is='ui-datetime'] {
3126
+ font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
3127
+ height: var(--ui-input-height);
3128
+ line-height: var(--ui-input-line-height);
3129
+ padding: calc((var(--ui-input-height) - var(--ui-input-line-height) - 2px) / 2) 8px;
3130
+ padding-right: 20px;
3131
+ border: 1px solid var(--ui-border, #d0d0d5);
3132
+ border-radius: var(--ui-radius, 4px);
3133
+ box-sizing: border-box;
3134
+ font-size: var(--ui-font, 14px);
3135
+ outline: none;
3136
+ color: var(--ui-dark, #4c5161);
3137
+ transition: border-color var(--ui-animate-time, 0.2s), background-color var(--ui-animate-time, 0.2s);
3138
+ -webkit-tap-highlight-color: transparent;
3139
+ -webkit-appearance: none;
3140
+ background: var(--ui-white, #fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-205 297 200 200'%3E%3Cpath d='M-59.3 365.9c-5.1-5.2-13.4-5.2-18.5 0l-27.7 28.3-27.7-28.3c-5.1-5.2-13.4-5.2-18.5 0s-5.1 13.6 0 18.9l46.2 47.1 46.2-47.1c5.1-5.2 5.1-13.6 0-18.9z' fill='%232a80eb'/%3E%3C/svg%3E") no-repeat right 3px center;
3141
+ background-size: 20px 20px;
3142
+ -webkit-user-select: none;
3143
+ -moz-user-select: none;
3144
+ user-select: none;
3145
+ cursor: pointer;
3146
+ }
3147
+ [is='ui-datetime']:-moz-read-write {
3148
+ box-shadow: none;
3149
+ color: transparent;
3150
+ }
3151
+ [is='ui-datetime']:read-write {
3152
+ box-shadow: none;
3153
+ color: transparent;
3154
+ }
3155
+ :disabled[is='ui-datetime'] {
3156
+ color: var(--ui-gray, #a2a9b6);
3157
+ background: var(--ui-light, #f7f9fa) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-205 297 200 200'%3E%3Cpath d='M-59.3 365.9c-5.1-5.2-13.4-5.2-18.5 0l-27.7 28.3-27.7-28.3c-5.1-5.2-13.4-5.2-18.5 0s-5.1 13.6 0 18.9l46.2 47.1 46.2-47.1c5.1-5.2 5.1-13.6 0-18.9z' fill='%232a80eb' fill-opacity='0.4' /%3E%3C/svg%3E") no-repeat right 3px center;
3158
+ background-size: 20px 20px;
3159
+ cursor: default;
3160
+ }
3161
+ :active[is='ui-datetime'] {
3162
+ background-color: var(--ui-light, #f7f9fa);
3163
+ }
3164
+ [is-error][is='ui-datetime'] {
3165
+ border-color: var(--ui-red, #eb4646);
3166
+ }
3167
+ [is='ui-datetime']:not(:disabled):hover {
3168
+ border-color: var(--ui-dark-border, #ababaf);
3169
+ }
3170
+ [is='ui-datetime']:not(:disabled):active {
3171
+ background-color: var(--ui-light, #f7f9fa);
3172
+ }
3173
+ [is='ui-datetime']:not([type]) {
3174
+ width: 125px;
3175
+ }
3176
+ [is='ui-datetime'][type='date'] {
3177
+ min-width: 125px;
3178
+ }
3179
+ [is='ui-datetime'][type='year'],
3180
+ [is='ui-datetime'][type='time'],
3181
+ [is='ui-datetime'][type='hour'],
3182
+ [is='ui-datetime'][type='minute'] {
3183
+ width: 85px;
3184
+ }
3185
+ [is='ui-datetime'][type='month'] {
3186
+ width: 125px;
3187
+ }
3188
+ [is='ui-datetime'][type='date-range'] {
3189
+ width: 210px;
3190
+ }
3191
+ [is='ui-datetime'][type='month-range'] {
3192
+ width: 170px;
3193
+ }
3194
+ [is='ui-datetime'][type='time'] {
3195
+ width: auto;
3196
+ }
3197
+ @supports not ((-moz-text-align-last: auto) or (text-align-last: auto)) {
3198
+ [is='ui-datetime'][type='time'] {
3199
+ max-width: 125px;
3200
+ }
3201
+ }
3202
+ @supports not (-moz-appearance: none) {
3203
+ [is='ui-datetime'][type='time'] {
3204
+ padding-right: 33px;
3205
+ }
3206
+ }
3207
+ .ui-date-container {
3208
+ display: inline-block;
3209
+ background-color: var(--ui-white, #ffffff);
3210
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
3211
+ border: 1px solid var(--ui-border, #d0d0d5);
3212
+ border-radius: var(--ui-radius, 4px);
3213
+ font-size: var(--ui-font, 14px);
3214
+ font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
3215
+ animation: fadeIn var(--ui-animate-time, 0.2s);
3216
+ --safe-area: 3px;
3217
+ -webkit-user-select: none;
3218
+ -moz-user-select: none;
3219
+ user-select: none;
3220
+ }
3221
+ body > .ui-date-container {
3222
+ display: none;
3223
+ position: absolute;
3224
+ z-index: 9;
3225
+ }
3226
+ .ui-date-container a {
3227
+ text-decoration: none;
3228
+ transition: background-color var(--ui-animate-time, 0.2s), color var(--ui-animate-time, 0.2s);
3229
+ }
3230
+ .ui-date-head {
3231
+ padding: 5px 0 0;
3232
+ overflow: hidden;
3233
+ }
3234
+ .ui-date-half {
3235
+ width: 50%;
3236
+ float: left;
3237
+ }
3238
+ .ui-date-prev,
3239
+ .ui-date-next {
3240
+ width: 35px;
3241
+ height: 30px;
3242
+ text-align: center;
3243
+ color: #b6bbc6;
3244
+ }
3245
+ a.ui-date-prev:hover {
3246
+ color: var(--ui-blue, #2a80eb);
3247
+ }
3248
+ span.ui-date-prev {
3249
+ color: var(--ui-diabled, #ccd0d7);
3250
+ }
3251
+ a.ui-date-next:hover {
3252
+ color: var(--ui-blue, #2a80eb);
3253
+ }
3254
+ span.ui-date-next {
3255
+ color: var(--ui-diabled, #ccd0d7);
3256
+ }
3257
+ .ui-date-prev:before,
3258
+ .ui-date-next:before {
3259
+ content: '';
3260
+ display: block;
3261
+ width: 20px;
3262
+ height: 20px;
3263
+ background-color: currentColor;
3264
+ margin: 5px auto 0;
3265
+ --mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M85.876 100.5l49.537-50.526c4.089-4.215 4.089-11.049 0-15.262-4.089-4.218-10.719-4.218-14.808 0L63.586 92.868c-4.089 4.215-4.089 11.049 0 15.264l57.018 58.156c4.089 4.215 10.719 4.215 14.808 0s4.089-11.049 0-15.262L85.876 100.5z'/%3E%3C/svg%3E");
3266
+ -webkit-mask: var(--mask-image);
3267
+ mask: var(--mask-image);
3268
+ -webkit-mask-size: 100% 100%;
3269
+ mask-size: 100% 100%;
3270
+ }
3271
+ .ui-date-next:before {
3272
+ transform: rotate(180deg);
3273
+ }
3274
+ .ui-date-prev {
3275
+ float: left;
3276
+ }
3277
+ .ui-date-next {
3278
+ float: right;
3279
+ }
3280
+ .ui-date-switch {
3281
+ display: block;
3282
+ line-height: 30px;
3283
+ margin: 0 35px;
3284
+ border-radius: calc(var(--ui-radius, 4px) - 2px);
3285
+ color: var(--ui-dark, #4c5161);
3286
+ text-align: center;
3287
+ }
3288
+ a.ui-date-switch:hover,
3289
+ a.ui-date-item:not(.selected):hover {
3290
+ color: var(--ui-dark, #4c5161);
3291
+ background-color: #f0f0f2;
3292
+ }
3293
+ .ui-minute-x,
3294
+ .ui-hour-x,
3295
+ .ui-year-x,
3296
+ .ui-month-x,
3297
+ .ui-date-x {
3298
+ width: 225px;
3299
+ }
3300
+ .ui-minute-x[data-step='1'] {
3301
+ width: 328px;
3302
+ }
3303
+ .ui-minute-x[data-step='2'] {
3304
+ width: 276px;
3305
+ }
3306
+ .ui-minute-body {
3307
+ padding-left: 12px;
3308
+ padding-bottom: 12px;
3309
+ }
3310
+ .ui-hour-body {
3311
+ padding: 8px 0 12px 12px;
3312
+ }
3313
+ .ui-year-body,
3314
+ .ui-month-body,
3315
+ .ui-date-body {
3316
+ padding-left: 5px;
3317
+ padding-right: 2px;
3318
+ padding-bottom: 5px;
3319
+ }
3320
+ .ui-date-item {
3321
+ display: inline-block;
3322
+ border-radius: calc(var(--ui-radius, 4px) - 2px);
3323
+ text-align: center;
3324
+ font-size: 13px;
3325
+ color: var(--ui-dark, #4c5161);
3326
+ }
3327
+ span.ui-date-item {
3328
+ opacity: var(--ui-opacity, 0.4);
3329
+ }
3330
+ .ui-date-item.col0,
3331
+ .ui-date-item.col6,
3332
+ .ui-day-item.col0,
3333
+ .ui-day-item.col6 {
3334
+ color: var(--ui-red, #eb4646);
3335
+ }
3336
+ .ui-date-tr:last-child .ui-date-item:empty {
3337
+ display: none;
3338
+ }
3339
+ .ui-minute-body .ui-date-item,
3340
+ .ui-hour-body .ui-date-item {
3341
+ width: 45px;
3342
+ line-height: 26px;
3343
+ margin-top: 4px;
3344
+ margin-right: 7px;
3345
+ }
3346
+ .ui-year-body .ui-date-item,
3347
+ .ui-month-body .ui-date-item {
3348
+ width: 45px;
3349
+ line-height: 54px;
3350
+ margin-top: 5px;
3351
+ margin-left: 7px;
3352
+ }
3353
+ .ui-date-now {
3354
+ display: block;
3355
+ line-height: 30px;
3356
+ margin: 0 5px 5px;
3357
+ text-align: center;
3358
+ }
3359
+ .ui-day-x {
3360
+ padding: 0 2px 0 5px;
3361
+ text-align: center;
3362
+ }
3363
+ .ui-day-item,
3364
+ .ui-date-body .ui-date-item {
3365
+ display: inline-block;
3366
+ width: 28px;
3367
+ line-height: 28px;
3368
+ margin-right: 3px;
3369
+ margin-top: 1px;
3370
+ vertical-align: top;
3371
+ }
3372
+ .ui-range-x {
3373
+ width: 458px;
3374
+ }
3375
+ .ui-range-body {
3376
+ overflow: hidden;
3377
+ }
3378
+ .ui-range-body .ui-date-half + .ui-date-half {
3379
+ border-left: 1px solid #f0f0f2;
3380
+ margin-left: -1px;
3381
+ }
3382
+ .ui-range-footer {
3383
+ padding: 5px 15px 15px;
3384
+ text-align: right;
3385
+ }
3386
+ .ui-range-footer > .ui-button {
3387
+ margin-left: 10px;
3388
+ }
3389
+ .ui-date-container .selected {
3390
+ background-color: var(--ui-blue, #2a80eb);
3391
+ color: var(--ui-white, #ffffff);
3392
+ cursor: default;
3393
+ }
3394
+ .ui-date-container span.selected {
3395
+ opacity: var(--ui-opacity, 0.4);
3396
+ }
3397
+ .ui-range-body .ui-date-half {
3398
+ width: 229px;
3399
+ }
3400
+ .ui-range-body .ui-date-body {
3401
+ padding-left: 6px;
3402
+ padding-right: 0;
3403
+ }
3404
+ .ui-range-body .ui-month-body {
3405
+ margin-bottom: 15px;
3406
+ }
3407
+ .ui-range-date-body .selected {
3408
+ width: 26px;
3409
+ line-height: 26px;
3410
+ border: 1px solid var(--ui-blue, #2a80eb);
3411
+ border-right-width: 4px;
3412
+ margin-right: 0;
3413
+ border-radius: 0;
3414
+ }
3415
+ .ui-range-body .selected.col0 {
3416
+ margin-left: -6px;
3417
+ border-left-width: 7px;
3418
+ }
3419
+ .ui-range-body .selected.col6 {
3420
+ border-right-width: 10px;
3421
+ }
3422
+ .ui-range-body .selected.ui-date-first:not(.col0) {
3423
+ border-top-left-radius: 2px;
3424
+ border-bottom-left-radius: 2px;
3425
+ }
3426
+ .ui-range-body .selected.ui-date-last:not(.col6) {
3427
+ border-top-right-radius: 2px;
3428
+ border-bottom-right-radius: 2px;
3429
+ }
3430
+ .ui-range-body .ui-date-begin,
3431
+ .ui-range-body .ui-date-end {
3432
+ border-radius: 0;
3433
+ width: 26px;
3434
+ background-color: var(--ui-white, #ffffff);
3435
+ color: var(--ui-dark, #4c5161);
3436
+ }
3437
+ .ui-range-body .ui-date-begin {
3438
+ border-right-width: 4px;
3439
+ border-left-width: 1px;
3440
+ border-top-left-radius: 2px;
3441
+ border-bottom-left-radius: 2px;
3442
+ }
3443
+ .ui-range-body .ui-date-end {
3444
+ margin-right: 3px;
3445
+ border-right-width: 1px;
3446
+ border-top-right-radius: 2px;
3447
+ border-bottom-right-radius: 2px;
3448
+ }
3449
+ .ui-range-body .ui-date-begin:hover,
3450
+ .ui-range-body .ui-date-end:hover {
3451
+ background-color: var(--ui-white, #ffffff);
3452
+ color: var(--ui-dark, #4c5161);
3453
+ }
3454
+ .ui-range-body .ui-date-begin.col6 {
3455
+ border-right-width: 0;
3456
+ padding-right: 9px;
3457
+ }
3458
+ .ui-range-body .ui-date-begin.col0 {
3459
+ border-left-width: 1px;
3460
+ margin-left: 0;
3461
+ }
3462
+ .ui-range-body .ui-date-end.col0 {
3463
+ border-left-width: 0;
3464
+ padding-left: 7px;
3465
+ }
3466
+ .ui-range-body .ui-date-end.col6 {
3467
+ border-right-width: 1px;
3468
+ }
3469
+ .ui-range-body .ui-date-begin.ui-date-end {
3470
+ margin-right: 3px;
3471
+ padding: 0;
3472
+ border: 1px solid var(--ui-blue, #2a80eb);
3473
+ border-radius: calc(var(--ui-radius, 4px) - 2px);
3474
+ }
3475
+ .ui-range-body .ui-date-begin + .ui-date-end {
3476
+ border-left-width: 1px;
3477
+ margin-right: 3px;
3478
+ }
3479
+ .ui-time-x {
3480
+ display: inline-flex;
3481
+ gap: 5px;
3482
+ padding: 5px;
3483
+ }
3484
+ .ui-time-col {
3485
+ height: 290px;
3486
+ overflow: auto;
3487
+ overflow: overlay;
3488
+ scrollbar-width: none;
3489
+ overscroll-behavior: contain;
3490
+ }
3491
+ .ui-time-col::-webkit-scrollbar {
3492
+ display: none;
3493
+ }
3494
+ .ui-time-item {
3495
+ display: block;
3496
+ border: 0;
3497
+ background-color: var(--ui-white, #fff);
3498
+ padding: 0 1em;
3499
+ height: var(--ui-component-height, 40px);
3500
+ color: var(--ui-dark, #4c5161);
3501
+ }
3502
+ .ui-time-item:disabled {
3503
+ opacity: var(--ui-opacity, 0.4);
3504
+ }
3505
+ .ui-time-item:not(:disabled):not(.selected):hover {
3506
+ background-color: var(--ui-list-hover, #f0f7ff);
3507
+ }
3508
+ .ui-time-item[data-visibility='false'] {
3509
+ display: none;
3510
+ }
3511
+ @media (prefers-reduced-motion: reduce) {
3512
+ .ui-date-container {
3513
+ animation: none;
3514
+ }
3515
+ [is='ui-datetime'],
3516
+ .ui-date-container a {
3517
+ transition: none;
3518
+ }
3519
+ }
3520
+ :root {
3521
+ --ui-url-close: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M594.698 511.995l186.788-186.808a37.693 37.693 0 0 0 0-53.35l-26.7-26.702c-14.7-14.75-38.6-14.75-53.351 0L514.637 431.933 327.839 245.13a37.755 37.755 0 0 0-53.402 0l-26.65 26.701a37.693 37.693 0 0 0 0 53.35L434.576 511.99 247.788 698.778a37.755 37.755 0 0 0 0 53.401l26.65 26.701a37.847 37.847 0 0 0 53.4 0l186.799-186.819L701.44 778.885c14.75 14.7 38.65 14.7 53.35 0l26.701-26.7a37.755 37.755 0 0 0 0-53.402L594.698 511.995z' fill='%23bbb'/%3E%3C/svg%3E");
3522
+ --ui-dialog-icon-url: url("data:image/svg+xml,%3Csvg width='401' height='401' viewBox='0 0 401 401' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M200.501.5C310.958.5 400.5 90.042 400.5 200.5c0 110.457-89.542 199.999-199.999 199.999C90.043 400.499.5 310.957.5 200.5.5 90.042 90.043.5 200.501.5zm5.002 280.002h-10a5 5 0 0 0-5 4.999v20.002a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5v-20.002a5 5 0 0 0-5-4.999zm0-179.999h-10a5 5 0 0 0-5 5v150a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5v-150a5 5 0 0 0-5-5z' fill='%23F59B00' fill-rule='nonzero'/%3E%3C/svg%3E");
3523
+ --ui-dialog-success-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cpath fill='%231cad70' d='M400.5 200.5c0 110.457-89.542 199.999-199.999 199.999C90.043 400.499.5 310.957.5 200.5m0 0C.5 90.042 90.043.5 200.501.5 310.958.5 400.5 90.042 400.5 200.5'/%3E%3Cpath fill='%23FFF' d='M286.398 147.132c-1.654-1.134-3.306-2.395-6.801-4.293-4.271-2.336-9.259 2.624-12.391 6.816l-77.641 102.279-47.916-63.522c-3.144-4.188-4.902-8.468-13.073-1.859-3.097 2.123.234-.361-3.969 2.881-3.884 3.064-4.105 8.598-.971 12.774 0 0 38.641 55.817 45.883 65.074 10.625 13.22 29.944 12.57 40.087 0 7.483-9.473 77.757-107.584 77.757-107.584 3.14-4.194 2.898-9.697-.965-12.566z'/%3E%3C/svg%3E");
3524
+ }
3525
+ [is='ui-dialog'] {
3526
+ position: fixed;
3527
+ left: 0;
3528
+ top: 0;
3529
+ height: 100%;
3530
+ width: 100%;
3531
+ padding: 0;
3532
+ border: 0;
3533
+ background-color: rgba(25, 28, 34, 0.88);
3534
+ color: var(--ui-dark, #4c5161);
3535
+ font-size: var(--ui-font, 14px);
3536
+ overflow: auto;
3537
+ z-index: 19;
3538
+ display: grid;
3539
+ place-items: center;
3540
+ }
3541
+ [is='ui-dialog']:not([open]) {
3542
+ display: none;
3543
+ }
3544
+ .ui-dialog-animation {
3545
+ animation: fadeIn var(--ui-animate-time, 0.2s) both;
3546
+ }
3547
+ [is='ui-dialog'] + [is='ui-dialog'] {
3548
+ transition: background-color var(--ui-animate-time, 0.2s);
3549
+ background-color: transparent;
3550
+ }
3551
+ .ui-dialog {
3552
+ display: flex;
3553
+ flex-direction: column;
3554
+ min-width: 400px;
3555
+ max-width: calc(100vw - 16px);
3556
+ border-radius: var(--ui-radius, 4px);
3557
+ background-color: var(--ui-light, #f7f9fa);
3558
+ outline: none;
3559
+ position: relative;
3560
+ }
3561
+ .ui-dialog[style^='width:'],
3562
+ .ui-dialog[style*=' width:'] {
3563
+ min-width: initial;
3564
+ }
3565
+ .ui-dialog-animation .ui-dialog {
3566
+ animation: tinydown var(--ui-animate-time, 0.2s);
3567
+ }
3568
+ .ui-dialog-title {
3569
+ margin: 0;
3570
+ line-height: 30px;
3571
+ padding: 15px 50px 0 25px;
3572
+ font-weight: 700;
3573
+ font-size: var(--ui-font, 14px);
3574
+ color: var(--ui-dark, #4c5161);
3575
+ -webkit-user-select: none;
3576
+ -moz-user-select: none;
3577
+ user-select: none;
3578
+ cursor: default;
3579
+ }
3580
+ .ui-dialog-close {
3581
+ position: absolute;
3582
+ top: 8px;
3583
+ right: 7px;
3584
+ width: 40px;
3585
+ height: 40px;
3586
+ border: 0;
3587
+ background: none;
3588
+ font-size: 0;
3589
+ cursor: pointer;
3590
+ z-index: 1;
3591
+ }
3592
+ .ui-dialog-close:before {
3593
+ content: '';
3594
+ position: absolute;
3595
+ left: 0;
3596
+ top: 0;
3597
+ width: inherit;
3598
+ height: inherit;
3599
+ background-color: var(--ui-gray, #a2a9b6);
3600
+ transition: background-color var(--ui-animate-time, 0.2s);
3601
+ -webkit-mask: var(--ui-url-close) no-repeat center / 24px;
3602
+ mask: var(--ui-url-close) no-repeat center / 24px;
3603
+ }
3604
+ .ui-dialog-close:hover:before {
3605
+ background-color: var(--ui-dark, #4c5161);
3606
+ }
3607
+ .ui-dialog-body {
3608
+ display: flow-root;
3609
+ min-height: 60px;
3610
+ padding: 10px 25px 20px;
3611
+ }
3612
+ .ui-dialog-title:empty ~ .ui-dialog-body {
3613
+ min-height: 40px;
3614
+ padding-top: 30px;
3615
+ }
3616
+ @supports not (display: flow-root) {
3617
+ .ui-dialog-body:after {
3618
+ content: '';
3619
+ display: table;
3620
+ clear: both;
3621
+ }
3622
+ }
3623
+ .ui-dialog-footer {
3624
+ padding: 3px 25px 25px;
3625
+ margin-top: auto;
3626
+ text-align: right;
3627
+ max-height: 40px;
3628
+ opacity: 1;
3629
+ transition: max-height var(--ui-animate-time, 0.2s), opacity var(--ui-animate-time, 0.2s) var(--ui-animate-time, 0.2s);
3630
+ overflow: hidden;
3631
+ }
3632
+ .ui-dialog-footer:empty {
3633
+ max-height: 0;
3634
+ opacity: 0;
3635
+ }
3636
+ .ui-dialog-footer .ui-button {
3637
+ margin-left: 15px;
3638
+ }
3639
+ .ui-dialog-footer .ui-button:first-child {
3640
+ margin-left: 0;
3641
+ }
3642
+ .ui-dialog-stretch {
3643
+ max-height: 2000px;
3644
+ height: calc(100% - 50px);
3645
+ }
3646
+ .ui-dialog-stretch .ui-dialog-footer {
3647
+ position: absolute;
3648
+ left: 0;
3649
+ bottom: 0;
3650
+ right: 0;
3651
+ }
3652
+ .ui-dialog-stretch .ui-dialog-body {
3653
+ position: absolute;
3654
+ left: 0;
3655
+ right: 0;
3656
+ top: 50px;
3657
+ bottom: 90px;
3658
+ padding: 0 0 0 25px;
3659
+ overflow: auto;
3660
+ }
3661
+ .ui-dialog-confirm:before,
3662
+ .ui-dialog-alert:before {
3663
+ content: '';
3664
+ position: absolute;
3665
+ width: 40px;
3666
+ height: 40px;
3667
+ top: 0;
3668
+ left: 0;
3669
+ background-size: contain;
3670
+ background-repeat: no-repeat;
3671
+ background-position: 50% 50%;
3672
+ }
3673
+ .ui-dialog-success:before {
3674
+ background-image: var(--ui-dialog-success-url), none;
3675
+ }
3676
+ .ui-dialog-warning:before,
3677
+ .ui-dialog-danger:before,
3678
+ .ui-dialog-remind:before {
3679
+ -webkit-mask-image: var(--ui-dialog-icon-url);
3680
+ mask-image: var(--ui-dialog-icon-url);
3681
+ -webkit-mask-repeat: no-repeat;
3682
+ mask-repeat: no-repeat;
3683
+ -webkit-mask-position: 50% 50%;
3684
+ mask-position: 50% 50%;
3685
+ -webkit-mask-size: 40px;
3686
+ mask-size: 40px;
3687
+ }
3688
+ .ui-dialog-remind:before {
3689
+ background-color: var(--ui-blue, #2a80eb);
3690
+ }
3691
+ .ui-dialog-warning:before {
3692
+ background-color: var(--ui-orange, #f59b00);
3693
+ }
3694
+ .ui-dialog-danger:before {
3695
+ background-color: var(--ui-red, #eb4646);
3696
+ }
3697
+ .ui-dialog-alert,
3698
+ .ui-dialog-confirm {
3699
+ max-width: 340px;
3700
+ min-height: 40px;
3701
+ font-size: calc(var(--ui-font, 14px) + 2px);
3702
+ word-wrap: break-word;
3703
+ overflow: hidden;
3704
+ position: relative;
3705
+ }
3706
+ .ui-dialog-wrap > h6 {
3707
+ font-size: calc(var(--ui-font, 14px) + 1px);
3708
+ margin-bottom: 5px;
3709
+ margin-top: 0;
3710
+ }
3711
+ .ui-dialog-wrap > h6 ~ p {
3712
+ font-size: var(--ui-font, 14px);
3713
+ }
3714
+ .ui-dialog-wrap > p {
3715
+ margin: 0;
3716
+ }
3717
+ .ui-dialog-remind,
3718
+ .ui-dialog-success,
3719
+ .ui-dialog-warning,
3720
+ .ui-dialog-danger {
3721
+ display: flex;
3722
+ flex-direction: column;
3723
+ justify-content: center;
3724
+ margin-bottom: 20px;
3725
+ padding: 0 0 0 60px;
3726
+ background-repeat: no-repeat;
3727
+ background-position: 0 0;
3728
+ background-size: 40px 40px;
3729
+ }
3730
+ .ui-dialog-loading .ui-dialog-title,
3731
+ .ui-dialog-loading .ui-dialog-close,
3732
+ .ui-dialog-loading .ui-dialog-footer {
3733
+ visibility: hidden;
3734
+ }
3735
+ @media (pointer: coarse) {
3736
+ .ui-dialog-footer {
3737
+ display: flex;
3738
+ }
3739
+ .ui-dialog-footer .ui-button {
3740
+ flex: 1;
3741
+ }
3742
+ }
3743
+ @media (prefers-reduced-motion: reduce) {
3744
+ .ui-dialog-animation,
3745
+ .ui-dialog-animation .ui-dialog {
3746
+ animation: none;
3747
+ }
3748
+ [is='ui-dialog'] + [is='ui-dialog'],
3749
+ .ui-dialog-close:before,
3750
+ .ui-dialog-footer {
3751
+ transition: none;
3752
+ }
3753
+ }
3754
+ ui-drop[tabindex='0'] {
3755
+ cursor: pointer;
3756
+ }
3757
+ ui-drop ~ .ui-drop-target {
3758
+ position: absolute;
3759
+ z-index: 9;
3760
+ }
3761
+ ui-drop:not([open]) ~ .ui-drop-target {
3762
+ display: none;
3763
+ }
3764
+ .ui-droplist-x {
3765
+ position: absolute;
3766
+ width: 111px;
3767
+ padding: 7px 0;
3768
+ background-color: var(--ui-white, #ffffff);
3769
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
3770
+ --safe-area: 3px;
3771
+ border: 1px solid var(--ui-border, #d0d0d5);
3772
+ border-radius: var(--ui-radius, 4px);
3773
+ font-size: var(--ui-font, 14px);
3774
+ animation: fadeIn var(--ui-animate-time, 0.2s);
3775
+ z-index: 9;
3776
+ }
3777
+ .ui-droplist-li {
3778
+ display: block;
3779
+ line-height: 20px;
3780
+ padding: 7px 12px 8px;
3781
+ color: var(--ui-dark, #4c5161);
3782
+ text-decoration: none;
3783
+ cursor: pointer;
3784
+ white-space: nowrap;
3785
+ text-overflow: ellipsis;
3786
+ overflow: hidden;
3787
+ }
3788
+ .ui-droplist-hr {
3789
+ border: 0;
3790
+ border-bottom: 1px solid var(--ui-border, #d0d0d5);
3791
+ margin: 7px 12px;
3792
+ opacity: 0.4;
3793
+ }
3794
+ .ui-droplist-hr:first-child {
3795
+ display: none;
3796
+ }
3797
+ a.ui-droplist-li:hover {
3798
+ color: var(--ui-dark, #4c5161);
3799
+ background-color: var(--ui-list-hover, #f0f7ff);
3800
+ }
3801
+ a.ui-droplist-li:hover:after {
3802
+ background-position: 0 -20px;
3803
+ }
3804
+ span.ui-droplist-li {
3805
+ color: var(--ui-gray, #a2a9b6);
3806
+ cursor: default;
3807
+ }
3808
+ .ui-droplist-li[role='heading'] {
3809
+ font-weight: 700;
3810
+ padding-bottom: 5px;
3811
+ cursor: default;
3812
+ }
3813
+ [role='heading'] ~ .ui-droplist-li:not([role='heading']) {
3814
+ padding-left: 24px;
3815
+ }
3816
+ .ui-droplist-li.disabled {
3817
+ opacity: var(--ui-opacity, 0.4);
3818
+ }
3819
+ .ui-droplist-li[data-sublist]:before {
3820
+ transform: rotate(-90deg);
3821
+ margin-top: 1px;
3822
+ float: right;
3823
+ }
3824
+ .ui-droplist-x > .selected {
3825
+ background-color: var(--ui-list-selected, #e0f0ff);
3826
+ }
3827
+ .selected + .ui-droplist-xx > .ui-droplist-x {
3828
+ display: block;
3829
+ }
3830
+ .ui-droplist-xx {
3831
+ position: relative;
3832
+ }
3833
+ .ui-droplist-xx > .ui-droplist-x {
3834
+ display: none;
3835
+ left: calc(100% - 5px);
3836
+ top: -35px;
3837
+ }
3838
+ .ui-droplist-xx > .reverse {
3839
+ left: auto;
3840
+ right: calc(100% - 5px);
3841
+ }
3842
+ .ui-droplist-arrow:empty,
3843
+ .ui-droplist-arrow:not(:empty):after,
3844
+ .ui-droplist-li[data-sublist]:before {
3845
+ content: '';
3846
+ display: inline-block;
3847
+ width: 20px;
3848
+ height: 20px;
3849
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-205 197 200 400'%3E%3Cpath d='M-59.7 271.6c-4.2-4.1-11-4.1-15.3 0l-30.5 29.6-30.5-29.6c-4.2-4.1-11-4.1-15.3 0-4.2 4.1-4.2 10.7 0 14.8l38.2 37c4.2 4.1 11 4.1 15.3 0l38.2-37c4.1-4.1 4.1-10.7-.1-14.8z' fill='%23a2a9b6'/%3E%3Cpath d='M-58.7 471.6c-4.2-4.1-11-4.1-15.3 0l-30.5 29.6-30.5-29.6c-4.2-4.1-11-4.1-15.3 0-4.2 4.1-4.2 10.7 0 14.8l38.2 37c4.2 4.1 11 4.1 15.3 0l38.2-37c4.1-4.1 4.1-10.7-.1-14.8z' fill='%232a80eb'/%3E%3C/svg%3E"), none;
3850
+ background-size: 20px 40px;
3851
+ vertical-align: -5px;
3852
+ }
3853
+ a:hover .ui-droplist-arrow:empty,
3854
+ .ui-droplist-arrow:not(:empty):hover:after {
3855
+ background-position: 0 -20px;
3856
+ }
3857
+ .ui-dropanel-x {
3858
+ position: absolute;
3859
+ width: 260px;
3860
+ padding: 20px;
3861
+ background-color: var(--ui-white, #ffffff);
3862
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
3863
+ --safe-area: 3px;
3864
+ border: 1px solid var(--ui-border, #d0d0d5);
3865
+ border: 0 rgba(0, 0, 0, 0.2);
3866
+ font-size: var(--ui-font, 14px);
3867
+ animation: fadeIn var(--ui-animate-time, 0.2s);
3868
+ z-index: 9;
3869
+ }
3870
+ .ui-dropanel-title {
3871
+ line-height: 20px;
3872
+ margin-top: -2px;
3873
+ margin-bottom: 0;
3874
+ font-size: var(--ui-font, 14px);
3875
+ font-weight: 700;
3876
+ }
3877
+ .ui-dropanel-close {
3878
+ position: absolute;
3879
+ top: 12px;
3880
+ right: 12px;
3881
+ width: 20px;
3882
+ height: 20px;
3883
+ border: 0;
3884
+ padding: 0;
3885
+ background: none;
3886
+ cursor: pointer;
3887
+ z-index: 1;
3888
+ }
3889
+ .ui-dropanel-close:before {
3890
+ content: '';
3891
+ position: absolute;
3892
+ left: 0;
3893
+ right: 0;
3894
+ top: 0;
3895
+ bottom: 0;
3896
+ background: var(--ui-dark-gray, #b6bbc6);
3897
+ transition: background-color var(--ui-animate-time, 0.2s);
3898
+ --mask-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%20viewBox%3D%220%200%20200%20200%22%20%3E%3Cpath%20d%3D%22M116.152%2C99.999l36.482-36.486c2.881-2.881%2C2.881-7.54%2C0-10.42%20l-5.215-5.215c-2.871-2.881-7.539-2.881-10.42%2C0l-36.484%2C36.484L64.031%2C47.877c-2.881-2.881-7.549-2.881-10.43%2C0l-5.205%2C5.215%20c-2.881%2C2.881-2.881%2C7.54%2C0%2C10.42l36.482%2C36.486l-36.482%2C36.482c-2.881%2C2.881-2.881%2C7.549%2C0%2C10.43l5.205%2C5.215%20c2.881%2C2.871%2C7.549%2C2.871%2C10.43%2C0l36.484-36.488L137%2C152.126c2.881%2C2.871%2C7.549%2C2.871%2C10.42%2C0l5.215-5.215%20c2.881-2.881%2C2.881-7.549%2C0-10.43L116.152%2C99.999z%22%2F%3E%3C%2Fsvg%3E);
3899
+ -webkit-mask: var(--mask-image) no-repeat center / 100% 100%;
3900
+ mask: var(--mask-image) no-repeat center / 100% 100%;
3901
+ }
3902
+ .ui-dropanel-close:hover:before {
3903
+ background-color: var(--ui-dark, #4c5161);
3904
+ }
3905
+ .ui-dropanel-content {
3906
+ display: block;
3907
+ min-height: 40px;
3908
+ padding: 10px 0 20px;
3909
+ }
3910
+ .ui-dropanel-footer {
3911
+ text-align: right;
3912
+ }
3913
+ .ui-dropanel-footer .ui-button {
3914
+ margin-left: 15px;
3915
+ }
3916
+ .ui-dropanel-footer .ui-button:first-child {
3917
+ margin-left: 0;
3918
+ }
3919
+ @media (prefers-reduced-motion: reduce) {
3920
+ .ui-droplist-x,
3921
+ .ui-dropanel-x {
3922
+ animation: none;
3923
+ }
3924
+ .ui-dropanel-close:before {
3925
+ transition: none;
3926
+ }
3927
+ }
3928
+ :root {
3929
+ --ui-input-height: var(--ui-component-height, 40px);
3930
+ --ui-input-line-height: var(--ui-line-height, 20px);
3931
+ --ui-input-search-img: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M638.72 638.72a256 256 0 1 0-361.984-361.984A256 256 0 0 0 638.72 638.72zm58.71 119.04a384 384 0 1 1 85.418-95.573l202.24 202.24a64.256 64.256 0 0 1 .597 91.136 63.744 63.744 0 0 1-91.05-.598l-197.206-197.12z' fill='%23b6bbc6'/%3E%3C/svg%3E") no-repeat;
3932
+ }
3933
+ [type='search'] {
3934
+ -webkit-appearance: none;
3935
+ }
3936
+ [type='search']::-webkit-search-cancel-button {
3937
+ -webkit-appearance: none;
3938
+ width: 20px;
3939
+ height: 20px;
3940
+ margin-right: -2px;
3941
+ background: var(--ui-dark-gray, #b6bbc6) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkYiIGQ9Ik0wIDB2MjAwaDIwMFYwSDB6bTE1MS42MzYgMTM2LjQ4MmE3LjM3NCA3LjM3NCAwIDAgMSAwIDEwLjQyN2wtNS4yMTIgNS4yMWE3LjM3MiA3LjM3MiAwIDAgMS0xMC40MjYgMGwtMzYuNDgzLTM2LjQ4NUw2My4wMyAxNTIuMTJhNy4zNyA3LjM3IDAgMCAxLTEwLjQyNCAwbC01LjIxLTUuMjFhNy4zNyA3LjM3IDAgMCAxIDAtMTAuNDI4TDgzLjg4IDEwMCA0Ny4zOTYgNjMuNTE0YTcuMzY4IDcuMzY4IDAgMCAxIDAtMTAuNDI1bDUuMjEtNS4yMWE3LjM2OCA3LjM2OCAwIDAgMSAxMC40MjYgMEw5OS41MTYgODQuMzYgMTM2IDQ3Ljg4YTcuMzcgNy4zNyAwIDAgMSAxMC40MjUgMGw1LjIxMiA1LjIxYTcuMzcgNy4zNyAwIDAgMSAwIDEwLjQyNUwxMTUuMTUzIDEwMGwzNi40ODMgMzYuNDgyeiIvPjwvc3ZnPg==) no-repeat center;
3942
+ background-size: 20px 20px;
3943
+ -webkit-transition: background-color var(--ui-animate-time, 0.2s);
3944
+ transition: background-color var(--ui-animate-time, 0.2s);
3945
+ cursor: pointer;
3946
+ }
3947
+ [type='search']::-webkit-search-cancel-button:hover {
3948
+ background-color: var(--ui-dark, #4c5161);
3949
+ }
3950
+ input[type='search']::-webkit-search-results-decoration {
3951
+ display: none;
3952
+ }
3953
+ input:-webkit-autofill {
3954
+ -webkit-box-shadow: 0 0 0 1000px var(--ui-white, #fff) inset;
3955
+ background-color: transparent;
3956
+ }
3957
+ input:disabled,
3958
+ input:read-only {
3959
+ cursor: default;
3960
+ }
3961
+ input:-moz-read-only {
3962
+ cursor: default;
3963
+ }
3964
+ input.ui-input,
3965
+ .ui-input > input,
3966
+ [is='ui-input'] {
3967
+ height: var(--ui-input-height);
3968
+ line-height: var(--ui-input-line-height);
3969
+ padding: calc((var(--ui-input-height) - var(--ui-input-line-height) - 2px) / 2) 8px;
3970
+ border: 1px solid var(--ui-border, #d0d0d5);
3971
+ border-radius: var(--ui-radius, 4px);
3972
+ background-color: var(--ui-white, #fff);
3973
+ box-sizing: border-box;
3974
+ font-size: var(--ui-font, 14px);
3975
+ outline: none;
3976
+ color: var(--ui-dark, #4c5161);
3977
+ transition: border-color var(--ui-animate-time, 0.2s), background-color var(--ui-animate-time, 0.2s);
3978
+ }
3979
+ .ui-input:hover,
3980
+ .ui-input:hover > input,
3981
+ [is='ui-input']:hover {
3982
+ border-color: var(--ui-dark-border, #ababaf);
3983
+ }
3984
+ .ui-input:focus,
3985
+ .ui-input > input:focus,
3986
+ [is='ui-input']:focus {
3987
+ border-color: var(--ui-blue, #2a80eb);
3988
+ }
3989
+ span.ui-input {
3990
+ display: inline-block;
3991
+ }
3992
+ div.ui-input > input,
3993
+ input[width='100%'] {
3994
+ width: 100%;
3995
+ }
3996
+ .ui-input-x {
3997
+ position: relative;
3998
+ }
3999
+ span.ui-input-x {
4000
+ display: inline-block;
4001
+ }
4002
+ .ui-input-x > input {
4003
+ display: block;
4004
+ width: 100%;
4005
+ padding-right: 56px;
4006
+ }
4007
+ input ~ .ui-input-count {
4008
+ line-height: 38px;
4009
+ padding: 0 2px;
4010
+ color: var(--ui-gray, #a2a9b6);
4011
+ font-size: calc(var(--ui-font, 14px) - 2px);
4012
+ white-space: nowrap;
4013
+ position: absolute;
4014
+ font-family: sans-serif;
4015
+ right: 8px;
4016
+ top: 1px;
4017
+ pointer-events: none;
4018
+ }
4019
+ .ui-input-count slash {
4020
+ margin: 0 1px;
4021
+ }
4022
+ .ui-input-search:not(input) {
4023
+ position: relative;
4024
+ }
4025
+ .ui-input-search > input:not(.ui-icon-search) {
4026
+ padding-left: 40px;
4027
+ }
4028
+ .ui-input-search[align='end'] > :not(.ui-icon-search) {
4029
+ padding-right: 40px;
4030
+ padding-left: 9px;
4031
+ }
4032
+ .ui-icon-search {
4033
+ position: absolute;
4034
+ left: 3px;
4035
+ top: 0;
4036
+ bottom: 0;
4037
+ margin: auto 0;
4038
+ width: 20px;
4039
+ height: 20px;
4040
+ color: var(--ui-dark-gray, #b6bbc6);
4041
+ background-color: transparent;
4042
+ border: solid transparent;
4043
+ border-width: 9px 8px;
4044
+ box-sizing: content-box;
4045
+ transition: color var(--ui-animate-time, 0.2s);
4046
+ padding: 0;
4047
+ text-indent: -99px;
4048
+ font-size: 0;
4049
+ cursor: pointer;
4050
+ outline: 0 none;
4051
+ overflow: hidden;
4052
+ }
4053
+ [align='end'] > .ui-icon-search {
4054
+ left: auto;
4055
+ right: 3px;
4056
+ }
4057
+ .ui-input-search:hover .ui-icon-search {
4058
+ color: var(--ui-gray, #a2a9b6);
4059
+ }
4060
+ .ui-input-search > :disabled ~ .ui-icon-search {
4061
+ color: var(--ui-disabled, #ccd0d7);
4062
+ cursor: default;
4063
+ }
4064
+ .ui-input-search > :focus ~ .ui-icon-search {
4065
+ color: var(--ui-blue, #2a80eb);
4066
+ }
4067
+ .ui-input-search > [is-error] ~ .ui-icon-search {
4068
+ color: var(--ui-red, #eb4646);
4069
+ }
4070
+ .ui-icon-search:before,
4071
+ .ui-icon-search:after {
4072
+ content: '';
4073
+ position: absolute;
4074
+ }
4075
+ .ui-icon-search:before {
4076
+ width: 9px;
4077
+ height: 9px;
4078
+ border: 2px solid;
4079
+ border-radius: 50%;
4080
+ left: 2px;
4081
+ top: 2px;
4082
+ }
4083
+ .ui-icon-search:after {
4084
+ width: 6px;
4085
+ border-top: 2px solid;
4086
+ transform-origin: left;
4087
+ transform: scaleY(1.25) rotate(30deg);
4088
+ left: 13px;
4089
+ top: 11px;
4090
+ }
4091
+ input.ui-icon-search {
4092
+ border: 0;
4093
+ margin: auto 6px;
4094
+ width: 18px;
4095
+ height: 18px;
4096
+ -webkit-mask: var(--ui-input-search-img);
4097
+ mask: var(--ui-input-search-img);
4098
+ -webkit-mask-size: 100% 100%;
4099
+ mask-size: 100% 100%;
4100
+ background-color: var(--ui-dark-gray, #b6bbc6);
4101
+ cursor: pointer;
4102
+ }
4103
+ :focus ~ input.ui-icon-search {
4104
+ background-color: var(--ui-blue, #2a80eb);
4105
+ }
4106
+ [is-error] ~ input.ui-icon-search {
4107
+ background-color: var(--ui-red, #eb4646);
4108
+ }
4109
+ input.ui-input:disabled,
4110
+ [is='ui-input']:disabled,
4111
+ .ui-input > input:disabled,
4112
+ .ui-input-x > :disabled ~ .ui-input {
4113
+ background-color: var(--ui-light, #f7f9fa);
4114
+ }
4115
+ input.ui-input:disabled,
4116
+ [is='ui-input']:disabled,
4117
+ .ui-input > input:disabled,
4118
+ .ui-input-x > input:disabled {
4119
+ color: var(--ui-gray, #a2a9b6);
4120
+ }
4121
+ .ui-input:disabled:hover,
4122
+ [is='ui-input']:disabled:hover,
4123
+ .ui-input > input:disabled:hover,
4124
+ .ui-input:hover > input:disabled {
4125
+ border-color: var(--ui-border, #d0d0d5);
4126
+ }
4127
+ .ui-input:-moz-read-only:hover,
4128
+ .ui-input:-moz-read-only:focus,
4129
+ [is='ui-input']:-moz-read-only:hover,
4130
+ [is='ui-input']:-moz-read-only:focus,
4131
+ .ui-input > input:-moz-read-only:hover,
4132
+ .ui-input > input:-moz-read-only:focus {
4133
+ border-color: var(--ui-border, #d0d0d5);
4134
+ }
4135
+ .ui-input:read-only:hover,
4136
+ .ui-input:read-only:focus,
4137
+ [is='ui-input']:read-only:hover,
4138
+ [is='ui-input']:read-only:focus,
4139
+ .ui-input > input:read-only:hover,
4140
+ .ui-input > input:read-only:focus {
4141
+ border-color: var(--ui-border, #d0d0d5);
4142
+ }
4143
+ .ui-input:-moz-read-only:hover,
4144
+ [is='ui-input']:-moz-read-only:hover,
4145
+ .ui-input > input:-moz-read-only:hover,
4146
+ .ui-input:-moz-read-only:focus,
4147
+ [is='ui-input']:-moz-read-only:focus,
4148
+ .ui-input > input:-moz-read-only:focus {
4149
+ border-color: var(--ui-border, #d0d0d5);
4150
+ }
4151
+ .ui-input[is-error],
4152
+ [is='ui-input'][is-error],
4153
+ .ui-input > [is-error] {
4154
+ border-color: var(--ui-red, #eb4646) !important;
4155
+ }
4156
+ .ui-input-count > [is-error],
4157
+ .ui-input-count[is-error] {
4158
+ color: var(--ui-red, #eb4646);
4159
+ }
4160
+ @media (prefers-reduced-motion: reduce) {
4161
+ [type='search']::-webkit-search-cancel-button,
4162
+ input.ui-input,
4163
+ .ui-input > input,
4164
+ [is='ui-input'],
4165
+ .ui-icon-search {
4166
+ -webkit-transition: none;
4167
+ transition: none;
4168
+ }
4169
+ }
4170
+ .ui-kbd-tips {
4171
+ position: absolute;
4172
+ left: -9em;
4173
+ top: -9em;
4174
+ font-family: consolas, Liberation Mono, courier, monospace;
4175
+ font-size: 12px;
4176
+ border-radius: 2px;
4177
+ color: var(--ui-white, #ffffff);
4178
+ background: rgba(0, 0, 0, 0.75);
4179
+ opacity: 0.8;
4180
+ line-height: 13px;
4181
+ padding: 0 3px;
4182
+ z-index: 99;
4183
+ }
4184
+ .ui-kbd-tips kbd {
4185
+ font-family: inherit;
4186
+ }
4187
+ .ui-outline.ui-outline {
4188
+ outline: 1px dotted var(--ui-blue, #2a80eb);
4189
+ outline: 5px auto -webkit-focus-ring-color;
4190
+ }
4191
+ :root {
4192
+ --ui-lighttip-width: 25em;
4193
+ --ui-loading-lighttip: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M512 1024q-104 0-199-40-92-39-163-110T40 711Q0 616 0 512q0-15 10.5-25.5T36 476t25.5 10.5T72 512q0 90 35 171 33 79 94 140t140 95q81 34 171 34t171-35q79-33 140-94t95-140q34-81 34-171t-35-171q-33-79-94-140t-140-95q-81-34-171-34-15 0-25.5-10.5T476 36t10.5-25.5T512 0q104 0 199 40 92 39 163 110t110 163q40 95 40 199t-40 199q-39 92-110 163T711 984q-95 40-199 40z' fill='%232a80eb'/%3E%3C/svg%3E") no-repeat;
4194
+ }
4195
+ ui-lighttip {
4196
+ display: flex;
4197
+ justify-content: center;
4198
+ width: var(--ui-lighttip-width, 25em);
4199
+ font-size: var(--ui-font, 14px);
4200
+ text-align: left;
4201
+ line-height: 20px;
4202
+ color: var(--ui-white, #ffffff);
4203
+ background-color: var(--ui-dark, #4c5161);
4204
+ border-radius: calc(var(--ui-radius, 4px) - 2px);
4205
+ padding: 15px 10px;
4206
+ position: fixed;
4207
+ top: calc(var(--ui-sort-index, 0) * 60px + 10px);
4208
+ left: 50%;
4209
+ transform: translate(-50%);
4210
+ z-index: 19;
4211
+ outline: none;
4212
+ cursor: default;
4213
+ transition: top var(--ui-animate-time, 0.2s);
4214
+ animation: fadeIn 0.25s both;
4215
+ }
4216
+ ui-lighttip:not([open]) {
4217
+ display: none;
4218
+ }
4219
+ ui-lighttip[type='success'] {
4220
+ background-color: var(--ui-green, #1cad70);
4221
+ }
4222
+ ui-lighttip[type='error'] {
4223
+ background-color: var(--ui-red, #eb4646);
4224
+ }
4225
+ ui-lighttip[type='warning'] {
4226
+ background-color: var(--ui-orange, #f59b00);
4227
+ }
4228
+ ui-lighttip[type='success']:before,
4229
+ ui-lighttip[type='error']:before,
4230
+ ui-lighttip[type='warning']:before {
4231
+ content: '';
4232
+ width: 20px;
4233
+ height: 20px;
4234
+ flex-shrink: 0;
4235
+ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath fill='%23FFF' d='M163.038 57.226c-5.217-4.162-5.713-4.289-11.674-7.244-2.683-1.344-6.633 2.113-8.569 4.67l-52.648 67.042-34.301-43.387c-1.94-2.558-5.516-3.499-8.2-2.293-6.11 3.095-5.496 2.992-10.715 7.029-2.386 1.883-2.535 5.245-.597 7.793 0 0 36.97 46.917 41.44 52.565 6.557 8.068 18.483 7.669 24.744 0 4.62-5.781 61.117-78.506 61.117-78.506 1.937-2.559 1.788-5.918-.597-7.669z'/%3E%3C/svg%3E") no-repeat;
4236
+ background-size: contain;
4237
+ transform: translate(-5px);
4238
+ }
4239
+ ui-lighttip[type='error']:before {
4240
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath fill='%23FFF' d='M116.153 99.999l36.484-36.486a7.369 7.369 0 0 0 0-10.423l-5.212-5.213a7.375 7.375 0 0 0-10.425 0l-36.484 36.485-36.485-36.485a7.374 7.374 0 0 0-10.424 0l-5.211 5.213a7.365 7.365 0 0 0 0 10.423L84.88 99.999l-36.483 36.485a7.369 7.369 0 0 0 0 10.426l5.211 5.213a7.38 7.38 0 0 0 10.424 0l36.485-36.486L137 152.122a7.38 7.38 0 0 0 10.425 0l5.212-5.213a7.372 7.372 0 0 0 0-10.426l-36.484-36.484z'/%3E%3C/svg%3E");
4241
+ }
4242
+ ui-lighttip[type='warning']:before {
4243
+ background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiPjxwYXRoIGQ9Ik00MTMgMTc4YzUuNSAwIDEwLjEgNC42IDEwLjEgMTAuMVY0MTNjMCA1LjUtNC42IDEwLjEtMTAuMSAxMC4xSDE4OC4xYy01LjUgMC0xMC4xLTQuNi0xMC4xLTEwLjFWMTg4LjFjMC01LjUgNC42LTEwLjEgMTAuMS0xMC4xSDQxM20wLTUwSDE4OC4xYy0zMy4xIDAtNjAuMSAyNy02MC4xIDYwLjFWNDEzYzAgMzMuMSAyNyA2MC4xIDYwLjEgNjAuMUg0MTNjMzMuMSAwIDYwLjEtMjcgNjAuMS02MC4xVjE4OC4xYzAtMzMuMS0yNy02MC4xLTYwLjEtNjAuMXptNDIzLjEgMzQ1LjFINjExLjJjLTMzLjEgMC02MC4xLTI3LTYwLjEtNjAuMVYxODguMWMwLTMzLjEgMjctNjAuMSA2MC4xLTYwLjFoMjI0LjljMzMuMSAwIDYwLjEgMjcgNjAuMSA2MC4xVjQxM2MwIDMzLTI3LjEgNjAuMS02MC4xIDYwLjF6TTQxMyA2MDEuM2M1LjUgMCAxMC4xIDQuNiAxMC4xIDEwLjF2MjI0LjljMCA1LjUtNC42IDEwLjEtMTAuMSAxMC4xSDE4OC4xYy01LjUgMC0xMC4xLTQuNi0xMC4xLTEwLjFWNjExLjRjMC01LjUgNC42LTEwLjEgMTAuMS0xMC4xSDQxM20wLTUwSDE4OC4xYy0zMy4xIDAtNjAuMSAyNy02MC4xIDYwLjF2MjI0LjljMCAzMy4xIDI3IDYwLjEgNjAuMSA2MC4xSDQxM2MzMy4xIDAgNjAuMS0yNyA2MC4xLTYwLjFWNjExLjRjMC0zMy0yNy02MC4xLTYwLjEtNjAuMXptNDIzLjEgNTBjNS41IDAgMTAuMSA0LjYgMTAuMSAxMC4xdjIyNC45YzAgNS41LTQuNiAxMC4xLTEwLjEgMTAuMUg2MTEuMmMtNS41IDAtMTAuMS00LjYtMTAuMS0xMC4xVjYxMS40YzAtNS41IDQuNi0xMC4xIDEwLjEtMTAuMWgyMjQuOW0wLTUwSDYxMS4yYy0zMy4xIDAtNjAuMSAyNy02MC4xIDYwLjF2MjI0LjljMCAzMy4xIDI3IDYwLjEgNjAuMSA2MC4xaDIyNC45YzMzLjEgMCA2MC4xLTI3IDYwLjEtNjAuMVY2MTEuNGMwLTMzLTI3LjEtNjAuMS02MC4xLTYwLjF6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
4244
+ }
4245
+ @media (max-width: 640px) {
4246
+ ui-lighttip {
4247
+ width: auto;
4248
+ padding-left: 1rem;
4249
+ padding-right: 1rem;
4250
+ max-width: calc(100% - 2rem - 2em);
4251
+ }
4252
+ }
4253
+ ui-lighttip[type='loading'] {
4254
+ top: 50%;
4255
+ left: 50%;
4256
+ width: auto;
4257
+ padding-right: calc(10px + 0.5em);
4258
+ max-width: calc(100% - 2rem - 2em);
4259
+ transform: translate(-50%, -50%);
4260
+ border-radius: var(--ui-radius, 4px);
4261
+ background-color: rgba(25, 28, 34, 0.88);
4262
+ visibility: hidden;
4263
+ opacity: 0;
4264
+ }
4265
+ ui-lighttip[type='loading'][open]:before {
4266
+ content: '';
4267
+ display: inline-block;
4268
+ width: 20px;
4269
+ height: 20px;
4270
+ margin: 0 0.5em;
4271
+ background: var(--ui-loading-lighttip) no-repeat center / 100%;
4272
+ animation: spin 1s linear infinite;
4273
+ filter: brightness(100);
4274
+ }
4275
+ ui-lighttip[type='loading'][open] {
4276
+ visibility: visible;
4277
+ opacity: 1;
4278
+ }
4279
+ ui-lighttip[type='loading']:before {
4280
+ display: none;
4281
+ }
4282
+ @media (prefers-reduced-motion: reduce) {
4283
+ ui-lighttip {
4284
+ animation: none;
4285
+ }
4286
+ }
4287
+ :root {
4288
+ --ui-loading-img: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M512 1024q-104 0-199-40-92-39-163-110T40 711Q0 616 0 512q0-15 10.5-25.5T36 476t25.5 10.5T72 512q0 90 35 171 33 79 94 140t140 95q81 34 171 34t171-35q79-33 140-94t95-140q34-81 34-171t-35-171q-33-79-94-140t-140-95q-81-34-171-34-15 0-25.5-10.5T476 36t10.5-25.5T512 0q104 0 199 40 92 39 163 110t110 163q40 95 40 199t-40 199q-39 92-110 163T711 984q-95 40-199 40z' fill='%232a80eb'/%3E%3C/svg%3E") no-repeat;
4289
+ }
4290
+ ui-loading,
4291
+ .ui-loading {
4292
+ text-align: center;
4293
+ cursor: default;
4294
+ box-sizing: border-box;
4295
+ }
4296
+ ui-loading {
4297
+ display: inline-block;
4298
+ font-size: var(--ui-font, 14px);
4299
+ line-height: 20px;
4300
+ vertical-align: middle;
4301
+ }
4302
+ ui-loading[rows] {
4303
+ display: block;
4304
+ }
4305
+ ui-loading:not([rows]):not([spin]):before {
4306
+ display: block;
4307
+ }
4308
+ ui-loading:not([rows]):not([spin]):after {
4309
+ display: none;
4310
+ }
4311
+ ui-loading[rows='2'] {
4312
+ height: 40px;
4313
+ }
4314
+ ui-loading[rows='3'] {
4315
+ height: 60px;
4316
+ }
4317
+ ui-loading[rows='4'] {
4318
+ height: 80px;
4319
+ }
4320
+ ui-loading[rows='5'] {
4321
+ height: 100px;
4322
+ }
4323
+ ui-loading[rows='6'] {
4324
+ height: 120px;
4325
+ }
4326
+ ui-loading[rows='7'] {
4327
+ height: 140px;
4328
+ }
4329
+ ui-loading[rows='8'] {
4330
+ height: 160px;
4331
+ }
4332
+ ui-loading[rows='9'] {
4333
+ height: 180px;
4334
+ }
4335
+ ui-loading[rows='10'] {
4336
+ height: 200px;
4337
+ }
4338
+ ui-loading[rows='11'] {
4339
+ height: 220px;
4340
+ }
4341
+ ui-loading[rows='12'] {
4342
+ height: 240px;
4343
+ }
4344
+ ui-loading[rows='13'] {
4345
+ height: 260px;
4346
+ }
4347
+ ui-loading[rows='14'] {
4348
+ height: 280px;
4349
+ }
4350
+ ui-loading[rows='15'] {
4351
+ height: 300px;
4352
+ }
4353
+ ui-loading[width='100%'] {
4354
+ width: 100%;
4355
+ }
4356
+ ui-loading[height='100%'] {
4357
+ height: 100%;
4358
+ }
4359
+ ui-loading:after,
4360
+ .ui-loading:after {
4361
+ content: '';
4362
+ display: inline-block;
4363
+ height: 100%;
4364
+ vertical-align: middle;
4365
+ }
4366
+ ui-loading:before,
4367
+ .ui-loading:before {
4368
+ content: '';
4369
+ display: inline-block;
4370
+ width: 20px;
4371
+ height: 20px;
4372
+ margin: 0 0.5em;
4373
+ background-color: var(--color, #2a80eb);
4374
+ -webkit-mask: var(--ui-loading-img);
4375
+ mask: var(--ui-loading-img);
4376
+ -webkit-mask-size: 100% 100%;
4377
+ mask-size: 100% 100%;
4378
+ animation: spin 1s linear infinite;
4379
+ vertical-align: -4px;
4380
+ }
4381
+ ui-loading[spin]:before,
4382
+ .ui-loading[spin]:before {
4383
+ display: none;
4384
+ }
4385
+ ui-loading[size='1']:before,
4386
+ .ui-loading[size='1']:before {
4387
+ width: 10px;
4388
+ height: 10px;
4389
+ vertical-align: 0;
4390
+ }
4391
+ ui-loading[size='3']:before,
4392
+ .ui-loading[size='3']:before {
4393
+ width: 30px;
4394
+ height: 30px;
4395
+ vertical-align: -8px;
4396
+ }
4397
+ ui-loading[size='4']:before,
4398
+ .ui-loading[size='4']:before {
4399
+ width: 40px;
4400
+ height: 40px;
4401
+ vertical-align: -12px;
4402
+ }
4403
+ @keyframes spin {
4404
+ 0% {
4405
+ transform: rotate(0);
4406
+ }
4407
+ to {
4408
+ transform: rotate(360deg);
4409
+ }
4410
+ }
4411
+ ui-dot,
4412
+ [is-dot] {
4413
+ display: inline-block;
4414
+ height: 1em;
4415
+ line-height: 1;
4416
+ text-align: left;
4417
+ vertical-align: -0.25em;
4418
+ overflow: hidden;
4419
+ }
4420
+ ui-dot:before,
4421
+ [is-dot]:before {
4422
+ display: block;
4423
+ content: '...\a..\a.';
4424
+ white-space: pre-wrap;
4425
+ animation: dot 3s infinite step-start both;
4426
+ }
4427
+ @keyframes dot {
4428
+ 33% {
4429
+ transform: translateY(-2em);
4430
+ }
4431
+ 66% {
4432
+ transform: translateY(-1em);
4433
+ }
4434
+ }
4435
+ ui-pagination:not(:defined),
4436
+ [is-pagination]:not([defined]) {
4437
+ display: flex;
4438
+ height: 30px;
4439
+ }
4440
+ ::-moz-placeholder {
4441
+ -moz-transition: opacity var(--ui-animate-time, 0.2s);
4442
+ transition: opacity var(--ui-animate-time, 0.2s);
4443
+ color: var(--ui-gray, #a2a9b6);
4444
+ font-size: var(--ui-font, 14px);
4445
+ opacity: 1;
4446
+ }
4447
+ ::placeholder {
4448
+ transition: opacity var(--ui-animate-time, 0.2s);
4449
+ color: var(--ui-gray, #a2a9b6);
4450
+ font-size: var(--ui-font, 14px);
4451
+ opacity: 1;
4452
+ }
4453
+ :focus::-moz-placeholder {
4454
+ opacity: var(--ui-opacity, 0.4);
4455
+ }
4456
+ :focus::placeholder {
4457
+ opacity: var(--ui-opacity, 0.4);
4458
+ }
4459
+ @media (prefers-reduced-motion: reduce) {
4460
+ ::-moz-placeholder {
4461
+ -moz-transition: none;
4462
+ transition: none;
4463
+ }
4464
+ ::placeholder {
4465
+ transition: none;
4466
+ }
4467
+ }
4468
+ :root {
4469
+ --ui-progress-width: 10em;
4470
+ --ui-progress-height: 0.25em;
4471
+ --ui-progress-background-color: var(--ui-border, #d0d0d5);
4472
+ }
4473
+ .ui-progress,
4474
+ [is='ui-progress'] {
4475
+ display: inline-block;
4476
+ width: var(--ui-progress-width, 10em);
4477
+ height: var(--ui-progress-height, 0.25em);
4478
+ vertical-align: calc(0.25em - 2px);
4479
+ border: 0;
4480
+ background-color: var(--ui-progress-background-color);
4481
+ border-radius: 1em;
4482
+ overflow: hidden;
4483
+ }
4484
+ .ui-progress::-moz-progress-bar,
4485
+ [is='ui-progress']::-moz-progress-bar {
4486
+ background-color: var(--ui-blue);
4487
+ }
4488
+ .ui-progress::-webkit-progress-bar,
4489
+ [is='ui-progress']::-webkit-progress-bar {
4490
+ background-color: var(--ui-progress-background-color);
4491
+ }
4492
+ .ui-progress::-webkit-progress-value,
4493
+ [is='ui-progress']::-webkit-progress-value {
4494
+ background-color: var(--ui-blue);
4495
+ }
4496
+ progress[width='100%'] {
4497
+ width: 100%;
4498
+ }
4499
+ .ui-progress:indeterminate::-moz-progress-bar,
4500
+ [is='ui-progress']:indeterminate::-moz-progress-bar {
4501
+ background-color: inherit;
4502
+ }
4503
+ :root {
4504
+ --ui-radio-width: 20px;
4505
+ --ui-radio-height: 20px;
4506
+ }
4507
+ [is='ui-radio'] {
4508
+ -moz-appearance: none;
4509
+ -webkit-appearance: none;
4510
+ width: var(--ui-radio-width, 20px);
4511
+ height: var(--ui-radio-height, 20px);
4512
+ cursor: pointer;
4513
+ display: inline-flex;
4514
+ outline: none;
4515
+ border: solid 1px var(--ui-border, #d0d0d5);
4516
+ background-color: var(--ui-white, #ffffff);
4517
+ border-radius: 100%;
4518
+ box-sizing: border-box;
4519
+ vertical-align: -0.5ex;
4520
+ -webkit-user-select: none;
4521
+ -moz-user-select: none;
4522
+ user-select: none;
4523
+ transition: border-color var(--ui-animate-time, 0.2s);
4524
+ }
4525
+ [is='ui-radio']:after {
4526
+ content: '';
4527
+ width: 100%;
4528
+ height: 100%;
4529
+ background-color: var(--ui-blue, #2a80eb);
4530
+ transform: scale(0);
4531
+ opacity: 0;
4532
+ border-radius: 100%;
4533
+ }
4534
+ [is='ui-radio']:not(:disabled):hover {
4535
+ border-color: var(--ui-dark-border, #ababaf);
4536
+ }
4537
+ [is='ui-radio']:focus {
4538
+ border-color: var(--ui-blue, #2a80eb);
4539
+ }
4540
+ [is='ui-radio']:checked:after {
4541
+ transform: scale(0.5);
4542
+ opacity: 1;
4543
+ }
4544
+ [is='ui-radio']:disabled {
4545
+ border-color: var(--ui-dark-border, #ababaf);
4546
+ opacity: var(--ui-opacity, 0.4);
4547
+ cursor: default;
4548
+ }
4549
+ [is='ui-radio'][is-error] {
4550
+ border-color: var(--ui-red, #eb4646) !important;
4551
+ }
4552
+ @media (prefers-reduced-motion: reduce) {
4553
+ [is='ui-radio'] {
4554
+ transition: none;
4555
+ }
4556
+ }
4557
+ :root {
4558
+ --ui-range-track-hegiht: 4px;
4559
+ --ui-range-thumb-size: 16px;
4560
+ }
4561
+ [is='ui-range'] {
4562
+ -webkit-appearance: none;
4563
+ -moz-appearance: none;
4564
+ appearance: none;
4565
+ margin: 0;
4566
+ outline: 0;
4567
+ background-color: transparent;
4568
+ vertical-align: middle;
4569
+ }
4570
+ [is='ui-range']:disabled {
4571
+ opacity: var(--ui-opacity, 0.4);
4572
+ }
4573
+ [is='ui-range']::-webkit-slider-runnable-track {
4574
+ display: flex;
4575
+ align-items: flex-start;
4576
+ position: relative;
4577
+ height: var(--ui-range-track-hegiht);
4578
+ border-radius: var(--ui-range-track-hegiht);
4579
+ background: linear-gradient(to right, var(--ui-blue, #2a80eb) calc(100% * var(--percent, 100)), var(--ui-gray, #a2a9b6) 0%);
4580
+ }
4581
+ [is='ui-range']::-webkit-slider-thumb {
4582
+ -webkit-appearance: none;
4583
+ appearance: none;
4584
+ width: var(--ui-range-thumb-size);
4585
+ height: var(--ui-range-thumb-size);
4586
+ border-radius: 50%;
4587
+ background-color: #fff;
4588
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);
4589
+ -webkit-transition: border-color var(-ui-animate-time, 0.2s), background-color var(-ui-animate-time, 0.2s);
4590
+ transition: border-color var(-ui-animate-time, 0.2s), background-color var(-ui-animate-time, 0.2s);
4591
+ margin-top: calc((var(--ui-range-thumb-size) - var(--ui-range-track-hegiht)) * -0.5);
4592
+ }
4593
+ [is='ui-range']::-webkit-slider-thumb:active {
4594
+ background-color: var(--ui-light, #f7f9fa);
4595
+ box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25);
4596
+ }
4597
+ [is='ui-range']::-moz-range-track {
4598
+ background: var(--ui-light-border, #ededef);
4599
+ height: 4px;
4600
+ }
4601
+ [is='ui-rate']::-moz-range-track {
4602
+ background: var(--ui-light-border, #ededef);
4603
+ height: inherit;
4604
+ }
4605
+ [is='ui-range']::-moz-range-progress {
4606
+ background: var(--ui-blue, #2a80eb);
4607
+ height: 4px;
4608
+ }
4609
+ [is='ui-range']::-moz-range-thumb {
4610
+ width: var(--ui-range-thumb-size);
4611
+ height: var(--ui-range-thumb-size);
4612
+ border: none;
4613
+ border-radius: 50%;
4614
+ background-color: #fff;
4615
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);
4616
+ }
4617
+ input[data-tips] {
4618
+ position: relative;
4619
+ }
4620
+ [is='ui-range'][data-tips] {
4621
+ box-sizing: border-box;
4622
+ border-style: solid;
4623
+ border-color: transparent;
4624
+ border-width: 0 calc(var(--ui-range-thumb-size) * 0.5);
4625
+ }
4626
+ [is='ui-range'][data-tips]::-webkit-slider-runnable-track {
4627
+ margin: 0 calc(var(--ui-range-thumb-size) * -0.5);
4628
+ }
4629
+ input[data-tips]:before,
4630
+ input[data-tips]:after {
4631
+ content: '';
4632
+ display: block;
4633
+ position: absolute;
4634
+ z-index: 1;
4635
+ transform: translate(-50%, -20px);
4636
+ opacity: 0;
4637
+ transition: all 0.15s 0.15s, left 0s, top 0s;
4638
+ color: #373c42;
4639
+ visibility: hidden;
4640
+ pointer-events: none;
4641
+ }
4642
+ input[data-tips]:before {
4643
+ content: attr(data-tips);
4644
+ border-radius: 3px;
4645
+ padding: 6px 10px;
4646
+ line-height: 18px;
4647
+ text-align: left;
4648
+ background-color: #373c42;
4649
+ color: #fff;
4650
+ font-size: 12px;
4651
+ font-style: normal;
4652
+ width: -moz-max-content;
4653
+ width: max-content;
4654
+ max-width: 200px;
4655
+ left: calc(var(--percent, 0.5) * 100%);
4656
+ bottom: 100%;
4657
+ transform: translate(-50%, -20px);
4658
+ }
4659
+ input[data-tips]:after {
4660
+ width: 0;
4661
+ height: 0;
4662
+ overflow: hidden;
4663
+ border: 6px solid transparent;
4664
+ left: calc(var(--percent, 0.5) * 100%);
4665
+ bottom: 100%;
4666
+ transform: translate(-50%, -20px);
4667
+ margin-bottom: -12px;
4668
+ border-top-color: currentColor;
4669
+ }
4670
+ input[data-tips][reverse]:before {
4671
+ left: calc(var(--percent, 0.5) * 100%);
4672
+ bottom: auto;
4673
+ top: 100%;
4674
+ transform: translate(-50%, 20px);
4675
+ }
4676
+ input[data-tips][reverse]:after {
4677
+ bottom: auto;
4678
+ top: 100%;
4679
+ transform: translate(-50%, 20px);
4680
+ margin-top: -12px;
4681
+ border-top-color: transparent;
4682
+ border-bottom-color: currentColor;
4683
+ }
4684
+ input[data-tips]:not([data-tips*='$']):hover:before,
4685
+ input[data-tips]:not([data-tips*='$']):hover:after,
4686
+ input[data-tips]:not([data-tips*='$']):active:before,
4687
+ input[data-tips]:not([data-tips*='$']):active:after {
4688
+ visibility: visible;
4689
+ opacity: 1;
4690
+ transform: translate(-50%, calc(var(--ui-range-thumb-size) * -1));
4691
+ }
4692
+ input[data-tips][reverse]:not([data-tips*='$']):hover:before,
4693
+ input[data-tips][reverse]:not([data-tips*='$']):hover:after,
4694
+ input[data-tips][reverse]:not([data-tips*='$']):active:before,
4695
+ input[data-tips][reverse]:not([data-tips*='$']):active:after {
4696
+ transform: translate(-50%, var(--ui-range-thumb-size));
4697
+ }
4698
+ [is='ui-range'][multiple] {
4699
+ pointer-events: none;
4700
+ vertical-align: top;
4701
+ }
4702
+ [is='ui-range'][multiple]::-webkit-slider-runnable-track {
4703
+ background: linear-gradient(to right, var(--ui-gray, #a2a9b6) calc(1% * var(--from, 0)), var(--ui-blue, #2a80eb) calc(1% * var(--from, 0)) calc(1% * var(--to, 100)), var(--ui-gray, #a2a9b6) 0%);
4704
+ }
4705
+ [is='ui-range'][multiple][data-range='from'] {
4706
+ display: block;
4707
+ position: absolute;
4708
+ }
4709
+ [is='ui-range'][multiple][data-range='to'] {
4710
+ opacity: 1;
4711
+ }
4712
+ [is='ui-range'][multiple][data-range='to']:disabled::-webkit-slider-thumb {
4713
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
4714
+ }
4715
+ [is='ui-range'][multiple][data-range='to']::-webkit-slider-runnable-track {
4716
+ background: none;
4717
+ }
4718
+ [is='ui-range'][multiple]::-webkit-slider-thumb {
4719
+ pointer-events: all;
4720
+ position: relative;
4721
+ }
4722
+ [is='ui-range'][multiple]::-webkit-slider-thumb:active {
4723
+ z-index: 1;
4724
+ }
4725
+ [is='ui-range'][multiple]::-moz-range-thumb {
4726
+ pointer-events: initial;
4727
+ }
4728
+ [is='ui-range'][multiple]::-moz-range-track {
4729
+ background: linear-gradient(to right, var(--ui-gray, #a2a9b6) calc(1% * var(--from, 0)), var(--ui-blue, #2a80eb) calc(1% * var(--from, 0)) calc(1% * var(--to, 100)), var(--ui-gray, #a2a9b6) 0%);
4730
+ }
4731
+ [is='ui-range'][multiple][data-range='to']::-moz-range-progress {
4732
+ background: none;
4733
+ }
4734
+ [is='ui-rate']:enabled {
4735
+ cursor: pointer;
4736
+ }
4737
+ [is='ui-rate']:disabled {
4738
+ opacity: var(--ui-opacity, 0.4);
4739
+ }
4740
+ [is='ui-rate'] {
4741
+ -webkit-appearance: none;
4742
+ -moz-appearance: none;
4743
+ appearance: none;
4744
+ margin: 0;
4745
+ outline: 0;
4746
+ background-color: transparent;
4747
+ vertical-align: middle;
4748
+ width: calc(var(--number, 5) * 2em);
4749
+ --mask-url: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0l1.693 3.67 4.013.476L8.74 6.89l.788 3.964L6 8.88l-3.527 1.974.788-3.964L.294 4.146l4.013-.476L6 0z'/%3E%3C/svg%3E");
4750
+ --mask: var(--mask-url) repeat-x left / 2em 100%;
4751
+ }
4752
+ [is='ui-rate']::-webkit-slider-runnable-track {
4753
+ background: var(--ui-orange, #f59b00);
4754
+ height: 2em;
4755
+ -webkit-mask: var(--mask);
4756
+ mask: var(--mask);
4757
+ }
4758
+ [is='ui-rate']::-webkit-slider-thumb {
4759
+ -webkit-appearance: none;
4760
+ width: 1px;
4761
+ height: 100%;
4762
+ box-shadow: 999em 0 0 999em var(--ui-light-border, #ededef);
4763
+ }
4764
+ [is='ui-rate']:focus::-webkit-slider-thumb {
4765
+ box-shadow: 999em 0 0 999em var(--ui-light-border, #ededef);
4766
+ background: var(--ui-orange, #f59b00);
4767
+ }
4768
+ [is='ui-rate'][readonly] {
4769
+ cursor: default;
4770
+ pointer-events: none;
4771
+ }
4772
+ [is='ui-rate'],
4773
+ _::-moz-range-track {
4774
+ -moz-appearance: none;
4775
+ appearance: none;
4776
+ -webkit-mask: var(--mask);
4777
+ mask: var(--mask);
4778
+ height: 2em;
4779
+ }
4780
+ [is='ui-rate']::-moz-range-progress {
4781
+ background: var(--ui-orange, #f59b00);
4782
+ height: inherit;
4783
+ }
4784
+ [is='ui-rate']::-moz-range-thumb {
4785
+ width: 0;
4786
+ opacity: 0;
4787
+ }
4788
+ @media (prefers-reduced-motion: reduce) {
4789
+ [is='ui-range']::-webkit-slider-thumb,
4790
+ input[data-tips]:before,
4791
+ input[data-tips]:after,
4792
+ [is='ui-range'][data-tips][vertical]:before,
4793
+ [is='ui-range'][data-tips][vertical]:after,
4794
+ [is='ui-range'][data-tips][vertical][reverse]:before,
4795
+ [is='ui-range'][data-tips][vertical][reverse]:after {
4796
+ -webkit-transition: none;
4797
+ transition: none;
4798
+ }
4799
+ }
4800
+ [is='ui-select'] {
4801
+ display: inline-block;
4802
+ height: 40px;
4803
+ margin: 0;
4804
+ border: 1px solid var(--ui-border, #d0d0d5);
4805
+ font-size: var(--ui-font, 14px);
4806
+ font-family: inherit;
4807
+ vertical-align: middle;
4808
+ }
4809
+ [is='ui-select'][width='100%'] {
4810
+ width: 100%;
4811
+ }
4812
+ [is='ui-select'] {
4813
+ transform-origin: left;
4814
+ border-right: 27px solid var(--ui-border, #d0d0d5);
4815
+ opacity: 0.0001;
4816
+ pointer-events: none;
4817
+ visibility: hidden;
4818
+ z-index: 1;
4819
+ }
4820
+ [is='ui-select'][multiple] {
4821
+ visibility: visible;
4822
+ pointer-events: auto;
4823
+ }
4824
+ [is='ui-select'] option {
4825
+ min-height: 38px;
4826
+ height: 38px;
4827
+ padding: 0;
4828
+ font-size: inherit;
4829
+ }
4830
+ [is='ui-select'][multiple] {
4831
+ height: auto;
4832
+ font-size: 33px;
4833
+ font-size: var(--ui-font, 14px);
4834
+ padding: 0;
4835
+ border-right-width: 13px;
4836
+ border-left: 13px solid;
4837
+ vertical-align: top;
4838
+ cursor: pointer;
4839
+ }
4840
+ [is='ui-select'][multiple] > option {
4841
+ min-height: 38px;
4842
+ height: 38px;
4843
+ padding: 0;
4844
+ font-size: inherit;
4845
+ }
4846
+ select[multiple] > option:disabled {
4847
+ cursor: default;
4848
+ }
4849
+ .ui-select {
4850
+ display: inline-block;
4851
+ height: 40px;
4852
+ line-height: 20px;
4853
+ vertical-align: middle;
4854
+ font-size: var(--ui-font, 14px);
4855
+ transition: opacity var(--ui-animate-time, 0.2s);
4856
+ text-align: start;
4857
+ position: relative;
4858
+ }
4859
+ [disabled] + .ui-select {
4860
+ pointer-events: none;
4861
+ }
4862
+ select[hidden],
4863
+ select[hidden] + .ui-select {
4864
+ display: none;
4865
+ }
4866
+ [is='ui-select'][multiple] + .ui-select {
4867
+ vertical-align: top;
4868
+ }
4869
+ .ui-select.active {
4870
+ z-index: 3;
4871
+ }
4872
+ .ui-select-button {
4873
+ display: block;
4874
+ height: 20px;
4875
+ padding: 9px 27px 9px 12px;
4876
+ color: var(--ui-dark, #4c5161);
4877
+ border: 1px solid var(--ui-border, #d0d0d5);
4878
+ border-radius: var(--ui-radius, 4px);
4879
+ background-color: var(--ui-white, #fff);
4880
+ text-decoration: none;
4881
+ transition: border-color var(--ui-animate-time, 0.2s), background-color var(--ui-animate-time, 0.2s);
4882
+ cursor: pointer;
4883
+ }
4884
+ .ui-select-button:hover {
4885
+ color: var(--ui-dark, #4c5161);
4886
+ border-color: var(--ui-dark-border, #ababaf);
4887
+ }
4888
+ :not(:disabled) + .ui-select > .ui-select-button:active {
4889
+ background-color: var(--ui-light, #f7f9fa);
4890
+ }
4891
+ .active > a.ui-select-button {
4892
+ border-color: var(--ui-blue, #2a80eb);
4893
+ border-radius: var(--ui-radius, 4px) var(--ui-radius, 4px) 0 0;
4894
+ }
4895
+ .reverse > a.ui-select-button {
4896
+ border-radius: 0 0 var(--ui-radius, 4px) var(--ui-radius, 4px);
4897
+ }
4898
+ .ui-select-text {
4899
+ display: block;
4900
+ width: 100%;
4901
+ text-overflow: ellipsis;
4902
+ white-space: nowrap;
4903
+ overflow: hidden;
4904
+ }
4905
+ .ui-select-icon,
4906
+ .ui-select-text:only-child:after,
4907
+ .ui-select-button:empty:after {
4908
+ position: absolute;
4909
+ width: 20px;
4910
+ height: 20px;
4911
+ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath fill='%232a80eb' d='M145.659 68.949a12.874 12.874 0 0 0-18.473 0L99.479 97.233 71.772 68.949a12.874 12.874 0 0 0-18.473 0c-5.099 5.208-5.099 13.648 0 18.857l46.18 47.14 46.181-47.14c5.099-5.208 5.099-13.649-.001-18.857z'/%3E%3C/svg%3E") no-repeat center;
4912
+ background-size: 20px 20px;
4913
+ right: 7px;
4914
+ top: 10px;
4915
+ }
4916
+ .ui-select-text:only-child:after,
4917
+ .ui-select-button:empty:after {
4918
+ content: '';
4919
+ }
4920
+ .ui-select-datalist {
4921
+ position: absolute;
4922
+ left: 0;
4923
+ right: 0;
4924
+ top: 39px;
4925
+ display: none;
4926
+ box-sizing: border-box;
4927
+ max-height: 306px;
4928
+ padding: 0;
4929
+ border: 1px solid var(--ui-blue, #2a80eb);
4930
+ background-color: var(--ui-white, #fff);
4931
+ font-size: 14px;
4932
+ overflow: auto;
4933
+ overscroll-behavior: none;
4934
+ -ms-scroll-chaining: none;
4935
+ scrollbar-width: thin;
4936
+ text-align: left;
4937
+ }
4938
+ [multiple] ~ .ui-select > .ui-select-datalist {
4939
+ position: static;
4940
+ display: block;
4941
+ max-height: none;
4942
+ height: inherit;
4943
+ border-color: #d0d0d5;
4944
+ border-radius: var(--ui-radius, 4px);
4945
+ box-sizing: border-box;
4946
+ }
4947
+ [multiple]:hover ~ .ui-select > .ui-select-datalist {
4948
+ border-color: var(--ui-dark-border, #ababaf);
4949
+ }
4950
+ [multiple]:focus ~ .ui-select > .ui-select-datalist {
4951
+ border-color: var(--ui-blue, #2a80eb);
4952
+ }
4953
+ [data-custom-scroll='true']::-webkit-scrollbar {
4954
+ width: 8px;
4955
+ height: 8px;
4956
+ }
4957
+ [data-custom-scroll='true']::-webkit-scrollbar-thumb {
4958
+ background-color: #bbb;
4959
+ border-radius: calc(var(--ui-radius, 4px) + 4px);
4960
+ }
4961
+ [data-custom-scroll='true']::-webkit-scrollbar-thumb:hover {
4962
+ background-color: #aaa;
4963
+ }
4964
+ [data-custom-scroll='true']::-webkit-scrollbar-track-piece {
4965
+ background-color: #ddd;
4966
+ }
4967
+ .active > .ui-select-datalist,
4968
+ .ui-select-datalist.active {
4969
+ display: block;
4970
+ }
4971
+ .reverse > .ui-select-datalist {
4972
+ top: auto;
4973
+ bottom: 39px;
4974
+ }
4975
+ .ui-select-intent {
4976
+ text-indent: 1em;
4977
+ }
4978
+ .ui-select-datalist-li {
4979
+ display: block;
4980
+ line-height: 20px;
4981
+ padding: 9px 12px;
4982
+ color: var(--ui-dark, #4c5161);
4983
+ background-color: var(--ui-white, #fff);
4984
+ text-decoration: none;
4985
+ text-overflow: ellipsis;
4986
+ white-space: nowrap;
4987
+ transition: background-color var(--ui-animate-time, 0.2s);
4988
+ overflow: hidden;
4989
+ }
4990
+ h6.ui-select-datalist-li,
4991
+ .ui-select-datalist-li[role='heading'] {
4992
+ font-weight: 700;
4993
+ margin: 0;
4994
+ padding-bottom: 6px;
4995
+ }
4996
+ .ui-select-datalist-li[href] {
4997
+ cursor: pointer;
4998
+ }
4999
+ .ui-select-datalist-li:not(:only-child):empty {
5000
+ display: none;
5001
+ }
5002
+ .ui-select-datalist-hr:not(:first-child) {
5003
+ border: 0;
5004
+ height: 1px;
5005
+ padding: 7px 12px;
5006
+ background-color: var(--ui-white, #fff);
5007
+ }
5008
+ .ui-select-datalist-hr:not(:first-child):before {
5009
+ content: '';
5010
+ display: block;
5011
+ border-top: 1px solid var(--ui-border, #d0d0d5);
5012
+ opacity: var(--ui-opacity, 0.4);
5013
+ }
5014
+ .ui-select-datalist-li:hover {
5015
+ color: var(--ui-dark, #4c5161);
5016
+ }
5017
+ .ui-select-datalist > .disabled {
5018
+ color: var(--ui-gray, #a2a9b6);
5019
+ cursor: default;
5020
+ }
5021
+ .ui-select-datalist > .selected {
5022
+ background-color: var(--ui-list-selected, #e0f0ff);
5023
+ }
5024
+ .ui-select-datalist-li[href]:hover,
5025
+ [multiple] ~ .ui-select .ui-select-datalist-li[href] {
5026
+ color: var(--ui-dark, #4c5161);
5027
+ background-color: var(--ui-list-hover, #f0f7ff);
5028
+ }
5029
+ select:disabled {
5030
+ cursor: default;
5031
+ }
5032
+ select:disabled + .ui-select {
5033
+ opacity: var(--ui-opacity, 0.4);
5034
+ }
5035
+ select:disabled + .ui-select .ui-select-button,
5036
+ select:disabled + .ui-select .ui-select-datalist {
5037
+ cursor: default;
5038
+ border-color: var(--ui-dark-border, #ababaf);
5039
+ }
5040
+ [is-error] .ui-select-button,
5041
+ [is-error][multiple] ~ .ui-select .ui-select-datalist,
5042
+ select[is-error] {
5043
+ border-color: var(--ui-red, #eb4646);
5044
+ }
5045
+ @media (prefers-reduced-motion: reduce) {
5046
+ .ui-select-button,
5047
+ .ui-select,
5048
+ .ui-select-datalist-li {
5049
+ transition: none;
5050
+ }
5051
+ }
5052
+ :root {
5053
+ --ui-switch-width: 44px;
5054
+ --ui-switch-height: 26px;
5055
+ }
5056
+ input[is='ui-switch'] {
5057
+ display: inline-flex;
5058
+ outline: none;
5059
+ box-sizing: border-box;
5060
+ box-shadow: inset 0 1px, inset 1px 0, inset -1px 0, inset 0 -1px;
5061
+ background-clip: content-box;
5062
+ -webkit-appearance: none;
5063
+ width: var(--ui-switch-width, 44px);
5064
+ height: var(--ui-switch-height, 26px);
5065
+ border: 2px solid;
5066
+ border-radius: var(--ui-switch-height, 26px);
5067
+ background-color: currentColor;
5068
+ color: var(--ui-dark-gray, #b6bbc6);
5069
+ font-size: 0;
5070
+ transition: all var(--ui-animate-time, 0.2s);
5071
+ cursor: pointer;
5072
+ -webkit-user-select: none;
5073
+ -moz-user-select: none;
5074
+ user-select: none;
5075
+ -webkit-tap-highlight-color: transparent;
5076
+ }
5077
+ input[is='ui-switch']:checked {
5078
+ color: var(--ui-blue, #2a80eb);
5079
+ background-color: var(--ui-blue, #2a80eb);
5080
+ }
5081
+ input[is='ui-switch']:before {
5082
+ content: '';
5083
+ flex: 0;
5084
+ transition: flex var(--ui-animate-time, 0.2s);
5085
+ }
5086
+ input[is='ui-switch']:after {
5087
+ content: '';
5088
+ width: 22px;
5089
+ height: 22px;
5090
+ border-radius: 100%;
5091
+ background-color: var(--ui-white, #ffffff);
5092
+ opacity: 1;
5093
+ visibility: visible;
5094
+ }
5095
+ input[is='ui-switch']:active {
5096
+ box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
5097
+ }
5098
+ input[is='ui-switch']:checked:before {
5099
+ flex: 1;
5100
+ }
5101
+ input[is='ui-switch']:disabled {
5102
+ opacity: var(--ui-opacity, 0.4);
5103
+ cursor: default;
5104
+ }
5105
+ input[is='ui-switch']:focus:not(:disabled),
5106
+ input[is='ui-switch']:hover:not(:disabled) {
5107
+ color: var(--ui-gray, #a2a9b6);
5108
+ }
5109
+ input[is='ui-switch']:checked:focus:not(:disabled),
5110
+ input[is='ui-switch']:checked:hover:not(:disabled) {
5111
+ color: var(--ui-dark-blue, #0057c3);
5112
+ background-color: var(--ui-dark-blue, #0057c3);
5113
+ }
5114
+ input[is='ui-switch']:checked:focus:disabled,
5115
+ input[is='ui-switch']:checked:disabled:hover {
5116
+ color: var(--ui-blue, #2a80eb);
5117
+ background-color: var(--ui-blue, #2a80eb);
5118
+ }
5119
+ @media (prefers-reduced-motion: reduce) {
5120
+ input[is='ui-switch'],
5121
+ input[is='ui-switch']:before {
5122
+ transition: none;
5123
+ }
5124
+ }
5125
+ ui-tab {
5126
+ cursor: pointer;
5127
+ }
5128
+ .ui-tab-tabs {
5129
+ height: 40px;
5130
+ line-height: 40px;
5131
+ border-bottom: 1px solid var(--ui-border, #d0d0d5);
5132
+ position: relative;
5133
+ display: flex;
5134
+ }
5135
+ .ui-tab-tab {
5136
+ margin-right: 50px;
5137
+ font-size: calc(var(--ui-font, 14px) + 2px);
5138
+ text-align: center;
5139
+ color: var(--ui-dark, #4c5161);
5140
+ text-decoration: none;
5141
+ border: 0;
5142
+ background: none;
5143
+ overflow: hidden;
5144
+ cursor: pointer;
5145
+ }
5146
+ .ui-tab-tab a {
5147
+ display: block;
5148
+ color: inherit;
5149
+ }
5150
+ .ui-tab-tab:hover {
5151
+ color: var(--ui-blue, #2a80eb);
5152
+ }
5153
+ .ui-tab-tabs [open] {
5154
+ line-height: 36px;
5155
+ padding-top: 2px;
5156
+ margin-bottom: -1px;
5157
+ border-bottom: solid;
5158
+ color: var(--ui-blue, #2a80eb);
5159
+ cursor: default;
5160
+ }
5161
+ .ui-tab-tabs[style*='--ui-tab']:after {
5162
+ content: '';
5163
+ position: absolute;
5164
+ bottom: -1px;
5165
+ left: calc(1px * var(--ui-tab-left));
5166
+ width: calc(1px * var(--ui-tab-width));
5167
+ border-bottom: solid var(--ui-blue, #2a80eb);
5168
+ transition: all var(--ui-animate-time, 0.2s);
5169
+ }
5170
+ [style*='--ui-tab'] > .ui-tab-tab {
5171
+ line-height: 40px;
5172
+ padding-top: 0;
5173
+ border-bottom: 0;
5174
+ margin-bottom: 0;
5175
+ }
5176
+ .ui-tab-contents {
5177
+ margin-top: 30px;
5178
+ }
5179
+ .ui-tab-content[role]:not(.active),
5180
+ .ui-tab-content:not([role]):not(:target) {
5181
+ display: none;
5182
+ }
5183
+ .ui-tab-contents:target-within .ui-tab-content:not(:target) {
5184
+ display: none;
5185
+ }
5186
+ @media (prefers-reduced-motion: reduce) {
5187
+ .ui-tab-tabs[style*='--ui-tab']:after {
5188
+ transition: none;
5189
+ }
5190
+ }
5191
+ :root {
5192
+ --ui-table-cell-height: 50px;
5193
+ --ui-table-line-height: var(--ui-line-height, 20px);
5194
+ }
5195
+ .ui-table,
5196
+ [is='ui-table'] {
5197
+ line-height: var(--ui-table-line-height);
5198
+ table-layout: fixed;
5199
+ border-spacing: 0;
5200
+ font-size: var(--ui-font, 14px);
5201
+ border: 1px solid var(--ui-border, #d0d0d5);
5202
+ }
5203
+ .ui-table[width='100%'],
5204
+ [is='ui-table'][width='100%'] {
5205
+ width: 100%;
5206
+ }
5207
+ .ui-table thead td,
5208
+ .ui-table th,
5209
+ [is='ui-table'] thead td,
5210
+ [is='ui-table'] th {
5211
+ background-color: var(--ui-light, #f7f9fa);
5212
+ border-bottom: 1px solid var(--ui-light-border, #ededef);
5213
+ font-weight: 400;
5214
+ font-style: normal;
5215
+ margin: 0;
5216
+ }
5217
+ .ui-table thead td:not([class]):not([align]),
5218
+ .ui-table th:not([class]):not([align]),
5219
+ [is='ui-table'] thead td:not([class]):not([align]),
5220
+ [is='ui-table'] th:not([class]):not([align]) {
5221
+ text-align: left;
5222
+ }
5223
+ .ui-table tbody td,
5224
+ [is='ui-table'] tbody td {
5225
+ background-color: var(--ui-white, #ffffff);
5226
+ border-bottom: 1px solid var(--ui-light-border, #ededef);
5227
+ }
5228
+ .ui-table td,
5229
+ .ui-table th,
5230
+ [is='ui-table'] td,
5231
+ [is='ui-table'] th {
5232
+ padding-top: calc((var(--ui-table-cell-height) - var(--ui-table-line-height)) / 2);
5233
+ padding-bottom: calc((var(--ui-table-cell-height) - var(--ui-table-line-height)) / 2 - 1px);
5234
+ padding-right: 20px;
5235
+ }
5236
+ .ui-table td:first-child,
5237
+ .ui-table th:first-child,
5238
+ [is='ui-table'] td:first-child,
5239
+ [is='ui-table'] th:first-child {
5240
+ padding-left: 20px;
5241
+ }
5242
+ .ui-table tr,
5243
+ [is='ui-table'] tr {
5244
+ cursor: default;
5245
+ }
5246
+ .ui-table tr:last-child td,
5247
+ [is='ui-table'] tr:last-child td {
5248
+ padding-bottom: calc((var(--ui-table-cell-height) - var(--ui-table-line-height)) / 2);
5249
+ border-bottom: 0;
5250
+ }
5251
+ .ui-table ~ .ui-loading,
5252
+ [is='ui-table'] ~ .ui-loading {
5253
+ height: 300px;
5254
+ }
5255
+ :root {
5256
+ --ui-textarea-line-height: var(--ui-line-height, 20px);
5257
+ }
5258
+ textarea {
5259
+ font-family: inherit;
5260
+ }
5261
+ textarea.ui-textarea,
5262
+ [is='ui-textarea'],
5263
+ .ui-textarea > textarea,
5264
+ textarea ~ .ui-textarea-count {
5265
+ line-height: var(--ui-textarea-line-height);
5266
+ padding: 9px 8px;
5267
+ border: 1px solid var(--ui-border, #d0d0d5);
5268
+ border-radius: var(--ui-radius, 4px);
5269
+ background-color: var(--ui-white, #ffffff);
5270
+ outline: none;
5271
+ color: var(--ui-dark, #4c5161);
5272
+ font-size: var(--ui-font, 14px);
5273
+ transition: border-color var(--ui-animate-time, 0.2s), background-color var(--ui-animate-time, 0.2s);
5274
+ word-break: break-all;
5275
+ vertical-align: top;
5276
+ box-sizing: border-box;
5277
+ max-width: 100%;
5278
+ resize: none;
5279
+ overflow: auto;
5280
+ }
5281
+ textarea[resize] {
5282
+ resize: both;
5283
+ }
5284
+ textarea[resize='vertical'] {
5285
+ resize: vertical;
5286
+ }
5287
+ textarea[resize='horizontal'] {
5288
+ resize: horizontal;
5289
+ }
5290
+ div.ui-textarea > textarea,
5291
+ textarea[width='100%'] {
5292
+ width: 100%;
5293
+ }
5294
+ .ui-textarea:hover,
5295
+ .ui-textarea > textarea:hover,
5296
+ [is='ui-textarea']:hover,
5297
+ :hover > .ui-textarea-count {
5298
+ border-color: var(--ui-dark-border, #ababaf);
5299
+ }
5300
+ .ui-textarea:focus,
5301
+ .ui-textarea > textarea:focus,
5302
+ [is='ui-textarea']:focus,
5303
+ :focus ~ .ui-textarea-count {
5304
+ border-color: var(--ui-blue, #2a80eb);
5305
+ }
5306
+ .ui-textarea-x {
5307
+ position: relative;
5308
+ z-index: 0;
5309
+ overflow: hidden;
5310
+ }
5311
+ span.ui-textarea-x {
5312
+ display: inline-block;
5313
+ }
5314
+ .ui-textarea-x > textarea:only-child {
5315
+ padding-bottom: 32px;
5316
+ }
5317
+ .ui-textarea-x > textarea:not(:only-child) {
5318
+ padding-bottom: 0;
5319
+ margin: 1px 1px 33px;
5320
+ width: calc(100% - 2px);
5321
+ border: 0;
5322
+ background: none;
5323
+ }
5324
+ .ui-textarea-x > textarea {
5325
+ display: block;
5326
+ width: 100%;
5327
+ margin: 0;
5328
+ }
5329
+ textarea ~ .ui-textarea-count {
5330
+ position: absolute;
5331
+ left: 0;
5332
+ right: 0;
5333
+ bottom: 0;
5334
+ top: 0;
5335
+ padding-bottom: 5px;
5336
+ color: var(--ui-gray, #a2a9b6);
5337
+ font-size: calc(var(--ui-font, 14px) - 2px);
5338
+ display: flex;
5339
+ align-items: flex-end;
5340
+ justify-content: flex-end;
5341
+ z-index: -1;
5342
+ }
5343
+ .ui-textarea-count slash {
5344
+ margin: 0 1px;
5345
+ }
5346
+ .ui-textarea:disabled,
5347
+ [is='ui-textarea']:disabled,
5348
+ .ui-textarea > textarea:disabled,
5349
+ :disabled ~ .ui-textarea-count {
5350
+ background-color: var(--ui-light, #f7f9fa);
5351
+ }
5352
+ .ui-textarea:read-only,
5353
+ [is='ui-textarea']:read-only,
5354
+ .ui-textarea > textarea:read-only,
5355
+ :read-only ~ .ui-textarea-count {
5356
+ background-color: var(--ui-white, #ffffff);
5357
+ }
5358
+ .ui-textarea:-moz-read-only,
5359
+ [is='ui-textarea']:-moz-read-only,
5360
+ .ui-textarea > textarea:-moz-read-only,
5361
+ :-moz-read-only ~ .ui-textarea-count {
5362
+ background-color: var(--ui-white, #ffffff);
5363
+ }
5364
+ .ui-textarea:disabled:hover,
5365
+ [is='ui-textarea']:disabled:hover,
5366
+ .ui-textarea > textarea:disabled:hover,
5367
+ .ui-textarea-x:hover :disabled ~ .ui-textarea-count {
5368
+ border-color: var(--ui-border, #d0d0d5);
5369
+ }
5370
+ .ui-textarea:-moz-read-only:hover,
5371
+ .ui-textarea:-moz-read-only:focus,
5372
+ [is='ui-textarea']:-moz-read-only:hover,
5373
+ [is='ui-textarea']:-moz-read-only:focus,
5374
+ .ui-textarea > textarea:-moz-read-only:hover,
5375
+ .ui-textarea > textarea:-moz-read-only:focus,
5376
+ :-moz-read-only ~ .ui-textarea-count:hover,
5377
+ :-moz-read-only ~ .ui-textarea-count:focus {
5378
+ border-color: var(--ui-border, #d0d0d5);
5379
+ }
5380
+ .ui-textarea:read-only:hover,
5381
+ .ui-textarea:read-only:focus,
5382
+ [is='ui-textarea']:read-only:hover,
5383
+ [is='ui-textarea']:read-only:focus,
5384
+ .ui-textarea > textarea:read-only:hover,
5385
+ .ui-textarea > textarea:read-only:focus,
5386
+ :read-only ~ .ui-textarea-count:hover,
5387
+ :read-only ~ .ui-textarea-count:focus {
5388
+ border-color: var(--ui-border, #d0d0d5);
5389
+ }
5390
+ .ui-textarea:-moz-read-only:hover,
5391
+ .ui-textarea:-moz-read-only:focus,
5392
+ [is='ui-textarea']:-moz-read-only:hover,
5393
+ [is='ui-textarea']:-moz-read-only:focus,
5394
+ .ui-textarea > textarea:-moz-read-only:hover,
5395
+ .ui-textarea > textarea:-moz-read-only:focus {
5396
+ border-color: var(--ui-border, #d0d0d5);
5397
+ }
5398
+ textarea:read-only,
5399
+ textarea:disabled {
5400
+ resize: none;
5401
+ }
5402
+ textarea:-moz-read-only {
5403
+ resize: none;
5404
+ }
5405
+ .ui-textarea[is-error],
5406
+ [is='ui-textarea'][is-error],
5407
+ .ui-textarea > [is-error],
5408
+ [is-error] ~ .ui-textarea-count {
5409
+ border-color: var(--ui-red, #eb4646) !important;
5410
+ }
5411
+ .ui-textarea-count > [is-error],
5412
+ .ui-textarea-count[is-error] {
5413
+ color: var(--ui-red, #eb4646);
5414
+ }
5415
+ @media (prefers-reduced-motion: reduce) {
5416
+ textarea.ui-textarea,
5417
+ [is='ui-textarea'],
5418
+ .ui-textarea > textarea,
5419
+ textarea ~ .ui-textarea-count {
5420
+ transition: none;
5421
+ }
5422
+ }
5423
+ :root {
5424
+ --ui-tips-triangle-size: 6px;
5425
+ --ui-tips-bg: #373c42;
5426
+ --ui-tips-error-bg: linear-gradient(90deg, #ff8da2, #ec5b60);
5427
+ }
5428
+ .ui-tips[data-title],
5429
+ [is-tips='css'][data-title] {
5430
+ text-indent: 0;
5431
+ position: relative;
5432
+ overflow: visible;
5433
+ }
5434
+ .ui-tips[data-title]:before,
5435
+ .ui-tips[data-title]:after,
5436
+ [is-tips='css'][data-title]:before,
5437
+ [is-tips='css'][data-title]:after {
5438
+ position: absolute;
5439
+ left: 50%;
5440
+ -ms-pointer-events: none;
5441
+ pointer-events: none;
5442
+ transform: translate(-50%);
5443
+ visibility: hidden;
5444
+ content: attr(data-title);
5445
+ bottom: calc(100% + 6px);
5446
+ max-width: 250px;
5447
+ padding: calc(6px + var(--ui-tips-triangle-size)) calc(10px + var(--ui-tips-triangle-size));
5448
+ line-height: 18px;
5449
+ background: var(--ui-tips-bg);
5450
+ text-align: left;
5451
+ color: var(--ui-white, #ffffff);
5452
+ font-size: calc(var(--ui-font, 14px) - 2px);
5453
+ font-style: normal;
5454
+ white-space: nowrap;
5455
+ }
5456
+ .ui-tips[data-title]:before,
5457
+ [is-tips='css'][data-title]:before {
5458
+ -webkit-clip-path: inset(var(--ui-tips-triangle-size) var(--ui-tips-triangle-size) var(--ui-tips-triangle-size) var(--ui-tips-triangle-size) round calc(var(--ui-radius, 4px) - 1px));
5459
+ clip-path: inset(var(--ui-tips-triangle-size) var(--ui-tips-triangle-size) var(--ui-tips-triangle-size) var(--ui-tips-triangle-size) round calc(var(--ui-radius, 4px) - 1px));
5460
+ }
5461
+ .ui-tips[data-title]:after,
5462
+ [is-tips='css'][data-title]:after {
5463
+ -webkit-clip-path: polygon(calc(50% - var(--ui-tips-triangle-size)) calc(100% - (var(--ui-tips-triangle-size) + 1px)), calc(50% + var(--ui-tips-triangle-size)) calc(100% - (var(--ui-tips-triangle-size) + 1px)), 50% 100%);
5464
+ clip-path: polygon(calc(50% - var(--ui-tips-triangle-size)) calc(100% - (var(--ui-tips-triangle-size) + 1px)), calc(50% + var(--ui-tips-triangle-size)) calc(100% - (var(--ui-tips-triangle-size) + 1px)), 50% 100%);
5465
+ }
5466
+ .ui-tips[data-title]:hover:before,
5467
+ .ui-tips[data-title]:hover:after,
5468
+ .ui-tips[data-title]:focus:before,
5469
+ .ui-tips[data-title]:focus:after,
5470
+ [is-tips='css'][data-title]:hover:before,
5471
+ [is-tips='css'][data-title]:hover:after,
5472
+ [is-tips='css'][data-title]:focus:before,
5473
+ [is-tips='css'][data-title]:focus:after {
5474
+ transition: visibility var(--ui-animate-time, 0.2s) var(--ui-animate-time, 0.2s);
5475
+ visibility: visible;
5476
+ }
5477
+ .ui-tips[data-title]:hover,
5478
+ [is-tips='css'][data-title]:hover {
5479
+ outline: none;
5480
+ }
5481
+ .reverse.ui-tips[data-title]:before,
5482
+ .reverse.ui-tips[data-title]:after,
5483
+ .reverse[is-tips='css'][data-title]:before,
5484
+ .reverse[is-tips='css'][data-title]:after {
5485
+ bottom: auto;
5486
+ top: calc(100% + 6px);
5487
+ }
5488
+ .reverse.ui-tips[data-title]:after,
5489
+ .reverse[is-tips='css'][data-title]:after {
5490
+ -webkit-clip-path: polygon(calc(50% - var(--ui-tips-triangle-size)) calc(0% + var(--ui-tips-triangle-size) + 1px), calc(50% + var(--ui-tips-triangle-size)) calc(0% + var(--ui-tips-triangle-size) + 1px), 50% 0%);
5491
+ clip-path: polygon(calc(50% - var(--ui-tips-triangle-size)) calc(0% + var(--ui-tips-triangle-size) + 1px), calc(50% + var(--ui-tips-triangle-size)) calc(0% + var(--ui-tips-triangle-size) + 1px), 50% 0%);
5492
+ }
5493
+ .ui-tips-x {
5494
+ position: absolute;
5495
+ width: fit-content;
5496
+ z-index: 99;
5497
+ margin-top: -6px;
5498
+ max-width: 20em;
5499
+ padding: calc(6px + var(--ui-tips-triangle-size)) calc(10px + var(--ui-tips-triangle-size));
5500
+ line-height: 18px;
5501
+ color: var(--ui-white, #fff);
5502
+ font-size: calc(var(--ui-font, 14px) - 2px);
5503
+ font-style: normal;
5504
+ text-align: left;
5505
+ }
5506
+ .ui-tips-x:before,
5507
+ .ui-tips-x:after {
5508
+ content: '';
5509
+ display: block;
5510
+ position: absolute;
5511
+ width: 100%;
5512
+ height: 100%;
5513
+ left: 0;
5514
+ top: 0;
5515
+ background: var(--ui-tips-bg);
5516
+ }
5517
+ .ui-tips-x:before {
5518
+ z-index: -1;
5519
+ -webkit-clip-path: inset(var(--ui-tips-triangle-size) var(--ui-tips-triangle-size) var(--ui-tips-triangle-size) var(--ui-tips-triangle-size) round calc(var(--ui-radius, 4px) - 1px));
5520
+ clip-path: inset(var(--ui-tips-triangle-size) var(--ui-tips-triangle-size) var(--ui-tips-triangle-size) var(--ui-tips-triangle-size) round calc(var(--ui-radius, 4px) - 1px));
5521
+ }
5522
+ .ui-tips-x:after {
5523
+ -webkit-clip-path: polygon(calc(50% - var(--ui-tips-triangle-size)) calc(100% - (var(--ui-tips-triangle-size) + 1px)), calc(50% + var(--ui-tips-triangle-size)) calc(100% - (var(--ui-tips-triangle-size) + 1px)), 50% 100%);
5524
+ clip-path: polygon(calc(50% - var(--ui-tips-triangle-size)) calc(100% - (var(--ui-tips-triangle-size) + 1px)), calc(50% + var(--ui-tips-triangle-size)) calc(100% - (var(--ui-tips-triangle-size) + 1px)), 50% 100%);
5525
+ }
5526
+ @media (any-hover: none) {
5527
+ html {
5528
+ --hoverNone: 'true';
5529
+ }
5530
+ }
5531
+ .ui-tips-x[data-align='8-6'],
5532
+ .ui-tips-x[data-align='6-8'] {
5533
+ max-width: 600px;
5534
+ }
5535
+ .ui-tips-x[data-align='7-5'] {
5536
+ margin-top: 6px;
5537
+ }
5538
+ .ui-tips-x[data-align='7-5']:after {
5539
+ -webkit-clip-path: polygon(calc(50% - var(--ui-tips-triangle-size)) calc(0% + (var(--ui-tips-triangle-size) + 1px)), calc(50% + var(--ui-tips-triangle-size)) calc(0% + (var(--ui-tips-triangle-size) + 1px)), 50% 0%);
5540
+ clip-path: polygon(calc(50% - var(--ui-tips-triangle-size)) calc(0% + (var(--ui-tips-triangle-size) + 1px)), calc(50% + var(--ui-tips-triangle-size)) calc(0% + (var(--ui-tips-triangle-size) + 1px)), 50% 0%);
5541
+ }
5542
+ .ui-tips-x[data-align='2-3'] {
5543
+ margin-left: 12px;
5544
+ margin-top: -6px;
5545
+ }
5546
+ .ui-tips-x[data-align='2-3']:after {
5547
+ -webkit-clip-path: polygon(calc(100% - 16px) calc(100% - (var(--ui-tips-triangle-size) + 1px)), calc(100% - (16px + var(--ui-tips-triangle-size) * 2)) calc(100% - (var(--ui-tips-triangle-size) + 1px)), calc(100% - (16px + var(--ui-tips-triangle-size))) 100%);
5548
+ clip-path: polygon(calc(100% - 16px) calc(100% - (var(--ui-tips-triangle-size) + 1px)), calc(100% - (16px + var(--ui-tips-triangle-size) * 2)) calc(100% - (var(--ui-tips-triangle-size) + 1px)), calc(100% - (16px + var(--ui-tips-triangle-size))) 100%);
5549
+ }
5550
+ .ui-tips-x[data-align='1-4'] {
5551
+ margin-left: -12px;
5552
+ margin-top: -6px;
5553
+ }
5554
+ .ui-tips-x[data-align='1-4']:after {
5555
+ -webkit-clip-path: polygon(16px calc(100% - (var(--ui-tips-triangle-size) + 1px)), calc(16px + var(--ui-tips-triangle-size) * 2) calc(100% - (var(--ui-tips-triangle-size) + 1px)), calc(16px + var(--ui-tips-triangle-size)) 100%);
5556
+ clip-path: polygon(16px calc(100% - (var(--ui-tips-triangle-size) + 1px)), calc(16px + var(--ui-tips-triangle-size) * 2) calc(100% - (var(--ui-tips-triangle-size) + 1px)), calc(16px + var(--ui-tips-triangle-size)) 100%);
5557
+ }
5558
+ .ui-tips-x[data-align='8-6'] {
5559
+ margin-left: -6px;
5560
+ margin-top: 0;
5561
+ }
5562
+ .ui-tips-x[data-align='8-6']:after {
5563
+ -webkit-clip-path: polygon(calc(100% - (var(--ui-tips-triangle-size) + 1px)) calc(50% - var(--ui-tips-triangle-size)), calc(100% - (var(--ui-tips-triangle-size) + 1px)) calc(50% + var(--ui-tips-triangle-size)), 100% 50%);
5564
+ clip-path: polygon(calc(100% - (var(--ui-tips-triangle-size) + 1px)) calc(50% - var(--ui-tips-triangle-size)), calc(100% - (var(--ui-tips-triangle-size) + 1px)) calc(50% + var(--ui-tips-triangle-size)), 100% 50%);
5565
+ }
5566
+ .ui-tips-x[data-align='6-8'] {
5567
+ margin-left: 6px;
5568
+ margin-top: 0;
5569
+ }
5570
+ .ui-tips-x[data-align='6-8']:after {
5571
+ -webkit-clip-path: polygon(calc(0% + (var(--ui-tips-triangle-size) + 1px)) calc(50% - var(--ui-tips-triangle-size)), calc(0% + (var(--ui-tips-triangle-size) + 1px)) calc(50% + var(--ui-tips-triangle-size)), 0% 50%);
5572
+ clip-path: polygon(calc(0% + (var(--ui-tips-triangle-size) + 1px)) calc(50% - var(--ui-tips-triangle-size)), calc(0% + (var(--ui-tips-triangle-size) + 1px)) calc(50% + var(--ui-tips-triangle-size)), 0% 50%);
5573
+ }
5574
+ .ui-tips-x[data-align='3-2'] {
5575
+ margin-left: 12px;
5576
+ margin-top: 6px;
5577
+ }
5578
+ .ui-tips-x[data-align='3-2']:after {
5579
+ -webkit-clip-path: polygon(calc(100% - 16px) calc(0% + (var(--ui-tips-triangle-size) + 1px)), calc(100% - (16px + var(--ui-tips-triangle-size) * 2)) calc(0% + (var(--ui-tips-triangle-size) + 1px)), calc(100% - (16px + var(--ui-tips-triangle-size))) 0%);
5580
+ clip-path: polygon(calc(100% - 16px) calc(0% + (var(--ui-tips-triangle-size) + 1px)), calc(100% - (16px + var(--ui-tips-triangle-size) * 2)) calc(0% + (var(--ui-tips-triangle-size) + 1px)), calc(100% - (16px + var(--ui-tips-triangle-size))) 0%);
5581
+ }
5582
+ .ui-tips-x[data-align='4-1'] {
5583
+ margin-left: -12px;
5584
+ margin-top: 6px;
5585
+ }
5586
+ .ui-tips-x[data-align='4-1']:after {
5587
+ -webkit-clip-path: polygon(16px calc(0% + (var(--ui-tips-triangle-size) + 1px)), calc(16px + var(--ui-tips-triangle-size) * 2) calc(0% + (var(--ui-tips-triangle-size) + 1px)), calc(16px + var(--ui-tips-triangle-size)) 0%);
5588
+ clip-path: polygon(16px calc(0% + (var(--ui-tips-triangle-size) + 1px)), calc(16px + var(--ui-tips-triangle-size) * 2) calc(0% + (var(--ui-tips-triangle-size) + 1px)), calc(16px + var(--ui-tips-triangle-size)) 0%);
5589
+ }
5590
+ .ui-tips-error:not(.none) {
5591
+ animation: fadeIn var(--ui-animate-time, 0.2s), fallDown var(--ui-animate-time, 0.2s);
5592
+ }
5593
+ .ui-tips-error.ui-tips-x:before,
5594
+ .ui-tips-error.ui-tips-x:after {
5595
+ background: var(--ui-tips-error-bg);
5596
+ }
5597
+ .table-x {
5598
+ background-color: #fff;
5599
+ border: 1px solid var(--ui-border, #d0d0d5);
5600
+ }
5601
+ .table-x table {
5602
+ border: 0;
5603
+ }
5604
+ .table-null-x,
5605
+ .table-error-x {
5606
+ display: none;
5607
+ align-items: center;
5608
+ justify-content: center;
5609
+ height: 300px;
5610
+ flex-direction: column;
5611
+ text-align: center;
5612
+ -webkit-user-select: none;
5613
+ -moz-user-select: none;
5614
+ user-select: none;
5615
+ }
5616
+ .table-null-x:empty:before {
5617
+ content: '\6682\65e0\6570\636e';
5618
+ }
5619
+ .table-error-x:empty:before {
5620
+ content: '\6570\636e\83b7\53d6\5931\8d25';
5621
+ }
5622
+ .table-page-x,
5623
+ .table-x > ui-pagination {
5624
+ padding: 10px 10px 10px 20px;
5625
+ margin-top: -1px;
5626
+ border-top: 1px solid var(--ui-light-border, #ededed);
5627
+ background-color: var(--ui-light, #f7f9fa);
5628
+ position: relative;
5629
+ overflow: hidden;
5630
+ }
5631
+ .table-x > ui-pagination {
5632
+ justify-content: flex-end;
5633
+ }
5634
+ .table-x > ui-pagination:not([current]) {
5635
+ --ui-visibility: hidden;
5636
+ }
5637
+ @media screen and (max-width: 640px) {
5638
+ .table-page-x {
5639
+ padding-left: 10px;
5640
+ padding-right: 5px;
5641
+ }
5642
+ }
5643
+ .table-page-data {
5644
+ float: left;
5645
+ line-height: 20px;
5646
+ padding-top: 5px;
5647
+ font-size: 14px;
5648
+ }
5649
+ .table-page-total {
5650
+ margin: 0 3px;
5651
+ }
5652
+ .table-page-per {
5653
+ display: inline-block;
5654
+ margin-left: 5px;
5655
+ color: var(--ui-blue, #2a80eb);
5656
+ cursor: pointer;
5657
+ }
5658
+ .table-page-per:after {
5659
+ content: '';
5660
+ display: inline-block;
5661
+ width: 20px;
5662
+ height: 20px;
5663
+ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-205 197 200 400'%3E%3Cpath d='M-59.7 271.6c-4.2-4.1-11-4.1-15.3 0l-30.5 29.6-30.5-29.6c-4.2-4.1-11-4.1-15.3 0-4.2 4.1-4.2 10.7 0 14.8l38.2 37c4.2 4.1 11 4.1 15.3 0l38.2-37c4.1-4.1 4.1-10.7-.1-14.8z' fill='%23a2a9b6'/%3E%3Cpath d='M-58.7 471.6c-4.2-4.1-11-4.1-15.3 0l-30.5 29.6-30.5-29.6c-4.2-4.1-11-4.1-15.3 0-4.2 4.1-4.2 10.7 0 14.8l38.2 37c4.2 4.1 11 4.1 15.3 0l38.2-37c4.1-4.1 4.1-10.7-.1-14.8z' fill='%232a80eb'/%3E%3C/svg%3E") no-repeat;
5664
+ background-size: 20px 40px;
5665
+ vertical-align: -5px;
5666
+ }
5667
+ .table-page-per:hover:after {
5668
+ color: var(--ui-blue, #2a80eb);
5669
+ background-position: 0 -20px;
5670
+ }
5671
+ .table-page {
5672
+ float: right;
5673
+ padding-top: 2px;
5674
+ }
5675
+ .table-checkbox td:first-child,
5676
+ .table-checkbox th:first-child {
5677
+ width: 20px;
5678
+ padding-right: 0;
5679
+ padding-left: 18px;
5680
+ text-align: right;
5681
+ }
5682
+ .table-checkbox td:first-child + td,
5683
+ .table-checkbox th:first-child + th {
5684
+ padding-left: 13px;
5685
+ }
5686
+ .table-checkbox tr:hover td {
5687
+ background-color: var(--ui-list-hover, #f0f7ff);
5688
+ }
5689
+ .table-checkbox tr.selected td {
5690
+ background-color: var(--ui-list-selected, #e0f0ff);
5691
+ }
5692
+ .table-header {
5693
+ padding: 12px 20px;
5694
+ border-bottom: 1px solid var(--ui-light-border, #ededed);
5695
+ }
5696
+ .table-title {
5697
+ line-height: 56px;
5698
+ font-size: 24px;
5699
+ margin: 0;
5700
+ }
5701
+ .gpt-container[data-v-491f9d94] {
5702
+ height: 100%;
5703
+ display: flex;
5704
+ position: relative;
5705
+ flex-direction: column;
5706
+ }
5707
+ .gpt-container *[data-v-491f9d94] {
5708
+ box-sizing: border-box;
5709
+ }
5710
+ .gpt-container .scroll-container[data-v-491f9d94] {
5711
+ flex: 1;
5712
+ padding: 18px;
5713
+ overflow: auto;
5714
+ }
5715
+ .gpt-container .scroll-container .common-container[data-v-491f9d94] {
5716
+ width: 100%;
5717
+ display: flex;
5718
+ font-size: 14px;
5719
+ letter-spacing: 1.8px;
5720
+ font-weight: 400;
5721
+ margin-bottom: 16px;
5722
+ }
5723
+ .gpt-container .scroll-container .reply-container[data-v-491f9d94] {
5724
+ justify-content: flex-start;
5725
+ }
5726
+ .gpt-container .scroll-container .question-container[data-v-491f9d94] {
5727
+ justify-content: flex-end;
5728
+ }
5729
+ .gpt-container .scroll-container .stop-container[data-v-491f9d94] {
5730
+ justify-content: center;
5731
+ }
5732
+ .gpt-container .scroll-container .stop-content[data-v-491f9d94] {
5733
+ width: 100px;
5734
+ height: 32px;
5735
+ border-radius: 16px;
5736
+ background: #4b9af91a;
5737
+ color: #4b9af9;
5738
+ font-size: 16px;
5739
+ display: flex;
5740
+ align-items: center;
5741
+ justify-content: center;
5742
+ }
5743
+ .gpt-container .scroll-container .stop-content .icon[data-v-491f9d94] {
5744
+ margin-right: 10px;
5745
+ }
5746
+ .gpt-container .scroll-container .reply-content[data-v-491f9d94] {
5747
+ max-width: 90%;
5748
+ padding: 8px;
5749
+ background: #f2f5fc;
5750
+ border-radius: 0 10px 10px;
5751
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
5752
+ }
5753
+ .gpt-container .scroll-container .reply-content .rk-markdown-body[data-v-491f9d94] {
5754
+ color: #323232;
5755
+ }
5756
+ .gpt-container .scroll-container .reply-content .disclaimer[data-v-491f9d94] {
5757
+ font-size: 12px;
5758
+ color: #959595;
5759
+ letter-spacing: 0;
5760
+ margin-top: 10px;
5761
+ }
5762
+ .gpt-container .scroll-container .gpt-input > span[data-v-491f9d94]:after {
5763
+ animation: blink 1s steps(5, start) infinite;
5764
+ content: '\258b';
5765
+ margin-left: 10px;
5766
+ vertical-align: baseline;
5767
+ color: #468ffc;
5768
+ }
5769
+ .gpt-container .scroll-container .question-content[data-v-491f9d94] {
5770
+ color: #fff;
5771
+ max-width: 300px;
5772
+ padding: 10px 12px;
5773
+ font-size: 15px;
5774
+ font-weight: 500;
5775
+ background: linear-gradient(to right, #356fff, #6383f7);
5776
+ border-radius: 16px 16px 0;
5777
+ }
5778
+ .gpt-container .to-working-table[data-v-491f9d94] {
5779
+ height: 40px;
5780
+ display: flex;
5781
+ align-items: center;
5782
+ }
5783
+ .gpt-container .to-working-table .btn[data-v-491f9d94] {
5784
+ height: 28px;
5785
+ cursor: pointer;
5786
+ color: #3770fe;
5787
+ margin-left: 10px;
5788
+ text-align: center;
5789
+ font-size: 12px;
5790
+ font-weight: 700;
5791
+ border-radius: 4px;
5792
+ padding: 0 5px;
5793
+ line-height: 28px;
5794
+ background: rgba(55, 112, 254, 0.1);
5795
+ box-sizing: border-box;
5796
+ border: 1px solid #3770fe;
5797
+ }
5798
+ .gpt-container .send-message[data-v-491f9d94] {
5799
+ height: 120px;
5800
+ display: flex;
5801
+ flex-direction: column;
5802
+ justify-content: space-between;
5803
+ border-top: 1px solid #e7eced;
5804
+ }
5805
+ .gpt-container .send-message .btn-container[data-v-491f9d94] {
5806
+ margin-right: 10px;
5807
+ margin-bottom: 10px;
5808
+ text-align: right;
5809
+ }
5810
+ .gpt-container .send-message .btn-container .ui-button[data-v-491f9d94] {
5811
+ height: 30px;
5812
+ line-height: 10px;
5813
+ }
5814
+ .gpt-container .send-message .btn-container .send-btn[data-v-491f9d94] {
5815
+ background: #3770fe;
5816
+ }
5817
+ .gpt-container .send-message .ui-textarea[data-v-491f9d94] {
5818
+ width: 100%;
5819
+ border: none;
5820
+ flex: 1;
5821
+ }
5822
+ .gpt-container .send-message .default-view[data-v-491f9d94] {
5823
+ height: 100%;
5824
+ display: flex;
5825
+ flex-direction: column;
5826
+ align-items: center;
5827
+ }
5828
+ .gpt-container .send-message .default-view > div[data-v-491f9d94] {
5829
+ height: 30px;
5830
+ width: 200px;
5831
+ line-height: 30px;
5832
+ text-align: center;
5833
+ border-radius: 6px;
5834
+ background: rgba(54, 110, 248, 0.1);
5835
+ color: #3770fe;
5836
+ font-size: 12px;
5837
+ font-weight: 500;
5838
+ margin-top: 10px;
5839
+ cursor: pointer;
5840
+ }
5841
+ .gpt-container .send-message .default-view .ui-button[data-v-491f9d94] {
5842
+ height: 30px;
5843
+ line-height: 10px;
5844
+ margin-top: 10px;
5845
+ background: #3770fe;
5846
+ }
5847
+ .register-container input[data-v-0f948f54]::-webkit-outer-spin-button,
5848
+ .register-container input[data-v-0f948f54]::-webkit-inner-spin-button {
5849
+ -webkit-appearance: none;
5850
+ }
5851
+ .register-container input[type='number'][data-v-0f948f54] {
5852
+ -moz-appearance: textfield;
5853
+ }
5854
+ .register-container[data-v-0f948f54] {
5855
+ padding: 50px 15px 0;
5856
+ }
5857
+ .register-container .register-title[data-v-0f948f54] {
5858
+ color: #323232;
5859
+ font-size: 18px;
5860
+ font-weight: 500;
5861
+ text-align: center;
5862
+ }
5863
+ .register-container .form-item[data-v-0f948f54] {
5864
+ margin-top: 20px;
5865
+ }
5866
+ .register-container .form-item .form-label[data-v-0f948f54] {
5867
+ padding-left: 5px;
5868
+ color: #828e9a;
5869
+ font-size: 12px;
5870
+ font-weight: 500;
5871
+ margin-bottom: 6px;
5872
+ }
5873
+ .register-container .form-item .ver-code-input[data-v-0f948f54] {
5874
+ position: relative;
5875
+ }
5876
+ .register-container .form-item .ver-code-input .btn[data-v-0f948f54] {
5877
+ cursor: pointer;
5878
+ position: absolute;
5879
+ right: 0;
5880
+ height: 40px;
5881
+ padding: 0 10px;
5882
+ line-height: 40px;
5883
+ font-size: 14px;
5884
+ color: #3770fe;
5885
+ font-weight: 500;
5886
+ }
5887
+ .register-container .form-item .ver-code-input .btn-disabled[data-v-0f948f54] {
5888
+ color: #828e9a;
5889
+ }
5890
+ .register-container .form-item .ui-input[data-v-0f948f54] {
5891
+ width: 100%;
5892
+ }
5893
+ .register-container .register-submit[data-v-0f948f54] {
5894
+ margin-top: 100px;
5895
+ width: 100%;
5896
+ background: #3770fe;
5897
+ }
5898
+ .register-container .result-container[data-v-0f948f54] {
5899
+ text-align: center;
5900
+ padding-top: 40px;
5901
+ }
5902
+ .register-container .result-container img[data-v-0f948f54] {
5903
+ width: 120px;
5904
+ height: 120px;
5905
+ }
5906
+ .gpt-logo[data-v-bc1fa462] {
5907
+ width: 56px;
5908
+ height: 56px;
5909
+ border-radius: 50%;
5910
+ position: fixed;
5911
+ right: 20px;
5912
+ bottom: 20px;
5913
+ background: linear-gradient(170deg, #356fff 6%, #6383f7 111%);
5914
+ box-shadow: inset -3px -3px 10px rgba(0, 0, 0, 0.1), inset 6px 5px 10px rgba(255, 255, 255, 0.12);
5915
+ }
5916
+ .gpt-logo .img-container[data-v-bc1fa462] {
5917
+ width: 100%;
5918
+ height: 100%;
5919
+ display: flex;
5920
+ align-items: center;
5921
+ justify-content: center;
5922
+ cursor: pointer;
5923
+ }
5924
+ .gpt-logo .img-container .logo-img[data-v-bc1fa462] {
5925
+ width: 40px;
5926
+ height: 40px;
5927
+ }
5928
+ .gpt-logo .rk-gpt-container[data-v-bc1fa462] {
5929
+ left: -330px;
5930
+ bottom: 0;
5931
+ height: 600px;
5932
+ width: 320px;
5933
+ overflow: hidden;
5934
+ position: absolute;
5935
+ border-radius: 14px;
5936
+ background-color: #fff;
5937
+ flex-direction: column;
5938
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
5939
+ }
5940
+ .gpt-logo .rk-gpt-container[data-v-bc1fa462] ::-webkit-scrollbar {
5941
+ width: 3px;
5942
+ }
5943
+ .gpt-logo .rk-gpt-container[data-v-bc1fa462] ::-webkit-scrollbar-track {
5944
+ background-color: transparent;
5945
+ }
5946
+ .gpt-logo .rk-gpt-container[data-v-bc1fa462] ::-webkit-scrollbar-thumb {
5947
+ background-color: #d4d4d4;
5948
+ border-radius: 2em;
5949
+ }
5950
+ .gpt-logo .rk-gpt-container .common-title[data-v-bc1fa462] {
5951
+ padding: 0 20px;
5952
+ height: 70px;
5953
+ display: flex;
5954
+ align-items: center;
5955
+ justify-content: space-between;
5956
+ background: linear-gradient(180deg, #356fff 0%, #6383f7 100%);
5957
+ }
5958
+ .gpt-logo .rk-gpt-container .common-title .title-left[data-v-bc1fa462] {
5959
+ display: flex;
5960
+ align-items: center;
5961
+ }
5962
+ .gpt-logo .rk-gpt-container .common-title .title-left .logo[data-v-bc1fa462] {
5963
+ width: 36px;
5964
+ height: 36px;
5965
+ margin-right: 11px;
5966
+ }
5967
+ .gpt-logo .rk-gpt-container .common-title .title-left .title[data-v-bc1fa462] {
5968
+ color: #fff;
5969
+ font-size: 16px;
5970
+ font-weight: 500;
5971
+ }
5972
+ .gpt-logo .rk-gpt-container .common-title .close-view[data-v-bc1fa462] {
5973
+ width: 40px;
5974
+ text-align: right;
5975
+ cursor: pointer;
5976
+ margin-top: 10px;
5977
+ color: #fff;
5978
+ font-size: 24px;
5979
+ font-weight: 700;
5980
+ }
5981
+ .gpt-logo .rk-gpt-container .toast-container[data-v-bc1fa462] {
5982
+ position: absolute;
5983
+ top: 50%;
5984
+ left: calc(50% - 90px);
5985
+ width: 180px;
5986
+ text-align: center;
5987
+ }
5988
+ .gpt-logo .rk-gpt-container .toast-container .toast-view[data-v-bc1fa462] {
5989
+ max-width: 180px;
5990
+ text-align: center;
5991
+ padding: 5px 10px;
5992
+ font-size: 14px;
5993
+ font-weight: 500;
5994
+ color: #fff;
5995
+ border-radius: 3px;
5996
+ background: rgba(0, 0, 0, 0.7);
5997
+ }
5998
+