@bagelink/vue 0.0.346 → 0.0.350

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.
package/dist/style.css CHANGED
@@ -248,19 +248,19 @@
248
248
  }
249
249
  }
250
250
 
251
- a[data-v-0c8d9a95] {
251
+ a[data-v-d09a83c5] {
252
252
  text-decoration: none;
253
253
  }
254
- .loading[data-v-0c8d9a95] {
254
+ .loading[data-v-d09a83c5] {
255
255
  border: 1px solid var(--bgl-white);
256
256
  border-bottom: 2px solid var(--bgl-white);
257
- animation: spin-0c8d9a95 1s linear infinite;
257
+ animation: spin-d09a83c5 1s linear infinite;
258
258
  border-radius: 100px;
259
259
  width: 1rem;
260
260
  height: 1rem;
261
261
  margin: auto;
262
262
  }
263
- @keyframes spin-0c8d9a95 {
263
+ @keyframes spin-d09a83c5 {
264
264
  0% {
265
265
  transform: rotate(0deg);
266
266
  }
@@ -268,7 +268,7 @@ a[data-v-0c8d9a95] {
268
268
  transform: rotate(360deg);
269
269
  }
270
270
  }
271
- .bgl_btn-icon[data-v-0c8d9a95] {
271
+ .bgl_btn-icon[data-v-d09a83c5] {
272
272
  height: var(--btn-height);
273
273
  width: var(--btn-height);
274
274
  border-radius: 100%;
@@ -278,97 +278,101 @@ a[data-v-0c8d9a95] {
278
278
  flex-shrink: 0;
279
279
  transition: var(--bgl-transition);
280
280
  }
281
- .bgl_btn[data-v-0c8d9a95] {
281
+ .bgl_btn[data-v-d09a83c5] {
282
282
  padding-left: var(--btn-padding);
283
283
  padding-right: var(--btn-padding);
284
284
  transition: var(--bgl-transition);
285
285
  text-decoration: none;
286
286
  }
287
- .bgl_btn[disabled="true"][data-v-0c8d9a95] {
287
+ .bgl_btn[disabled="true"][data-v-d09a83c5] {
288
288
  opacity: 0.5;
289
289
  cursor: not-allowed;
290
290
  }
291
- .bgl_btn-flex[data-v-0c8d9a95] {
291
+ .bgl_btn-flex[data-v-d09a83c5] {
292
292
  display: flex;
293
293
  align-items: center;
294
294
  gap: 0.5rem;
295
295
  justify-content: center;
296
296
  }
297
- .bgl_btn .bgl_.bgl_icon-font[data-v-0c8d9a95] {
297
+ .bgl_btn .bgl_.bgl_icon-font[data-v-d09a83c5] {
298
298
  font-size: calc(var(--input-font-size) * 1.3);
299
299
  }
300
- .bgl_btn[data-v-0c8d9a95],
301
- .bgl_btn-icon[data-v-0c8d9a95] {
302
- background-color: var(--f1f27722);
303
- color: var(--b7042aec);
300
+ .bgl_btn[data-v-d09a83c5],
301
+ .bgl_btn-icon[data-v-d09a83c5] {
302
+ background-color: var(--1c54b131);
303
+ color: var(--12e510cc);
304
304
  }
305
- .bgl_btn[data-v-0c8d9a95]:hover,
306
- .bgl_btn-icon[data-v-0c8d9a95]:hover {
305
+ .bgl_btn[data-v-d09a83c5]:hover,
306
+ .bgl_btn-icon[data-v-d09a83c5]:hover {
307
307
  filter: var(--bgl-hover-filter);
308
308
  }
309
- .bgl_btn[data-v-0c8d9a95]:active,
310
- .bgl_btn-icon[data-v-0c8d9a95]:active {
309
+ .bgl_btn[data-v-d09a83c5]:active,
310
+ .bgl_btn-icon[data-v-d09a83c5]:active {
311
311
  filter: var(--bgl-active-filter);
312
312
  }
313
- .bgl_btn.bgl_flatBtn[data-v-0c8d9a95] {
313
+ .bgl_btn.bgl_flatBtn[data-v-d09a83c5] {
314
314
  padding-left: var(--btn-padding);
315
315
  padding-right: var(--btn-padding);
316
316
  background: transparent;
317
317
  }
318
- .bgl_btn-icon.bgl_flatBtn[data-v-0c8d9a95] {
318
+ .bgl_btn-icon.bgl_flatBtn[data-v-d09a83c5] {
319
319
  background: transparent;
320
320
  }
321
- .bgl_btn.bgl_flatBtn[data-v-0c8d9a95]:hover,
322
- .bgl_btn-icon.bgl_flatBtn[data-v-0c8d9a95]:hover {
321
+ .bgl_btn.bgl_flatBtn[data-v-d09a83c5]:hover,
322
+ .bgl_btn-icon.bgl_flatBtn[data-v-d09a83c5]:hover {
323
323
  filter: var(--bgl-active-filter);
324
324
  }
325
- .bgl_btn.bgl_flatBtn[data-v-0c8d9a95]:active,
326
- .bgl_btn-icon.bgl_flatBtn[data-v-0c8d9a95]:active {
327
- background: var(--bgl-white);
325
+ .bgl_btn.bgl_flatBtn[data-v-d09a83c5]:active,
326
+ .bgl_btn-icon.bgl_flatBtn[data-v-d09a83c5]:active {
327
+ background: var(--bgl-gray);
328
328
  filter: var(--bgl-hover-filter);
329
329
  }
330
- .bgl_btn.bgl_flatBtn.red[data-v-0c8d9a95],
331
- .bgl_btn-icon.bgl_flatBtn.red[data-v-0c8d9a95] {
330
+ .bgl_btn.bgl_flatBtn.red[data-v-d09a83c5],
331
+ .bgl_btn-icon.bgl_flatBtn.red[data-v-d09a83c5] {
332
332
  color: var(--bgl-red);
333
333
  }
334
- .bgl_btn.bgl_flatBtn.light[data-v-0c8d9a95],
335
- .bgl_btn-icon.bgl_flatBtn.light[data-v-0c8d9a95] {
334
+ .bgl_btn.bgl_flatBtn.white[data-v-d09a83c5],
335
+ .bgl_btn-icon.bgl_flatBtn.white[data-v-d09a83c5] {
336
+ color: var(--bgl-white);
337
+ }
338
+ .bgl_btn.bgl_flatBtn.light[data-v-d09a83c5],
339
+ .bgl_btn-icon.bgl_flatBtn.light[data-v-d09a83c5] {
336
340
  color: var(--bgl-primary-tint);
337
341
  }
338
- .bgl_btn.bgl_flatBtn.black[data-v-0c8d9a95],
339
- .bgl_btn-icon.bgl_flatBtn.black[data-v-0c8d9a95] {
342
+ .bgl_btn.bgl_flatBtn.black[data-v-d09a83c5],
343
+ .bgl_btn-icon.bgl_flatBtn.black[data-v-d09a83c5] {
340
344
  color: var(--bgl-black);
341
345
  }
342
- .bgl_btn.bgl_flatBtn.gray[data-v-0c8d9a95],
343
- .bgl_btn-icon.bgl_flatBtn.gray[data-v-0c8d9a95] {
346
+ .bgl_btn.bgl_flatBtn.gray[data-v-d09a83c5],
347
+ .bgl_btn-icon.bgl_flatBtn.gray[data-v-d09a83c5] {
344
348
  color: var(--bgl-gray);
345
349
  }
346
- .bgl_btn.thin[data-v-0c8d9a95] {
350
+ .bgl_btn.thin[data-v-d09a83c5] {
347
351
  padding-left: calc(var(--btn-padding) / 2);
348
352
  padding-right: calc(var(--btn-padding) / 2);
349
353
  }
350
- .bgl_btn.round[data-v-0c8d9a95] {
354
+ .bgl_btn.round[data-v-d09a83c5] {
351
355
  border-radius: calc(var(--btn-border-radius) * 2);
352
356
  }
353
- .bgl_btn-icon.thin[data-v-0c8d9a95] {
357
+ .bgl_btn-icon.thin[data-v-d09a83c5] {
354
358
  height: calc(var(--btn-height) / 1.5);
355
359
  width: calc(var(--btn-height) / 1.5);
356
360
  line-height: 1;
357
361
  }
358
- [dir="rtl"] .bgl_.bgl_icon-font[data-v-0c8d9a95] {
362
+ [dir="rtl"] .bgl_.bgl_icon-font[data-v-d09a83c5] {
359
363
  transform: rotateY(180deg);
360
364
  }
361
- .bgl_btn-border[data-v-0c8d9a95] {
362
- outline: 1px solid var(--f1f27722);
363
- color: var(--f1f27722);
365
+ .bgl_btn-border[data-v-d09a83c5] {
366
+ outline: 1px solid var(--1c54b131);
367
+ color: var(--1c54b131);
364
368
  background: transparent;
365
369
  }
366
- .bgl_btn-border[data-v-0c8d9a95]:hover {
370
+ .bgl_btn-border[data-v-d09a83c5]:hover {
367
371
  color: var(--bgl-white);
368
- background: var(--f1f27722);
372
+ background: var(--1c54b131);
369
373
  filter: brightness(100%);
370
374
  }
371
- .bgl_btn-border[data-v-0c8d9a95]:active {
375
+ .bgl_btn-border[data-v-d09a83c5]:active {
372
376
  filter: brightness(80%);
373
377
  }
374
378
  .bg-dark {
@@ -870,83 +874,83 @@ display: block;
870
874
  display: block
871
875
  }
872
876
 
873
- .blocker[data-v-7e8d16cb] {
874
- position: fixed;
875
- top: 0;
876
- left: 0;
877
- width: 100%;
878
- height: 100%;
879
- z-index: 100;
877
+ .blocker[data-v-068aa914] {
878
+ position: fixed;
879
+ top: 0;
880
+ left: 0;
881
+ width: 100%;
882
+ height: 100%;
883
+ z-index: 100;
880
884
  }
881
- .bgl-slider[data-v-7e8d16cb] {
882
- display: grid;
883
- position: relative;
884
- scroll-behavior: smooth;
885
- grid-auto-flow: column;
886
- grid-auto-columns: 100%;
887
- scroll-snap-type: x mandatory;
888
- overflow-x: hidden;
885
+ .bgl-slider[data-v-068aa914] {
886
+ display: grid;
887
+ position: relative;
888
+ scroll-behavior: smooth;
889
+ grid-auto-flow: column;
890
+ grid-auto-columns: 100%;
891
+ scroll-snap-type: x mandatory;
892
+ overflow-x: hidden;
889
893
  }
890
- .autoHeight[data-v-7e8d16cb] {
891
- transition: height ease 0.7s;
894
+ .autoHeight[data-v-068aa914] {
895
+ transition: height ease 0.7s;
892
896
  }
893
- .bgl-slider.allowScroll[data-v-7e8d16cb] {
894
- overflow-x: scroll;
897
+ .bgl-slider.allowScroll[data-v-068aa914] {
898
+ overflow-x: scroll;
895
899
  }
896
- .bgl-slider.slides-6[data-v-7e8d16cb] {
897
- grid-auto-columns: 15.9%;
898
- gap: 1%;
900
+ .bgl-slider.slides-6[data-v-068aa914] {
901
+ grid-auto-columns: 15.9%;
902
+ gap: 1%;
899
903
  }
900
- .bgl-slider.slides-5[data-v-7e8d16cb] {
901
- grid-auto-columns: 19.3%;
902
- gap: 1%;
904
+ .bgl-slider.slides-5[data-v-068aa914] {
905
+ grid-auto-columns: 19.3%;
906
+ gap: 1%;
903
907
  }
904
- .bgl-slider.slides-4[data-v-7e8d16cb] {
905
- grid-auto-columns: 24.3%;
906
- gap: 1%;
908
+ .bgl-slider.slides-4[data-v-068aa914] {
909
+ grid-auto-columns: 24.3%;
910
+ gap: 1%;
907
911
  }
908
- .bgl-slider.slides-3[data-v-7e8d16cb] {
909
- grid-auto-columns: 33%;
910
- gap: 1%;
912
+ .bgl-slider.slides-3[data-v-068aa914] {
913
+ grid-auto-columns: 33%;
914
+ gap: 1%;
911
915
  }
912
- .bgl-slider.slides-2[data-v-7e8d16cb] {
913
- grid-auto-columns: 50%;
914
- gap: 1%;
916
+ .bgl-slider.slides-2[data-v-068aa914] {
917
+ grid-auto-columns: 50%;
918
+ gap: 1%;
915
919
  }
916
- .bgl-slider.slides-1[data-v-7e8d16cb] {
917
- grid-auto-columns: 100%;
920
+ .bgl-slider.slides-1[data-v-068aa914] {
921
+ grid-auto-columns: 100%;
918
922
  }
919
- .bgl-slider[data-v-7e8d16cb]::-webkit-scrollbar {
920
- display: none;
923
+ .bgl-slider[data-v-068aa914]::-webkit-scrollbar {
924
+ display: none;
921
925
  }
922
- .bgl-slider *[data-v-7e8d16cb] {
923
- scroll-snap-align: start;
926
+ .bgl-slider *[data-v-068aa914] {
927
+ scroll-snap-align: start;
924
928
  }
925
- .dragging.bgl-slider[data-v-7e8d16cb] {
926
- cursor: grabbing;
927
- cursor: -webkit-grabbing;
928
- scroll-snap-type: unset;
929
+ .dragging.bgl-slider[data-v-068aa914] {
930
+ cursor: grabbing;
931
+ cursor: -webkit-grabbing;
932
+ scroll-snap-type: unset;
929
933
  }
930
- .clicking.bgl-slider[data-v-7e8d16cb] {
931
- scroll-behavior: unset;
934
+ .clicking.bgl-slider[data-v-068aa914] {
935
+ scroll-behavior: unset;
932
936
  }
933
- .dragging.bgl-slider *[data-v-7e8d16cb] {
934
- scroll-snap-align: unset;
935
- user-select: none;
937
+ .dragging.bgl-slider *[data-v-068aa914] {
938
+ scroll-snap-align: unset;
939
+ user-select: none;
936
940
  }
937
941
  @media screen and (max-width: 1280px) {
938
- .bgl-slider.slides-4[data-v-7e8d16cb] {
939
- grid-auto-columns: 33%;
942
+ .bgl-slider.slides-4[data-v-068aa914] {
943
+ grid-auto-columns: 33%;
940
944
  }
941
945
  }
942
946
  @media screen and (max-width: 991px) {
943
- .bgl-slider.slides-4[data-v-7e8d16cb] {
944
- grid-auto-columns: 50%;
947
+ .bgl-slider.slides-4[data-v-068aa914] {
948
+ grid-auto-columns: 50%;
945
949
  }
946
950
  }
947
951
  @media screen and (max-width: 600px) {
948
- .bgl-slider.slides-4[data-v-7e8d16cb] {
949
- grid-auto-columns: 100%;
952
+ .bgl-slider.slides-4[data-v-068aa914] {
953
+ grid-auto-columns: 100%;
950
954
  }
951
955
  }
952
956
 
@@ -1029,59 +1033,63 @@ display: block;
1029
1033
  }
1030
1034
  .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}
1031
1035
 
1032
- .selectinput[data-v-b6223039] {
1033
- width: 100%;
1036
+ .selectinput[data-v-8235eff6] {
1037
+ width: 100%;
1034
1038
  }
1035
- .selectinput-option[data-v-b6223039] {
1036
- padding: 6px 12px;
1037
- cursor: pointer;
1038
- border-radius: 5px;
1039
- transition: all 0.2s;
1040
- display: grid;
1041
- grid-template-columns: 10px 1fr;
1042
- justify-content: space-between;
1043
- width: 100%;
1044
- font-size: var(--input-font-size);
1039
+ .selectinput-option[data-v-8235eff6] {
1040
+ padding: 6px 12px;
1041
+ cursor: pointer;
1042
+ border-radius: 5px;
1043
+ transition: all 0.2s;
1044
+ display: grid;
1045
+ grid-template-columns: 10px 1fr;
1046
+ justify-content: space-between;
1047
+ width: 100%;
1048
+ font-size: var(--input-font-size);
1045
1049
  }
1046
- .selectinput-options[data-v-b6223039] {
1047
- max-height: 300px;
1048
- overflow-y: auto;
1050
+ .selectinput-options[data-v-8235eff6] {
1051
+ max-height: 300px;
1052
+ overflow-y: auto;
1053
+ }
1054
+ .selectinput-option[data-v-8235eff6]:hover {
1055
+ background: var(--bgl-gray-20);
1049
1056
  }
1050
- .selectinput-option[data-v-b6223039]:hover {
1051
- background: var(--bgl-gray-20);
1057
+ .isEmpty p[data-v-8235eff6]{
1058
+ opacity: 0.3;
1052
1059
  }
1053
1060
 
1054
1061
  .bagel-input label {
1055
- font-size: var(--label-font-size);
1062
+ font-size: var(--label-font-size);
1056
1063
  }
1057
1064
  .selectinput-btn {
1058
- display: flex;
1059
- justify-content: space-between;
1060
- align-items: center;
1061
- height: var(--input-height);
1062
- border-radius: var(--input-border-radius);
1063
- border: none;
1064
- background: var(--input-bg);
1065
- padding: 0.7rem;
1066
- color: var(--input-color);
1067
- width: 100%;
1068
- font-family: inherit;
1065
+ display: flex;
1066
+ justify-content: space-between;
1067
+ align-items: center;
1068
+ height: var(--input-height);
1069
+ border-radius: var(--input-border-radius);
1070
+ border: none;
1071
+ background: var(--input-bg);
1072
+ padding: 0.7rem;
1073
+ color: var(--input-color);
1074
+ width: 100%;
1075
+ font-family: inherit;
1076
+ font-size: var(--input-font-size);
1069
1077
  }
1070
1078
  .selectinput-btn:disabled {
1071
- background: var(--input-disabled-bg);
1072
- color: var(--input-disabled-color);
1079
+ color: var(--input-disabled-color);
1073
1080
  }
1074
1081
  .selectinput-btn:focus {
1075
- outline: none;
1076
- box-shadow: inset 0 0 10px #00000012;
1082
+ outline: none;
1083
+ box-shadow: inset 0 0 10px #00000012;
1077
1084
  }
1078
1085
  .v-popper__arrow-container {
1079
- display: none;
1086
+ display: none;
1080
1087
  }
1081
1088
  .v-popper--theme-dropdown .v-popper__inner {
1082
- border: none;
1083
- background: transparent;
1084
- border-radius: var(--card-border-radius);
1089
+ border: none;
1090
+ background: transparent;
1091
+ border-radius: var(--card-border-radius);
1092
+ color: var(--input-color);
1085
1093
  }
1086
1094
 
1087
1095
  .table-side-scroll[data-v-cdacf10e] {
@@ -2926,10 +2934,10 @@ img.preview[data-v-1be8d7b1] {
2926
2934
  height: 100%;
2927
2935
  }
2928
2936
  .vh-100 {
2929
- height: 100vh;
2937
+ height: 100vh !important;
2930
2938
  }
2931
2939
  .h-100px {
2932
- height: 100px;
2940
+ height: 100px !important;
2933
2941
  }
2934
2942
  .hm-100px {
2935
2943
  max-height: 100px;
@@ -3010,6 +3018,36 @@ img.preview[data-v-1be8d7b1] {
3010
3018
  height: 100vh;
3011
3019
  overflow-y: hidden;
3012
3020
  }
3021
+ .grid-wrap-50 {
3022
+ grid-template-columns: repeat(auto-fit, minmax(min(50px, 100%), 1fr));
3023
+ height: max-content;
3024
+ width: 100%
3025
+ }
3026
+ .grid-wrap-100 {
3027
+ grid-template-columns: repeat(auto-fit, minmax(min(100px, 100%), 1fr));
3028
+ height: max-content;
3029
+ width: 100%
3030
+ }
3031
+ .grid-wrap-200 {
3032
+ grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
3033
+ height: max-content;
3034
+ width: 100%
3035
+ }
3036
+ .grid-wrap-300 {
3037
+ grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
3038
+ height: max-content;
3039
+ width: 100%
3040
+ }
3041
+ .grid-wrap-400 {
3042
+ grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
3043
+ height: max-content;
3044
+ width: 100%
3045
+ }
3046
+ .grid-wrap-500 {
3047
+ grid-template-columns: repeat(auto-fit, minmax(min(500px, 100%), 1fr));
3048
+ height: max-content;
3049
+ width: 100%
3050
+ }
3013
3051
  .grid-wrap-1 {
3014
3052
  grid-template-columns: repeat(1, 1fr);
3015
3053
  height: max-content;
@@ -4517,6 +4555,43 @@ img.preview[data-v-1be8d7b1] {
4517
4555
  overflow-y: hidden;
4518
4556
  }
4519
4557
 
4558
+
4559
+ .m_grid-wrap-50 {
4560
+ grid-template-columns: repeat(auto-fit, minmax(min(50px, 100%), 1fr));
4561
+ height: max-content;
4562
+ width: 100%
4563
+ }
4564
+
4565
+ .m_grid-wrap-100 {
4566
+ grid-template-columns: repeat(auto-fit, minmax(min(100px, 100%), 1fr));
4567
+ height: max-content;
4568
+ width: 100%
4569
+ }
4570
+
4571
+ .m_grid-wrap-200 {
4572
+ grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
4573
+ height: max-content;
4574
+ width: 100%
4575
+ }
4576
+
4577
+ .m_grid-wrap-300 {
4578
+ grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
4579
+ height: max-content;
4580
+ width: 100%
4581
+ }
4582
+
4583
+ .m_grid-wrap-400 {
4584
+ grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
4585
+ height: max-content;
4586
+ width: 100%
4587
+ }
4588
+
4589
+ .m_grid-wrap-500 {
4590
+ grid-template-columns: repeat(auto-fit, minmax(min(500px, 100%), 1fr));
4591
+ height: max-content;
4592
+ width: 100%
4593
+ }
4594
+
4520
4595
  .m_grid-wrap-1 {
4521
4596
  grid-template-columns: repeat(1, 1fr);
4522
4597
  height: max-content;
@@ -4813,10 +4888,17 @@ select {
4813
4888
  .hover:active {
4814
4889
  filter: brightness(80%);
4815
4890
  }
4891
+ .border {
4892
+ border: 1px solid var(--border-color);
4893
+ }
4816
4894
  @media screen and (max-width: 910px) {
4817
4895
  .bgl_btn {
4818
4896
  padding: 0 20px;
4819
4897
  }
4898
+
4899
+ .m_border {
4900
+ border: 1px solid var(--border-color);
4901
+ }
4820
4902
  }
4821
4903
  .txt-center {
4822
4904
  text-align: center;
@@ -4834,6 +4916,70 @@ select {
4834
4916
  .txt-20 {
4835
4917
  font-size: 20px;
4836
4918
  }
4919
+ .txt24,
4920
+ .txt-24 {
4921
+ font-size: 24px;
4922
+ }
4923
+ .txt28,
4924
+ .txt-28 {
4925
+ font-size: 28px;
4926
+ }
4927
+ .txt30,
4928
+ .txt-30 {
4929
+ font-size: 30px;
4930
+ }
4931
+ .txt32,
4932
+ .txt-32 {
4933
+ font-size: 32px;
4934
+ }
4935
+ .txt36,
4936
+ .txt-36 {
4937
+ font-size: 36px;
4938
+ }
4939
+ .txt40,
4940
+ .txt-40 {
4941
+ font-size: 40px;
4942
+ }
4943
+ .txt44,
4944
+ .txt-44 {
4945
+ font-size: 44px;
4946
+ }
4947
+ .txt48,
4948
+ .txt-48 {
4949
+ font-size: 48px;
4950
+ }
4951
+ .txt50,
4952
+ .txt-50 {
4953
+ font-size: 50px;
4954
+ }
4955
+ .txt52,
4956
+ .txt-52 {
4957
+ font-size: 52px;
4958
+ }
4959
+ .txt56,
4960
+ .txt-56 {
4961
+ font-size: 56px;
4962
+ }
4963
+ .txt60,
4964
+ .txt-60 {
4965
+ font-size: 60px;
4966
+ }
4967
+ .txt64,
4968
+ .txt-64 {
4969
+ font-size: 64px;
4970
+ }
4971
+ .txt68,
4972
+ .txt-68 {
4973
+ font-size: 68px;
4974
+ }
4975
+ .txt70,
4976
+ .txt-70 {
4977
+ font-size: 70px;
4978
+ }
4979
+ .txt72,
4980
+ .txt-72 {
4981
+ font-size: 72px;
4982
+ }
4837
4983
  .txt18,
4838
4984
  .txt-18 {
4839
4985
  font-size: 18px;
@@ -4881,10 +5027,13 @@ select {
4881
5027
  .txtwhite {
4882
5028
  color: var(--bgl-white);
4883
5029
  }
4884
- .font-light {
5030
+ .font-light,
5031
+ .txt-light {
4885
5032
  font-weight: 100;
4886
5033
  }
4887
- .bold {
5034
+ .bold,
5035
+ .txt-bold,
5036
+ .font-bold {
4888
5037
  font-weight: 700;
4889
5038
  }
4890
5039
  .line-height-1 {
@@ -4939,7 +5088,14 @@ select {
4939
5088
  .nowrap {
4940
5089
  white-space: nowrap;
4941
5090
  }
5091
+ .balance {
5092
+ text-wrap: balance;
5093
+ }
5094
+ .pretty {
5095
+ text-wrap: pretty;
5096
+ }
4942
5097
  @media screen and (max-width: 910px) {
5098
+
4943
5099
  .txt20,
4944
5100
  .txt-20 {
4945
5101
  font-size: 18px;
@@ -4976,6 +5132,87 @@ select {
4976
5132
  font-size: 20px;
4977
5133
  }
4978
5134
 
5135
+ .m_txt24,
5136
+ .m_txt-24 {
5137
+ font-size: 24px;
5138
+ }
5139
+
5140
+ .m_txt28,
5141
+ .m_txt-28 {
5142
+ font-size: 28px;
5143
+ }
5144
+
5145
+ .m_txt30,
5146
+ .m_txt-30 {
5147
+ font-size: 30px;
5148
+ }
5149
+
5150
+ .m_txt32,
5151
+ .m_txt-32 {
5152
+ font-size: 32px;
5153
+ }
5154
+
5155
+ .m_txt36,
5156
+ .m_txt-36 {
5157
+ font-size: 36px;
5158
+ }
5159
+
5160
+ .m_txt40,
5161
+ .m_txt-40 {
5162
+ font-size: 40px;
5163
+ }
5164
+
5165
+ .m_txt44,
5166
+ .m_txt-44 {
5167
+ font-size: 44px;
5168
+ }
5169
+
5170
+ .m_txt48,
5171
+ .m_txt-48 {
5172
+ font-size: 48px;
5173
+ }
5174
+
5175
+ .m_txt50,
5176
+ .m_txt-50 {
5177
+ font-size: 50px;
5178
+ }
5179
+
5180
+ .m_txt52,
5181
+ .m_txt-52 {
5182
+ font-size: 52px;
5183
+ }
5184
+
5185
+ .m_txt56,
5186
+ .m_txt-56 {
5187
+ font-size: 56px;
5188
+ }
5189
+
5190
+ .m_txt60,
5191
+ .m_txt-60 {
5192
+ font-size: 60px;
5193
+ }
5194
+
5195
+ .m_txt64,
5196
+ .m_txt-64 {
5197
+ font-size: 64px;
5198
+ }
5199
+
5200
+ .m_txt68,
5201
+ .m_txt-68 {
5202
+ font-size: 68px;
5203
+ }
5204
+
5205
+ .m_txt70,
5206
+ .m_txt-70 {
5207
+ font-size: 70px;
5208
+ }
5209
+
5210
+ .m_txt72,
5211
+ .m_txt-72 {
5212
+ font-size: 72px;
5213
+ }
5214
+
5215
+
4979
5216
  .m_txt18,
4980
5217
  .m_txt-18 {
4981
5218
  font-size: 18px;
@@ -5035,11 +5272,14 @@ select {
5035
5272
  color: var(--bgl-white);
5036
5273
  }
5037
5274
 
5038
- .m_font-light {
5275
+ .m_font-light,
5276
+ .m_txt-light {
5039
5277
  font-weight: 100;
5040
5278
  }
5041
5279
 
5042
- .m_bold {
5280
+ .m_bold,
5281
+ .m_txt-bold,
5282
+ .m_font-bold {
5043
5283
  font-weight: 700;
5044
5284
  }
5045
5285
 
@@ -5107,6 +5347,15 @@ select {
5107
5347
  .m_nowrap {
5108
5348
  white-space: nowrap;
5109
5349
  }
5350
+
5351
+ .m_balance {
5352
+ text-wrap: balance;
5353
+ }
5354
+
5355
+ .m_pretty {
5356
+ text-wrap: pretty;
5357
+ }
5358
+
5110
5359
  }
5111
5360
  ::-webkit-scrollbar {
5112
5361
  width: 0.5em;