@bagelink/vue 0.0.270 → 0.0.276

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/components/Accordion.vue.d.ts +10 -0
  2. package/dist/components/Accordion.vue.d.ts.map +1 -0
  3. package/dist/components/AccordionItem.vue.d.ts +2 -0
  4. package/dist/components/AccordionItem.vue.d.ts.map +1 -1
  5. package/dist/components/Btn.vue.d.ts +3 -3
  6. package/dist/components/{Drop.vue.d.ts → ComboBox.vue.d.ts} +10 -12
  7. package/dist/components/ComboBox.vue.d.ts.map +1 -0
  8. package/dist/components/Popover.vue.d.ts +10 -0
  9. package/dist/components/Popover.vue.d.ts.map +1 -0
  10. package/dist/components/Title.vue.d.ts +1 -1
  11. package/dist/components/form/BglForm.vue.d.ts.map +1 -1
  12. package/dist/components/form/ItemRef.vue.d.ts +0 -1
  13. package/dist/components/form/ItemRef.vue.d.ts.map +1 -1
  14. package/dist/components/form/inputs/SelectField.vue.d.ts +4 -1
  15. package/dist/components/form/inputs/SelectField.vue.d.ts.map +1 -1
  16. package/dist/components/index.d.ts +3 -0
  17. package/dist/components/index.d.ts.map +1 -1
  18. package/dist/index.cjs +6752 -4031
  19. package/dist/index.mjs +6726 -4005
  20. package/dist/plugins/bagel.d.ts.map +1 -1
  21. package/dist/style.css +291 -238
  22. package/dist/utils/clickOutside.d.ts +7 -0
  23. package/dist/utils/clickOutside.d.ts.map +1 -0
  24. package/package.json +2 -1
  25. package/src/components/Accordion.vue +15 -0
  26. package/src/components/AccordionItem.vue +48 -24
  27. package/src/components/ComboBox.vue +132 -0
  28. package/src/components/index.ts +3 -0
  29. package/src/plugins/bagel.ts +14 -2
  30. package/src/styles/layout.css +191 -188
  31. package/src/styles/text.css +40 -43
  32. package/src/utils/clickOutside.ts +15 -0
  33. package/dist/components/Drop.vue.d.ts.map +0 -1
  34. package/dist/components/FileUploader.vue.d.ts +0 -60
  35. package/dist/components/FileUploader.vue.d.ts.map +0 -1
package/dist/style.css CHANGED
@@ -555,38 +555,46 @@
555
555
  }
556
556
  }
557
557
 
558
- .accordion-item[data-v-172f43f1] {
559
- border-bottom: 1px solid var(--border-color);
560
- transition: all 0.2s ease;
561
- cursor: pointer;
562
- overflow: hidden;
558
+ .accordion-item[data-v-41718a1b] {
559
+ border-bottom: 1px solid var(--border-color);
560
+ transition: all 0.2s;
561
+ cursor: pointer;
562
+ overflow: hidden;
563
563
  }
564
- .accordion-head[data-v-172f43f1] {
565
- height: var( --input-height);
566
- display: flex;
567
- align-items: center;
568
- justify-content: space-between;
564
+ .accordion-head[data-v-41718a1b] {
565
+ height: var(--input-height);
566
+ background: transparent;
567
+ display: flex;
568
+ width: 100%;
569
+ align-items: center;
570
+ justify-content: space-between;
569
571
  }
570
- .accordion-icon[data-v-172f43f1] {
571
- transition: all 0.2s ease;
572
+ .accordion-icon[data-v-41718a1b] {
573
+ transition: all 0.2s ease;
572
574
  }
573
- .accordion-icon.open[data-v-172f43f1] {
574
- transform: rotate(180deg);
575
+ .accordion-icon.open[data-v-41718a1b] {
576
+ transform: rotate(180deg);
577
+ }
578
+ .accordion-label[data-v-41718a1b] {
579
+ font-weight: bold;
580
+ }
581
+ .accordion-head:hover .accordion-label[data-v-41718a1b] {
582
+ text-decoration: underline;
575
583
  }
584
+ .accordion-body[data-v-41718a1b] {}
576
585
 
577
586
  .expand-enter-active,
578
587
  .expand-leave-active {
579
- transition: all 0.5s;
588
+ transition: all 0.5s;
589
+ transition-delay: 0ms;
580
590
  }
581
591
  .expand-enter-from,
582
592
  .expand-leave-to {
583
- max-height: 0;
584
- opacity: 0.5;
593
+ max-height: 0;
585
594
  }
586
595
  .expand-enter-to,
587
596
  .expand-leave-from {
588
- max-height: 100vh;
589
- opacity: 1;
597
+ max-height: 300px;
590
598
  }
591
599
 
592
600
  .search-wrap {
@@ -887,6 +895,39 @@ th[data-v-2137a7a8] {
887
895
  height: 100%;
888
896
  object-fit: cover;
889
897
  }
898
+ .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
899
+
900
+ .combobox[data-v-59552907] {
901
+ width: 100%;
902
+ }
903
+ .combobox-option[data-v-59552907] {
904
+ padding: 6px 12px;
905
+ cursor: pointer;
906
+ border-radius: 5px;
907
+ transition: all 0.2s;
908
+ display: flex;
909
+ justify-content: space-between;
910
+ width: 300px;
911
+ }
912
+ .combobox-options[data-v-59552907] {
913
+ max-height: 300px;
914
+ overflow-y: auto;
915
+ }
916
+ .combobox-option[data-v-59552907]:hover {
917
+ background: var(--bgl-gray-20);
918
+ }
919
+
920
+ .combobox-btn .bgl_btn-flex {
921
+ justify-content: space-between;
922
+ }
923
+ .v-popper__arrow-container {
924
+ display: none;
925
+ }
926
+ .v-popper--theme-dropdown .v-popper__inner {
927
+ border: none;
928
+ background: transparent;
929
+ border-radius: var(--card-border-radius);
930
+ }
890
931
 
891
932
  /* .group-wrap * {
892
933
  outline: 1px solid red;
@@ -2165,130 +2206,130 @@ img.preview[data-v-1be8d7b1] {
2165
2206
 
2166
2207
 
2167
2208
  .grid {
2168
- display: grid;
2209
+ display: grid;
2169
2210
  }
2170
2211
  .inline-grid {
2171
- display: inline-grid;
2212
+ display: inline-grid;
2172
2213
  }
2173
2214
  .fill {
2174
- width: 100vw;
2175
- height: 100vh;
2215
+ width: 100vw;
2216
+ height: 100vh;
2176
2217
  }
2177
2218
  .justify-items-center {
2178
- justify-items: center;
2219
+ justify-items: center;
2179
2220
  }
2180
2221
  .justify-content-center {
2181
- justify-content: center;
2222
+ justify-content: center;
2182
2223
  }
2183
2224
  .justify-content-start {
2184
- justify-content: start;
2225
+ justify-content: start;
2185
2226
  }
2186
2227
  .align-content-center {
2187
- align-content: center;
2228
+ align-content: center;
2188
2229
  }
2189
2230
  .align-items-top {
2190
- align-items: flex-start !important;
2231
+ align-items: flex-start !important;
2191
2232
  }
2192
2233
  .align-items-center {
2193
- align-items: center;
2234
+ align-items: center;
2194
2235
  }
2195
2236
  .row-gap-1 {
2196
- row-gap: 0.2rem;
2237
+ row-gap: 0.2rem;
2197
2238
  }
2198
2239
  .row-gap-2 {
2199
- row-gap: 0.5rem;
2240
+ row-gap: 0.5rem;
2200
2241
  }
2201
2242
  .row-gap-3 {
2202
- row-gap: 1rem;
2243
+ row-gap: 1rem;
2203
2244
  }
2204
2245
  .align-items-end {
2205
- align-items: end !important;
2246
+ align-items: end !important;
2206
2247
  }
2207
2248
  .fit-content {
2208
- width: fit-content;
2209
- height: fit-content;
2249
+ width: fit-content;
2250
+ height: fit-content;
2210
2251
  }
2211
2252
  .margin-auto {
2212
- margin-left: auto;
2213
- margin-right: auto;
2253
+ margin-left: auto;
2254
+ margin-right: auto;
2214
2255
  }
2215
2256
  .auto-flow-columns {
2216
- grid-auto-flow: column;
2257
+ grid-auto-flow: column;
2217
2258
  }
2218
2259
  .grid-2-col {
2219
- grid-template-columns: 1fr 1fr;
2260
+ grid-template-columns: 1fr 1fr;
2220
2261
  }
2221
2262
  .justify-content-between {
2222
- justify-content: space-between;
2263
+ justify-content: space-between;
2223
2264
  }
2224
2265
  .justify-self-start {
2225
- justify-self: start;
2266
+ justify-self: start;
2226
2267
  }
2227
2268
  .columns-max-content {
2228
- grid-auto-columns: max-content;
2269
+ grid-auto-columns: max-content;
2229
2270
  }
2230
2271
  .w-100 {
2231
- width: 100%;
2272
+ width: 100%;
2232
2273
  }
2233
2274
  .col-gap-1 {
2234
- column-gap: 1rem;
2275
+ column-gap: 1rem;
2235
2276
  }
2236
2277
  .col-gap-05 {
2237
- column-gap: 0.5rem;
2278
+ column-gap: 0.5rem;
2238
2279
  }
2239
2280
  .rows-max-content {
2240
- grid-auto-rows: max-content;
2281
+ grid-auto-rows: max-content;
2241
2282
  }
2242
- .grid.overflow>* {
2243
- min-width: 0px;
2244
- overflow: auto;
2283
+ .grid.overflow > * {
2284
+ min-width: 0px;
2285
+ overflow: auto;
2245
2286
  }
2246
2287
  .ps-1 {
2247
- padding-left: 1rem;
2288
+ padding-left: 1rem;
2248
2289
  }
2249
2290
  .justify-content-around {
2250
- justify-content: space-between;
2291
+ justify-content: space-between;
2251
2292
  }
2252
2293
  .justify-content-end {
2253
- justify-content: end;
2294
+ justify-content: end;
2254
2295
  }
2255
2296
  .justify-self-end {
2256
- justify-self: end;
2297
+ justify-self: end;
2257
2298
  }
2258
2299
  .justify-self-center {
2259
- justify-self: center;
2300
+ justify-self: center;
2260
2301
  }
2261
2302
  .position-right {
2262
- position: absolute;
2263
- top: 0px;
2264
- right: 0px;
2303
+ position: absolute;
2304
+ top: 0px;
2305
+ right: 0px;
2265
2306
  }
2266
2307
  .position-absolute {
2267
- position: absolute;
2308
+ position: absolute;
2268
2309
  }
2269
2310
  .position-relative {
2270
- position: relative;
2311
+ position: relative;
2271
2312
  }
2272
2313
  .auto-flow-rows {
2273
- grid-auto-flow: row;
2314
+ grid-auto-flow: row;
2274
2315
  }
2275
2316
  .align-items-start {
2276
- align-items: start !important;
2317
+ align-items: start !important;
2277
2318
  }
2278
2319
  .align-self-end {
2279
- align-self: end;
2320
+ align-self: end;
2280
2321
  }
2281
2322
  .h-100 {
2282
- height: 100%;
2323
+ height: 100%;
2283
2324
  }
2284
2325
  .vh-100 {
2285
- height: 100vh;
2326
+ height: 100vh;
2286
2327
  }
2287
2328
  .min-100 {
2288
- min-height: 100%;
2329
+ min-height: 100%;
2289
2330
  }
2290
2331
  .w-100 {
2291
- width: 100%;
2332
+ width: 100%;
2292
2333
  }
2293
2334
  .w300,
2294
2335
  .w350,
@@ -2299,392 +2340,398 @@ img.preview[data-v-1be8d7b1] {
2299
2340
  .w600,
2300
2341
  .w650,
2301
2342
  .w700 {
2302
- margin-left: auto;
2303
- margin-right: auto;
2304
- width: 98%;
2343
+ margin-left: auto;
2344
+ margin-right: auto;
2345
+ width: 98%;
2305
2346
  }
2306
2347
  .w300 {
2307
- max-width: 300px;
2348
+ max-width: 300px;
2308
2349
  }
2309
2350
  .w350 {
2310
- max-width: 350px;
2351
+ max-width: 350px;
2311
2352
  }
2312
2353
  .w400 {
2313
- max-width: 400px;
2354
+ max-width: 400px;
2314
2355
  }
2315
2356
  .w450 {
2316
- max-width: 450px;
2357
+ max-width: 450px;
2317
2358
  }
2318
2359
  .w500 {
2319
- max-width: 500px;
2360
+ max-width: 500px;
2320
2361
  }
2321
2362
  .w550 {
2322
- max-width: 550px;
2363
+ max-width: 550px;
2323
2364
  }
2324
2365
  .w600 {
2325
- max-width: 600px;
2366
+ max-width: 600px;
2326
2367
  }
2327
2368
  .w650 {
2328
- max-width: 650px;
2369
+ max-width: 650px;
2329
2370
  }
2330
2371
  .w650 {
2331
- max-width: 700px;
2372
+ max-width: 700px;
2332
2373
  }
2333
2374
  .gap-1 {
2334
- gap: 0.25rem;
2375
+ gap: 0.25rem;
2335
2376
  }
2336
2377
  .gap-2 {
2337
- gap: 0.5rem;
2378
+ gap: 0.5rem;
2338
2379
  }
2339
2380
  .gap-3 {
2340
- gap: 1rem;
2381
+ gap: 1rem;
2341
2382
  }
2342
2383
  .gap-col-1 {
2343
- column-gap: 0.25rem;
2384
+ column-gap: 0.25rem;
2344
2385
  }
2345
2386
  .gap-col-2 {
2346
- column-gap: 0.5rem;
2387
+ column-gap: 0.5rem;
2347
2388
  }
2348
2389
  .gap-col-3 {
2349
- column-gap: 1rem;
2390
+ column-gap: 1rem;
2350
2391
  }
2351
2392
  .gap-row-1 {
2352
- row-gap: 0.25rem;
2393
+ row-gap: 0.25rem;
2353
2394
  }
2354
2395
  .gap-row-2 {
2355
- row-gap: 0.5rem;
2396
+ row-gap: 0.5rem;
2356
2397
  }
2357
2398
  .gap-row-3 {
2358
- row-gap: 1rem;
2399
+ row-gap: 1rem;
2359
2400
  }
2360
2401
  .flex-wrap {
2361
- flex-wrap: wrap;
2402
+ flex-wrap: wrap;
2403
+ }
2404
+ .column {
2405
+ flex-direction: column;
2406
+ }
2407
+ .row {
2408
+ flex-direction: row;
2362
2409
  }
2363
2410
  .flex-grow {
2364
- flex-grow: 1;
2411
+ flex-grow: 1;
2365
2412
  }
2366
2413
  .flex-shrink {
2367
- flex-shrink: 1;
2414
+ flex-shrink: 1;
2368
2415
  }
2369
2416
  .flex-2-col {
2370
- max-width: 50%;
2371
- flex: 1 1 calc(50% - 2rem);
2417
+ max-width: 50%;
2418
+ flex: 1 1 calc(50% - 2rem);
2372
2419
  }
2373
2420
  .flex-3-col {
2374
- flex: 1 1 33.33333%;
2421
+ flex: 1 1 33.33333%;
2375
2422
  }
2376
2423
  .mb-auto {
2377
- margin-bottom: auto !important;
2424
+ margin-bottom: auto !important;
2378
2425
  }
2379
2426
  .mb-0 {
2380
- margin-bottom: 0rem !important;
2427
+ margin-bottom: 0rem !important;
2381
2428
  }
2382
2429
  .mb-025 {
2383
- margin-bottom: 0.25rem !important;
2430
+ margin-bottom: 0.25rem !important;
2384
2431
  }
2385
2432
  .mb-05 {
2386
- margin-bottom: 0.5rem !important;
2433
+ margin-bottom: 0.5rem !important;
2387
2434
  }
2388
2435
  .mb-075 {
2389
- margin-bottom: 0.75rem !important;
2436
+ margin-bottom: 0.75rem !important;
2390
2437
  }
2391
2438
  .mb-1 {
2392
- margin-bottom: 1rem !important;
2439
+ margin-bottom: 1rem !important;
2393
2440
  }
2394
2441
  .mb-2 {
2395
- margin-bottom: 2rem !important;
2442
+ margin-bottom: 2rem !important;
2396
2443
  }
2397
2444
  .mb-3 {
2398
- margin-bottom: 3rem !important;
2445
+ margin-bottom: 3rem !important;
2399
2446
  }
2400
2447
  .mb-4 {
2401
- margin-bottom: 4rem !important;
2448
+ margin-bottom: 4rem !important;
2402
2449
  }
2403
2450
  .mt-auto {
2404
- margin-top: auto !important;
2451
+ margin-top: auto !important;
2405
2452
  }
2406
2453
  .mt-0 {
2407
- margin-top: 0rem !important;
2454
+ margin-top: 0rem !important;
2408
2455
  }
2409
2456
  .mt-025 {
2410
- margin-top: 0.25rem !important;
2457
+ margin-top: 0.25rem !important;
2411
2458
  }
2412
2459
  .mt-05 {
2413
- margin-top: 0.5rem !important;
2460
+ margin-top: 0.5rem !important;
2414
2461
  }
2415
2462
  .mt-075 {
2416
- margin-top: 0.75rem !important;
2463
+ margin-top: 0.75rem !important;
2417
2464
  }
2418
2465
  .mt-1 {
2419
- margin-top: 1rem !important;
2466
+ margin-top: 1rem !important;
2420
2467
  }
2421
2468
  .mt-2 {
2422
- margin-top: 2rem !important;
2469
+ margin-top: 2rem !important;
2423
2470
  }
2424
2471
  .mt-3 {
2425
- margin-top: 3rem !important;
2472
+ margin-top: 3rem !important;
2426
2473
  }
2427
2474
  .mt-4 {
2428
- margin-top: 4rem !important;
2475
+ margin-top: 4rem !important;
2429
2476
  }
2430
2477
  .ms-auto {
2431
- margin-inline-start: auto !important;
2478
+ margin-inline-start: auto !important;
2432
2479
  }
2433
2480
  .ms-0 {
2434
- margin-inline-start: 0rem !important;
2481
+ margin-inline-start: 0rem !important;
2435
2482
  }
2436
2483
  .ms-025 {
2437
- margin-inline-start: 0.25rem !important;
2484
+ margin-inline-start: 0.25rem !important;
2438
2485
  }
2439
2486
  .ms-05 {
2440
- margin-inline-start: 0.5rem !important;
2487
+ margin-inline-start: 0.5rem !important;
2441
2488
  }
2442
2489
  .ms-075 {
2443
- margin-inline-start: 0.75rem !important;
2490
+ margin-inline-start: 0.75rem !important;
2444
2491
  }
2445
2492
  .ms-1 {
2446
- margin-inline-start: 1rem !important;
2493
+ margin-inline-start: 1rem !important;
2447
2494
  }
2448
2495
  .ms-2 {
2449
- margin-inline-start: 2rem !important;
2496
+ margin-inline-start: 2rem !important;
2450
2497
  }
2451
2498
  .ms-3 {
2452
- margin-inline-start: 3rem !important;
2499
+ margin-inline-start: 3rem !important;
2453
2500
  }
2454
2501
  .ms-4 {
2455
- margin-inline-start: 4rem !important;
2502
+ margin-inline-start: 4rem !important;
2456
2503
  }
2457
2504
  .me-auto {
2458
- margin-inline-end: auto !important;
2505
+ margin-inline-end: auto !important;
2459
2506
  }
2460
2507
  .me-0 {
2461
- margin-inline-end: 0rem !important;
2508
+ margin-inline-end: 0rem !important;
2462
2509
  }
2463
2510
  .me-025 {
2464
- margin-inline-end: 0.25rem !important;
2511
+ margin-inline-end: 0.25rem !important;
2465
2512
  }
2466
2513
  .me-05 {
2467
- margin-inline-end: 0.5rem !important;
2514
+ margin-inline-end: 0.5rem !important;
2468
2515
  }
2469
2516
  .me-075 {
2470
- margin-inline-end: 0.75rem !important;
2517
+ margin-inline-end: 0.75rem !important;
2471
2518
  }
2472
2519
  .me-1 {
2473
- margin-inline-end: 1rem !important;
2520
+ margin-inline-end: 1rem !important;
2474
2521
  }
2475
2522
  .me-2 {
2476
- margin-inline-end: 2rem !important;
2523
+ margin-inline-end: 2rem !important;
2477
2524
  }
2478
2525
  .me-3 {
2479
- margin-inline-end: 3rem !important;
2526
+ margin-inline-end: 3rem !important;
2480
2527
  }
2481
2528
  .me-4 {
2482
- margin-inline-end: 4rem !important;
2529
+ margin-inline-end: 4rem !important;
2483
2530
  }
2484
2531
  .-mb-025 {
2485
- margin-bottom: -0.25rem !important;
2532
+ margin-bottom: -0.25rem !important;
2486
2533
  }
2487
2534
  .-mb-05 {
2488
- margin-bottom: -0.5rem !important;
2535
+ margin-bottom: -0.5rem !important;
2489
2536
  }
2490
2537
  .-mb-075 {
2491
- margin-bottom: -0.75rem !important;
2538
+ margin-bottom: -0.75rem !important;
2492
2539
  }
2493
2540
  .-mb-1 {
2494
- margin-bottom: -1rem !important;
2541
+ margin-bottom: -1rem !important;
2495
2542
  }
2496
2543
  .-mb-2 {
2497
- margin-bottom: -2rem !important;
2544
+ margin-bottom: -2rem !important;
2498
2545
  }
2499
2546
  .-mb-3 {
2500
- margin-bottom: -3rem !important;
2547
+ margin-bottom: -3rem !important;
2501
2548
  }
2502
2549
  .-mb-4 {
2503
- margin-bottom: -4rem !important;
2550
+ margin-bottom: -4rem !important;
2504
2551
  }
2505
2552
  .-mt-025 {
2506
- margin-top: -0.25rem !important;
2553
+ margin-top: -0.25rem !important;
2507
2554
  }
2508
2555
  .-mt-05 {
2509
- margin-top: -0.5rem !important;
2556
+ margin-top: -0.5rem !important;
2510
2557
  }
2511
2558
  .-mt-075 {
2512
- margin-top: 0.75rem !important;
2559
+ margin-top: 0.75rem !important;
2513
2560
  }
2514
2561
  .-mt-1 {
2515
- margin-top: -1rem !important;
2562
+ margin-top: -1rem !important;
2516
2563
  }
2517
2564
  .-mt-2 {
2518
- margin-top: -2rem !important;
2565
+ margin-top: -2rem !important;
2519
2566
  }
2520
2567
  .-mt-3 {
2521
- margin-top: -3rem !important;
2568
+ margin-top: -3rem !important;
2522
2569
  }
2523
2570
  .-mt-4 {
2524
- margin-top: -4rem !important;
2571
+ margin-top: -4rem !important;
2525
2572
  }
2526
2573
  .-ms-025 {
2527
- margin-inline-start: -0.25rem !important;
2574
+ margin-inline-start: -0.25rem !important;
2528
2575
  }
2529
2576
  .-ms-05 {
2530
- margin-inline-start: -0.5rem !important;
2577
+ margin-inline-start: -0.5rem !important;
2531
2578
  }
2532
2579
  .-ms-075 {
2533
- margin-inline-start: -0.75rem !important;
2580
+ margin-inline-start: -0.75rem !important;
2534
2581
  }
2535
2582
  .-ms-1 {
2536
- margin-inline-start: -1rem !important;
2583
+ margin-inline-start: -1rem !important;
2537
2584
  }
2538
2585
  .-ms-2 {
2539
- margin-inline-start: -2rem !important;
2586
+ margin-inline-start: -2rem !important;
2540
2587
  }
2541
2588
  .-ms-3 {
2542
- margin-inline-start: -3rem !important;
2589
+ margin-inline-start: -3rem !important;
2543
2590
  }
2544
2591
  .-ms-4 {
2545
- margin-inline-start: -4rem !important;
2592
+ margin-inline-start: -4rem !important;
2546
2593
  }
2547
2594
  .-me-025 {
2548
- margin-inline-end: -0.25rem !important;
2595
+ margin-inline-end: -0.25rem !important;
2549
2596
  }
2550
2597
  .-me-05 {
2551
- margin-inline-end: -0.5rem !important;
2598
+ margin-inline-end: -0.5rem !important;
2552
2599
  }
2553
2600
  .-me-075 {
2554
- margin-inline-end: -0.75rem !important;
2601
+ margin-inline-end: -0.75rem !important;
2555
2602
  }
2556
2603
  .-me-1 {
2557
- margin-inline-end: -1rem !important;
2604
+ margin-inline-end: -1rem !important;
2558
2605
  }
2559
2606
  .-me-2 {
2560
- margin-inline-end: -2rem !important;
2607
+ margin-inline-end: -2rem !important;
2561
2608
  }
2562
2609
  .-me-3 {
2563
- margin-inline-end: -3rem !important;
2610
+ margin-inline-end: -3rem !important;
2564
2611
  }
2565
2612
  .-me-4 {
2566
- margin-inline-end: -4rem !important;
2613
+ margin-inline-end: -4rem !important;
2567
2614
  }
2568
2615
  .pb-0 {
2569
- padding-bottom: 0rem !important;
2616
+ padding-bottom: 0rem !important;
2570
2617
  }
2571
2618
  .pb-1 {
2572
- padding-bottom: 1rem !important;
2619
+ padding-bottom: 1rem !important;
2573
2620
  }
2574
2621
  .pb-2 {
2575
- padding-bottom: 2rem !important;
2622
+ padding-bottom: 2rem !important;
2576
2623
  }
2577
2624
  .pb-3 {
2578
- padding-bottom: 3rem !important;
2625
+ padding-bottom: 3rem !important;
2579
2626
  }
2580
2627
  .pb-4 {
2581
- padding-bottom: 4rem !important;
2628
+ padding-bottom: 4rem !important;
2582
2629
  }
2583
2630
  .pb-075 {
2584
- padding-bottom: 0.75rem !important;
2631
+ padding-bottom: 0.75rem !important;
2585
2632
  }
2586
2633
  .pb-05 {
2587
- padding-bottom: 0.5rem !important;
2634
+ padding-bottom: 0.5rem !important;
2588
2635
  }
2589
2636
  .pb-025 {
2590
- padding-bottom: 0.25rem !important;
2637
+ padding-bottom: 0.25rem !important;
2591
2638
  }
2592
2639
  .pt-0 {
2593
- padding-top: 0rem !important;
2640
+ padding-top: 0rem !important;
2594
2641
  }
2595
2642
  .pt-1 {
2596
- padding-top: 1rem !important;
2643
+ padding-top: 1rem !important;
2597
2644
  }
2598
2645
  .pt-2 {
2599
- padding-top: 2rem !important;
2646
+ padding-top: 2rem !important;
2600
2647
  }
2601
2648
  .pt-3 {
2602
- padding-top: 3rem !important;
2649
+ padding-top: 3rem !important;
2603
2650
  }
2604
2651
  .pt-4 {
2605
- padding-top: 4rem !important;
2652
+ padding-top: 4rem !important;
2606
2653
  }
2607
2654
  .pt-075 {
2608
- padding-top: 0.75rem !important;
2655
+ padding-top: 0.75rem !important;
2609
2656
  }
2610
2657
  .pt-05 {
2611
- padding-top: 0.5rem !important;
2658
+ padding-top: 0.5rem !important;
2612
2659
  }
2613
2660
  .pt-025 {
2614
- padding-top: 0.25rem !important;
2661
+ padding-top: 0.25rem !important;
2615
2662
  }
2616
2663
  .ps-0 {
2617
- padding-inline-start: 0rem !important;
2664
+ padding-inline-start: 0rem !important;
2618
2665
  }
2619
2666
  .ps-1 {
2620
- padding-inline-start: 1rem !important;
2667
+ padding-inline-start: 1rem !important;
2621
2668
  }
2622
2669
  .ps-2 {
2623
- padding-inline-start: 2rem !important;
2670
+ padding-inline-start: 2rem !important;
2624
2671
  }
2625
2672
  .ps-3 {
2626
- padding-inline-start: 3rem !important;
2673
+ padding-inline-start: 3rem !important;
2627
2674
  }
2628
2675
  .ps-4 {
2629
- padding-inline-start: 4rem !important;
2676
+ padding-inline-start: 4rem !important;
2630
2677
  }
2631
2678
  .ps-075 {
2632
- padding-inline-start: 0.75rem !important;
2679
+ padding-inline-start: 0.75rem !important;
2633
2680
  }
2634
2681
  .ps-05 {
2635
- padding-inline-start: 0.5rem !important;
2682
+ padding-inline-start: 0.5rem !important;
2636
2683
  }
2637
2684
  .ps-025 {
2638
- padding-inline-start: 0.25rem !important;
2685
+ padding-inline-start: 0.25rem !important;
2639
2686
  }
2640
2687
  .pe-0 {
2641
- padding-inline-end: 0rem !important;
2688
+ padding-inline-end: 0rem !important;
2642
2689
  }
2643
2690
  .pe-1 {
2644
- padding-inline-end: 1rem !important;
2691
+ padding-inline-end: 1rem !important;
2645
2692
  }
2646
2693
  .pe-2 {
2647
- padding-inline-end: 2rem !important;
2694
+ padding-inline-end: 2rem !important;
2648
2695
  }
2649
2696
  .pe-3 {
2650
- padding-inline-end: 3rem !important;
2697
+ padding-inline-end: 3rem !important;
2651
2698
  }
2652
2699
  .pe-4 {
2653
- padding-inline-end: 4rem !important;
2700
+ padding-inline-end: 4rem !important;
2654
2701
  }
2655
2702
  .pe-075 {
2656
- padding-inline-end: 0.75rem !important;
2703
+ padding-inline-end: 0.75rem !important;
2657
2704
  }
2658
2705
  .pe-05 {
2659
- padding-inline-end: 0.5rem !important;
2706
+ padding-inline-end: 0.5rem !important;
2660
2707
  }
2661
2708
  .pe-025 {
2662
- padding-inline-end: 0.25rem !important;
2709
+ padding-inline-end: 0.25rem !important;
2663
2710
  }
2664
2711
  .flex {
2665
- display: flex;
2666
- align-items: center;
2712
+ display: flex;
2713
+ align-items: center;
2667
2714
  }
2668
2715
  .flex-stretch {
2669
- display: flex;
2670
- align-items: stretch;
2716
+ display: flex;
2717
+ align-items: stretch;
2671
2718
  }
2672
2719
  .flex-wrap {
2673
- flex-wrap: wrap;
2720
+ flex-wrap: wrap;
2674
2721
  }
2675
2722
  .flex-end {
2676
- justify-content: flex-end;
2723
+ justify-content: flex-end;
2677
2724
  }
2678
2725
  .space-between {
2679
- justify-content: space-between;
2726
+ justify-content: space-between;
2680
2727
  }
2681
2728
  label,
2682
2729
  .label {
2683
- display: block;
2684
- font-size: var(--label-font-size);
2685
- margin-bottom: 2px;
2686
- line-height: 1.3;
2687
- color: var(--label-color);
2730
+ display: block;
2731
+ font-size: var(--label-font-size);
2732
+ margin-bottom: 2px;
2733
+ line-height: 1.3;
2734
+ color: var(--label-color);
2688
2735
  }
2689
2736
  input,
2690
2737
  textarea,
@@ -2925,7 +2972,7 @@ button,
2925
2972
  padding: 0 20px;
2926
2973
  }
2927
2974
  }
2928
- h1,
2975
+ /* h1,
2929
2976
  h2,
2930
2977
  h3,
2931
2978
  h4,
@@ -2933,96 +2980,102 @@ h5,
2933
2980
  h6 {
2934
2981
  width: max-content;
2935
2982
  }
2983
+
2936
2984
  h1 {}
2985
+
2937
2986
  h2 {}
2987
+
2938
2988
  h3 {}
2989
+
2939
2990
  h4 {}
2991
+
2940
2992
  h5 {}
2941
- h6 {}
2993
+
2994
+ h6 {} */
2942
2995
  .txt-center {
2943
- text-align: center;
2996
+ text-align: center;
2944
2997
  }
2945
2998
  .txt-start {
2946
- text-align: start;
2999
+ text-align: start;
2947
3000
  }
2948
3001
  .txt-end {
2949
- text-align: end;
3002
+ text-align: end;
2950
3003
  }
2951
3004
  .smalltxt {
2952
- font-size: 12px;
3005
+ font-size: 12px;
2953
3006
  }
2954
3007
  .txt20 {
2955
- font-size: 20px;
3008
+ font-size: 20px;
2956
3009
  }
2957
3010
  .txt18 {
2958
- font-size: 18px;
3011
+ font-size: 18px;
2959
3012
  }
2960
3013
  .txt16 {
2961
- font-size: 16px;
3014
+ font-size: 16px;
2962
3015
  }
2963
3016
  .txt14 {
2964
- font-size: 14px;
3017
+ font-size: 14px;
2965
3018
  }
2966
3019
  .txt12 {
2967
- font-size: 12px;
3020
+ font-size: 12px;
2968
3021
  }
2969
3022
  .txt10 {
2970
- font-size: 10px;
3023
+ font-size: 10px;
2971
3024
  }
2972
3025
  .txt9 {
2973
- font-size: 9px;
3026
+ font-size: 9px;
2974
3027
  }
2975
3028
  .no-margin {
2976
- margin: 0;
3029
+ margin: 0;
2977
3030
  }
2978
3031
  .txtgray {
2979
- color: var(--bgl-gray);
3032
+ color: var(--bgl-gray);
2980
3033
  }
2981
3034
  .txtblue {
2982
- color: var(--bgl-primary);
3035
+ color: var(--bgl-primary);
2983
3036
  }
2984
3037
  .txtblack {
2985
- color: var(--bgl-black);
3038
+ color: var(--bgl-black);
2986
3039
  }
2987
3040
  .txtred {
2988
- color: var(--bgl-red);
3041
+ color: var(--bgl-red);
2989
3042
  }
2990
3043
  .font-light {
2991
- font-weight: 100;
3044
+ font-weight: 100;
2992
3045
  }
2993
3046
  .bold {
2994
- font-weight: 700;
3047
+ font-weight: 700;
2995
3048
  }
2996
3049
  .line-height-1 {
2997
- line-height: 1;
3050
+ line-height: 1;
2998
3051
  }
2999
3052
  .ellipsis {
3000
- overflow: hidden;
3001
- display: block;
3002
- width: 100%;
3003
- text-overflow: ellipsis;
3053
+ overflow: hidden;
3054
+ display: block;
3055
+ width: 100%;
3056
+ text-overflow: ellipsis;
3004
3057
  }
3005
3058
  .pointer {
3006
- cursor: pointer;
3059
+ cursor: pointer;
3007
3060
  }
3008
3061
  .decoration-none {
3009
- text-decoration: none;
3062
+ text-decoration: none;
3010
3063
  }
3011
3064
  .bgl_icon-font {
3012
- font-family: "Material Symbols Outlined", serif;
3065
+ font-family: "Material Symbols Outlined", serif;
3013
3066
  }
3014
3067
  @media screen and (max-width: 910px) {
3015
- .txt20 {
3016
- font-size: 18px;
3017
- }
3068
+ .txt20 {
3069
+ font-size: 18px;
3070
+ }
3018
3071
 
3019
- .txt16 {
3020
- font-size: 14px;
3021
- }
3072
+ .txt16 {
3073
+ font-size: 14px;
3074
+ }
3022
3075
 
3023
- .txt14 {
3024
- font-size: 12px;
3025
- }
3076
+ .txt14 {
3077
+ font-size: 12px;
3078
+ }
3026
3079
  }
3027
3080
  ::-webkit-scrollbar {
3028
3081
  width: 0.5em;