@bagelink/vue 0.0.270 → 0.0.280
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/components/Accordion.vue.d.ts +10 -0
- package/dist/components/Accordion.vue.d.ts.map +1 -0
- package/dist/components/AccordionItem.vue.d.ts +2 -0
- package/dist/components/AccordionItem.vue.d.ts.map +1 -1
- package/dist/components/Btn.vue.d.ts +3 -3
- package/dist/components/{Drop.vue.d.ts → ComboBox.vue.d.ts} +12 -12
- package/dist/components/ComboBox.vue.d.ts.map +1 -0
- package/dist/components/Popover.vue.d.ts +10 -0
- package/dist/components/Popover.vue.d.ts.map +1 -0
- package/dist/components/Title.vue.d.ts +1 -1
- package/dist/components/form/BglForm.vue.d.ts.map +1 -1
- package/dist/components/form/ItemRef.vue.d.ts +0 -1
- package/dist/components/form/ItemRef.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/CheckInput.vue.d.ts +9 -4
- package/dist/components/form/inputs/CheckInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/SelectField.vue.d.ts +4 -1
- package/dist/components/form/inputs/SelectField.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.cjs +6778 -4053
- package/dist/index.mjs +6752 -4027
- package/dist/plugins/bagel.d.ts.map +1 -1
- package/dist/plugins/modal.d.ts +1 -1
- package/dist/plugins/modal.d.ts.map +1 -1
- package/dist/style.css +706 -678
- package/dist/utils/clickOutside.d.ts +7 -0
- package/dist/utils/clickOutside.d.ts.map +1 -0
- package/package.json +2 -1
- package/src/components/Accordion.vue +15 -0
- package/src/components/AccordionItem.vue +48 -24
- package/src/components/ComboBox.vue +138 -0
- package/src/components/form/inputs/CheckInput.vue +55 -53
- package/src/components/form/inputs/SelectInput.vue +272 -284
- package/src/components/formkit/Toggle.vue +85 -100
- package/src/components/index.ts +3 -0
- package/src/plugins/bagel.ts +14 -2
- package/src/plugins/modal.ts +23 -23
- package/src/styles/buttons.css +38 -40
- package/src/styles/inputs.css +100 -109
- package/src/styles/layout.css +191 -189
- package/src/styles/text.css +38 -62
- package/src/utils/clickOutside.ts +15 -0
- package/dist/components/Drop.vue.d.ts.map +0 -1
- package/dist/components/FileUploader.vue.d.ts +0 -60
- 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-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
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-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
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-
|
|
571
|
-
|
|
572
|
+
.accordion-icon[data-v-41718a1b] {
|
|
573
|
+
transition: all 0.2s ease;
|
|
572
574
|
}
|
|
573
|
-
.accordion-icon.open[data-v-
|
|
574
|
-
|
|
575
|
+
.accordion-icon.open[data-v-41718a1b] {
|
|
576
|
+
transform: rotate(180deg);
|
|
577
|
+
}
|
|
578
|
+
.accordion-label[data-v-41718a1b] {
|
|
579
|
+
font-weight: bold;
|
|
575
580
|
}
|
|
581
|
+
.accordion-head:hover .accordion-label[data-v-41718a1b] {
|
|
582
|
+
text-decoration: underline;
|
|
583
|
+
}
|
|
584
|
+
.accordion-body[data-v-41718a1b] {}
|
|
576
585
|
|
|
577
586
|
.expand-enter-active,
|
|
578
587
|
.expand-leave-active {
|
|
579
|
-
|
|
588
|
+
transition: all 0.5s;
|
|
589
|
+
transition-delay: 0ms;
|
|
580
590
|
}
|
|
581
591
|
.expand-enter-from,
|
|
582
592
|
.expand-leave-to {
|
|
583
|
-
|
|
584
|
-
opacity: 0.5;
|
|
593
|
+
max-height: 0;
|
|
585
594
|
}
|
|
586
595
|
.expand-enter-to,
|
|
587
596
|
.expand-leave-from {
|
|
588
|
-
|
|
589
|
-
opacity: 1;
|
|
597
|
+
max-height: 300px;
|
|
590
598
|
}
|
|
591
599
|
|
|
592
600
|
.search-wrap {
|
|
@@ -887,6 +895,43 @@ 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-32f19dd0] {
|
|
901
|
+
width: 100%;
|
|
902
|
+
}
|
|
903
|
+
.combobox-option[data-v-32f19dd0] {
|
|
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: 100%;
|
|
911
|
+
}
|
|
912
|
+
.combobox-options[data-v-32f19dd0] {
|
|
913
|
+
max-height: 300px;
|
|
914
|
+
overflow-y: auto;
|
|
915
|
+
}
|
|
916
|
+
.combobox-option[data-v-32f19dd0]:hover {
|
|
917
|
+
background: var(--bgl-gray-20);
|
|
918
|
+
}
|
|
919
|
+
|
|
920
|
+
.combobox-btn {
|
|
921
|
+
display: flex;
|
|
922
|
+
justify-content: space-between;
|
|
923
|
+
align-items: center;
|
|
924
|
+
height: var(--input-height);
|
|
925
|
+
border-radius: var(--input-border-radius);
|
|
926
|
+
}
|
|
927
|
+
.v-popper__arrow-container {
|
|
928
|
+
display: none;
|
|
929
|
+
}
|
|
930
|
+
.v-popper--theme-dropdown .v-popper__inner {
|
|
931
|
+
border: none;
|
|
932
|
+
background: transparent;
|
|
933
|
+
border-radius: var(--card-border-radius);
|
|
934
|
+
}
|
|
890
935
|
|
|
891
936
|
/* .group-wrap * {
|
|
892
937
|
outline: 1px solid red;
|
|
@@ -1053,62 +1098,62 @@ th[data-v-2137a7a8] {
|
|
|
1053
1098
|
}
|
|
1054
1099
|
|
|
1055
1100
|
:root {
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1101
|
+
--bgl-white: #fff;
|
|
1102
|
+
--input-height: 40px;
|
|
1103
|
+
--input-border-radius: 7px;
|
|
1104
|
+
--bgl-transition: all 200ms ease;
|
|
1105
|
+
--bgl-primary: #19b8ea;
|
|
1061
1106
|
}
|
|
1062
1107
|
|
|
1063
|
-
.bgl-checkbox[data-v-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1108
|
+
.bgl-checkbox[data-v-e8219826] {
|
|
1109
|
+
position: relative;
|
|
1110
|
+
display: flex;
|
|
1111
|
+
flex-direction: row;
|
|
1112
|
+
align-items: center;
|
|
1068
1113
|
}
|
|
1069
|
-
.bgl-checkbox input[type=checkbox][data-v-
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
|
|
1114
|
+
.bgl-checkbox input[type=checkbox][data-v-e8219826] {
|
|
1115
|
+
position: absolute;
|
|
1116
|
+
opacity: 0;
|
|
1117
|
+
z-index: -1;
|
|
1073
1118
|
}
|
|
1074
|
-
.bgl-checkbox label[data-v-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1119
|
+
.bgl-checkbox label[data-v-e8219826] {
|
|
1120
|
+
padding-inline-start: 0.5rem;
|
|
1121
|
+
transition: var(--bgl-transition);
|
|
1122
|
+
cursor: pointer;
|
|
1123
|
+
user-select: none;
|
|
1079
1124
|
}
|
|
1080
|
-
.bgl-checkbox[data-v-
|
|
1081
|
-
|
|
1125
|
+
.bgl-checkbox[data-v-e8219826]:hover {
|
|
1126
|
+
filter: brightness(95%);
|
|
1082
1127
|
}
|
|
1083
|
-
.bgl-checkbox[data-v-
|
|
1084
|
-
|
|
1128
|
+
.bgl-checkbox[data-v-e8219826]:active {
|
|
1129
|
+
filter: var(--bgl-active-filter);
|
|
1085
1130
|
}
|
|
1086
|
-
.bgl-checkbox .check-square[data-v-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1131
|
+
.bgl-checkbox .check-square[data-v-e8219826] {
|
|
1132
|
+
width: calc(var(--input-height) / 2.5);
|
|
1133
|
+
height: calc(var(--input-height) / 2.5);
|
|
1134
|
+
background: var(--bgl-white);
|
|
1135
|
+
border-radius: calc(var(--input-border-radius) / 2);
|
|
1136
|
+
border: var(--bgl-primary) 1px solid;
|
|
1137
|
+
position: relative;
|
|
1138
|
+
display: flex;
|
|
1139
|
+
align-items: center;
|
|
1140
|
+
justify-content: center;
|
|
1096
1141
|
}
|
|
1097
|
-
.check-square.checked[data-v-
|
|
1098
|
-
|
|
1142
|
+
.check-square.checked[data-v-e8219826] {
|
|
1143
|
+
background: var(--bgl-primary);
|
|
1099
1144
|
}
|
|
1100
|
-
.bgl-checkbox svg[data-v-
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1145
|
+
.bgl-checkbox svg[data-v-e8219826] {
|
|
1146
|
+
width: calc(var(--input-height) / 2.5);
|
|
1147
|
+
height: calc(var(--input-height) / 2.5);
|
|
1148
|
+
position: absolute;
|
|
1149
|
+
z-index: 2;
|
|
1150
|
+
fill: var(--bgl-white);
|
|
1151
|
+
pointer-events: none;
|
|
1152
|
+
transform: scale(0);
|
|
1153
|
+
transition: var(--bgl-transition);
|
|
1109
1154
|
}
|
|
1110
|
-
.check-square.checked svg[data-v-
|
|
1111
|
-
|
|
1155
|
+
.check-square.checked svg[data-v-e8219826] {
|
|
1156
|
+
transform: scale(1);
|
|
1112
1157
|
}
|
|
1113
1158
|
.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover{border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-hover)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp__clear_icon{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color)}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:rgba(255,255,255,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp-menu-loading{background:rgba(255,255,255,.5);cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dp__arrow_top{left:50%;top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(-45deg)}.dp__arrow_bottom{left:50%;bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}@media only screen and (width <= 600px){.dp--preset-dates{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}@media only screen and (width <= 600px){.dp--preset-range{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range:first-child{margin-left:0}.dp--preset-range:last-child{margin-right:0}}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}@media only screen and (width <= 600px){.dp__menu_content_wrapper{flex-direction:column-reverse}}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__cell_auto_range_end,.dp__cell_auto_range_start{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-inline-start:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (width <= 600px){.dp__flex_display{flex-direction:column}}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;width:100%}.dp__year_disable_select{justify-content:space-around}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled:hover,.dp__inc_dec_button_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}:root{--dp-common-transition: all 0.1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all 0.2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: 0.1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: 0.5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: 0.8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #f8f5f5;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}/*# sourceMappingURL=main.css.map */
|
|
1114
1159
|
|
|
@@ -1127,183 +1172,183 @@ th[data-v-2137a7a8] {
|
|
|
1127
1172
|
}
|
|
1128
1173
|
|
|
1129
1174
|
fieldset[disabled] .multiselect {
|
|
1130
|
-
|
|
1175
|
+
pointer-events: none;
|
|
1131
1176
|
}
|
|
1132
1177
|
.multiselect__spinner {
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1178
|
+
position: absolute;
|
|
1179
|
+
right: 1px;
|
|
1180
|
+
top: 1px;
|
|
1181
|
+
width: 40px;
|
|
1182
|
+
height: 38px;
|
|
1183
|
+
background: #fff;
|
|
1184
|
+
display: block;
|
|
1140
1185
|
}
|
|
1141
1186
|
.multiselect__spinner::before,
|
|
1142
1187
|
.multiselect__spinner::after {
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
1188
|
+
position: absolute;
|
|
1189
|
+
content: "";
|
|
1190
|
+
top: 50%;
|
|
1191
|
+
left: 50%;
|
|
1192
|
+
margin: -8px 0 0 -8px;
|
|
1193
|
+
width: 16px;
|
|
1194
|
+
height: 16px;
|
|
1195
|
+
border-radius: 100%;
|
|
1196
|
+
border-color: var(--bgl-primary-tint) transparent transparent;
|
|
1197
|
+
border-style: solid;
|
|
1198
|
+
border-width: 2px;
|
|
1199
|
+
box-shadow: 0 0 0 1px transparent;
|
|
1155
1200
|
}
|
|
1156
1201
|
.multiselect__spinner::before {
|
|
1157
|
-
|
|
1158
|
-
|
|
1202
|
+
animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
|
|
1203
|
+
animation-iteration-count: infinite;
|
|
1159
1204
|
}
|
|
1160
1205
|
.multiselect__spinner::after {
|
|
1161
|
-
|
|
1162
|
-
|
|
1206
|
+
animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
|
|
1207
|
+
animation-iteration-count: infinite;
|
|
1163
1208
|
}
|
|
1164
1209
|
.multiselect__loading-enter-active,
|
|
1165
1210
|
.multiselect__loading-leave-active {
|
|
1166
|
-
|
|
1167
|
-
|
|
1211
|
+
transition: opacity 0.4s ease-in-out;
|
|
1212
|
+
opacity: 1;
|
|
1168
1213
|
}
|
|
1169
1214
|
.multiselect__loading-enter,
|
|
1170
1215
|
.multiselect__loading-leave-active {
|
|
1171
|
-
|
|
1216
|
+
opacity: 0;
|
|
1172
1217
|
}
|
|
1173
1218
|
.multiselect,
|
|
1174
1219
|
.multiselect__input,
|
|
1175
1220
|
.multiselect__single {
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
|
|
1221
|
+
font-family: inherit;
|
|
1222
|
+
font-size: var(--input-font-size);
|
|
1223
|
+
touch-action: manipulation;
|
|
1179
1224
|
}
|
|
1180
1225
|
.multiselect {
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1226
|
+
box-sizing: content-box;
|
|
1227
|
+
display: block;
|
|
1228
|
+
position: relative;
|
|
1229
|
+
width: 100%;
|
|
1230
|
+
min-height: var(--input-height);
|
|
1231
|
+
text-align: left;
|
|
1232
|
+
color: var(--input-color);
|
|
1188
1233
|
}
|
|
1189
1234
|
.multiselect * {
|
|
1190
|
-
|
|
1235
|
+
box-sizing: border-box;
|
|
1191
1236
|
}
|
|
1192
1237
|
.multiselect:focus {
|
|
1193
|
-
|
|
1238
|
+
outline: none;
|
|
1194
1239
|
}
|
|
1195
1240
|
.multiselect--disabled {
|
|
1196
|
-
|
|
1197
|
-
|
|
1198
|
-
|
|
1241
|
+
background: #ededed;
|
|
1242
|
+
pointer-events: none;
|
|
1243
|
+
opacity: 0.6;
|
|
1199
1244
|
}
|
|
1200
1245
|
.multiselect--active {
|
|
1201
|
-
|
|
1246
|
+
z-index: 50;
|
|
1202
1247
|
}
|
|
1203
1248
|
.multiselect--active:not(.multiselect--above) .multiselect__current,
|
|
1204
1249
|
.multiselect--active:not(.multiselect--above) .multiselect__input,
|
|
1205
1250
|
.multiselect--active:not(.multiselect--above) .multiselect__tags {
|
|
1206
|
-
|
|
1207
|
-
|
|
1251
|
+
border-bottom-left-radius: 0;
|
|
1252
|
+
border-bottom-right-radius: 0;
|
|
1208
1253
|
}
|
|
1209
1254
|
.multiselect--active:not(.multiselect--above) .multiselect__tags {
|
|
1210
|
-
|
|
1255
|
+
box-shadow: inset 0 0 10px #00000012;
|
|
1211
1256
|
}
|
|
1212
1257
|
.multiselect--active .multiselect__select {
|
|
1213
|
-
|
|
1258
|
+
transform: rotateZ(180deg);
|
|
1214
1259
|
}
|
|
1215
1260
|
.multiselect--above.multiselect--active .multiselect__current,
|
|
1216
1261
|
.multiselect--above.multiselect--active .multiselect__input,
|
|
1217
1262
|
.multiselect--above.multiselect--active .multiselect__tags {
|
|
1218
|
-
|
|
1219
|
-
|
|
1263
|
+
border-top-left-radius: 0;
|
|
1264
|
+
border-top-right-radius: 0;
|
|
1220
1265
|
}
|
|
1221
1266
|
.multiselect__input,
|
|
1222
1267
|
.multiselect__single {
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
|
|
1231
|
-
|
|
1232
|
-
|
|
1268
|
+
position: relative;
|
|
1269
|
+
display: inline-block;
|
|
1270
|
+
border: none;
|
|
1271
|
+
background: var(--input-bg);
|
|
1272
|
+
width: calc(100%);
|
|
1273
|
+
transition: border 0.1s ease;
|
|
1274
|
+
box-sizing: border-box;
|
|
1275
|
+
vertical-align: top;
|
|
1276
|
+
font-size: var(--input-font-size);
|
|
1277
|
+
padding-inline-start: 0rem;
|
|
1233
1278
|
}
|
|
1234
1279
|
.multiselect--active .multiselect__input {
|
|
1235
|
-
|
|
1280
|
+
margin-top: -0.6rem;
|
|
1236
1281
|
}
|
|
1237
1282
|
.multiselect__input::placeholder {
|
|
1238
|
-
|
|
1283
|
+
color: var(--input-color);
|
|
1239
1284
|
}
|
|
1240
1285
|
.multiselect__tag~.multiselect__input,
|
|
1241
1286
|
.multiselect__tag~.multiselect__single {
|
|
1242
|
-
|
|
1287
|
+
width: auto;
|
|
1243
1288
|
}
|
|
1244
1289
|
.multiselect__input:hover,
|
|
1245
1290
|
.multiselect__single:hover {
|
|
1246
|
-
|
|
1291
|
+
border-color: #cfcfcf;
|
|
1247
1292
|
}
|
|
1248
1293
|
.multiselect__input:focus,
|
|
1249
1294
|
.multiselect__single:focus {
|
|
1250
|
-
|
|
1251
|
-
|
|
1295
|
+
border-color: #a8a8a8;
|
|
1296
|
+
outline: none;
|
|
1252
1297
|
}
|
|
1253
1298
|
.multiselect__single {
|
|
1254
|
-
|
|
1255
|
-
|
|
1299
|
+
/* padding-left: 5px; */
|
|
1300
|
+
margin-bottom: 8px;
|
|
1256
1301
|
}
|
|
1257
1302
|
.multiselect__tags-wrap {
|
|
1258
|
-
|
|
1303
|
+
display: inline;
|
|
1259
1304
|
}
|
|
1260
1305
|
.multiselect__tags {
|
|
1261
|
-
|
|
1262
|
-
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
|
|
1271
|
-
|
|
1306
|
+
/* min-height: 40px; */
|
|
1307
|
+
display: block;
|
|
1308
|
+
/* padding: 0.7rem 40px 0.7rem 8px; */
|
|
1309
|
+
border-radius: var(--input-border-radius);
|
|
1310
|
+
background: var(--input-bg);
|
|
1311
|
+
font-size: var(--input-font-size);
|
|
1312
|
+
height: var(--input-height);
|
|
1313
|
+
line-height: 0;
|
|
1314
|
+
padding: calc(var(--input-height) / 2);
|
|
1315
|
+
padding-inline-end: 40px;
|
|
1316
|
+
padding-inline-start: 0.7rem;
|
|
1272
1317
|
}
|
|
1273
1318
|
.multiselect__tag {
|
|
1274
|
-
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
|
|
1279
|
-
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
|
|
1319
|
+
position: relative;
|
|
1320
|
+
display: inline-block;
|
|
1321
|
+
padding: 4px 26px 4px 10px;
|
|
1322
|
+
border-radius: 5px;
|
|
1323
|
+
margin-right: 10px;
|
|
1324
|
+
color: #fff;
|
|
1325
|
+
line-height: 1;
|
|
1326
|
+
background: var(--bgl-primary-tint);
|
|
1327
|
+
margin-bottom: 5px;
|
|
1328
|
+
white-space: nowrap;
|
|
1329
|
+
overflow: hidden;
|
|
1330
|
+
max-width: 100%;
|
|
1331
|
+
text-overflow: ellipsis;
|
|
1287
1332
|
}
|
|
1288
1333
|
.multiselect__tag-icon {
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1334
|
+
cursor: pointer;
|
|
1335
|
+
margin-left: 7px;
|
|
1336
|
+
position: absolute;
|
|
1337
|
+
right: 0;
|
|
1338
|
+
top: 0;
|
|
1339
|
+
bottom: 0;
|
|
1340
|
+
font-weight: 700;
|
|
1341
|
+
font-style: initial;
|
|
1342
|
+
width: 22px;
|
|
1343
|
+
text-align: center;
|
|
1344
|
+
line-height: 22px;
|
|
1345
|
+
transition: all 0.2s ease;
|
|
1346
|
+
border-radius: 5px;
|
|
1302
1347
|
}
|
|
1303
1348
|
.multiselect__tag-icon::after {
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1349
|
+
content: "×";
|
|
1350
|
+
color: #266d4d;
|
|
1351
|
+
font-size: 14px;
|
|
1307
1352
|
}
|
|
1308
1353
|
|
|
1309
1354
|
/* // Remove these lines to avoid green closing button
|
|
@@ -1313,212 +1358,212 @@ fieldset[disabled] .multiselect {
|
|
|
1313
1358
|
//} */
|
|
1314
1359
|
.multiselect__tag-icon:focus::after,
|
|
1315
1360
|
.multiselect__tag-icon:hover::after {
|
|
1316
|
-
|
|
1361
|
+
color: white;
|
|
1317
1362
|
}
|
|
1318
1363
|
.multiselect__current {
|
|
1319
|
-
|
|
1320
|
-
|
|
1321
|
-
|
|
1322
|
-
|
|
1323
|
-
|
|
1324
|
-
|
|
1325
|
-
|
|
1326
|
-
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
|
|
1330
|
-
|
|
1331
|
-
|
|
1364
|
+
line-height: 16px;
|
|
1365
|
+
min-height: 40px;
|
|
1366
|
+
box-sizing: border-box;
|
|
1367
|
+
display: block;
|
|
1368
|
+
overflow: hidden;
|
|
1369
|
+
padding: 8px 12px 0;
|
|
1370
|
+
padding-right: 30px;
|
|
1371
|
+
white-space: nowrap;
|
|
1372
|
+
margin: 0;
|
|
1373
|
+
text-decoration: none;
|
|
1374
|
+
border-radius: 5px;
|
|
1375
|
+
/* border: 1px solid #e8e8e8; */
|
|
1376
|
+
cursor: pointer;
|
|
1332
1377
|
}
|
|
1333
1378
|
.multiselect__select {
|
|
1334
|
-
|
|
1335
|
-
|
|
1336
|
-
|
|
1337
|
-
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1379
|
+
line-height: 16px;
|
|
1380
|
+
display: block;
|
|
1381
|
+
position: absolute;
|
|
1382
|
+
box-sizing: border-box;
|
|
1383
|
+
/* width: 40px; */
|
|
1384
|
+
/* height: 38px; */
|
|
1385
|
+
right: 1px;
|
|
1386
|
+
top: 1px;
|
|
1387
|
+
padding: 4px 8px;
|
|
1388
|
+
margin: 0;
|
|
1389
|
+
text-decoration: none;
|
|
1390
|
+
text-align: center;
|
|
1391
|
+
cursor: pointer;
|
|
1392
|
+
transition: transform 0.2s ease;
|
|
1393
|
+
padding-top: calc(var(--input-height) / 2 - 0.7rem);
|
|
1349
1394
|
}
|
|
1350
1395
|
.multiselect__select::before {
|
|
1351
|
-
|
|
1352
|
-
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
|
|
1396
|
+
position: relative;
|
|
1397
|
+
background-size: contain;
|
|
1398
|
+
transform: scale(0.5);
|
|
1399
|
+
color: var(--bgl-black);
|
|
1400
|
+
content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23b7b7b7' height='24' viewBox='0 -960 960 960' width='24'><path d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/></svg>");
|
|
1356
1401
|
}
|
|
1357
1402
|
.multiselect__placeholder {
|
|
1358
|
-
|
|
1359
|
-
|
|
1360
|
-
|
|
1403
|
+
color: var(--placeholder-color);
|
|
1404
|
+
display: inline-block;
|
|
1405
|
+
margin-bottom: 10px;
|
|
1361
1406
|
}
|
|
1362
1407
|
.multiselect--active .multiselect__placeholder {
|
|
1363
|
-
|
|
1408
|
+
display: none;
|
|
1364
1409
|
}
|
|
1365
1410
|
.multiselect__content-wrapper {
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
|
|
1374
|
-
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1411
|
+
position: absolute;
|
|
1412
|
+
display: block;
|
|
1413
|
+
background: #fff;
|
|
1414
|
+
width: 100%;
|
|
1415
|
+
max-height: 240px;
|
|
1416
|
+
overflow: auto;
|
|
1417
|
+
box-shadow: 0 0 10px #00000012;
|
|
1418
|
+
border-top: none;
|
|
1419
|
+
border-bottom-left-radius: 5px;
|
|
1420
|
+
border-bottom-right-radius: 5px;
|
|
1421
|
+
z-index: 50;
|
|
1422
|
+
-webkit-overflow-scrolling: touch;
|
|
1378
1423
|
}
|
|
1379
1424
|
.multiselect__content {
|
|
1380
|
-
|
|
1381
|
-
|
|
1382
|
-
|
|
1383
|
-
|
|
1384
|
-
|
|
1385
|
-
|
|
1425
|
+
list-style: none;
|
|
1426
|
+
display: inline-block;
|
|
1427
|
+
padding: 0;
|
|
1428
|
+
margin: 0;
|
|
1429
|
+
min-width: 100%;
|
|
1430
|
+
vertical-align: top;
|
|
1386
1431
|
}
|
|
1387
1432
|
.multiselect--above .multiselect__content-wrapper {
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1433
|
+
bottom: 100%;
|
|
1434
|
+
border-bottom-left-radius: 0;
|
|
1435
|
+
border-bottom-right-radius: 0;
|
|
1436
|
+
border-top-left-radius: 5px;
|
|
1437
|
+
border-top-right-radius: 5px;
|
|
1438
|
+
border-bottom: none;
|
|
1439
|
+
border-top: 1px solid #e8e8e8;
|
|
1395
1440
|
}
|
|
1396
1441
|
.multiselect__content::-webkit-scrollbar {
|
|
1397
|
-
|
|
1442
|
+
display: none;
|
|
1398
1443
|
}
|
|
1399
1444
|
.multiselect__element {
|
|
1400
|
-
|
|
1445
|
+
display: block;
|
|
1401
1446
|
}
|
|
1402
1447
|
.multiselect__option {
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1407
|
-
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1448
|
+
display: block;
|
|
1449
|
+
padding-inline-start: 12px;
|
|
1450
|
+
min-height: calc(var(--input-height) * 0.8);
|
|
1451
|
+
line-height: calc(var(--input-height) * 0.8);
|
|
1452
|
+
text-decoration: none;
|
|
1453
|
+
text-transform: none;
|
|
1454
|
+
position: relative;
|
|
1455
|
+
cursor: pointer;
|
|
1456
|
+
white-space: nowrap;
|
|
1412
1457
|
}
|
|
1413
1458
|
.multiselect__option::after {
|
|
1414
|
-
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
|
|
1421
|
-
|
|
1459
|
+
top: 0;
|
|
1460
|
+
right: 0;
|
|
1461
|
+
position: absolute;
|
|
1462
|
+
width: calc(var(--input-height) * 0.8);
|
|
1463
|
+
height: calc(var(--input-height) * 0.8);
|
|
1464
|
+
;
|
|
1465
|
+
text-align: center;
|
|
1466
|
+
font-size: 13px;
|
|
1422
1467
|
}
|
|
1423
1468
|
.multiselect__option--highlight {
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1469
|
+
background: var(--bgl-primary-light);
|
|
1470
|
+
outline: none;
|
|
1471
|
+
color: var(--bgl-primary);
|
|
1427
1472
|
}
|
|
1428
1473
|
.multiselect__option--selected {
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
|
|
1474
|
+
background: var(--bgl-primary);
|
|
1475
|
+
color: var(--bgl-white);
|
|
1476
|
+
font-weight: bold;
|
|
1432
1477
|
}
|
|
1433
1478
|
.multiselect__option--selected.multiselect__option--highlight {
|
|
1434
|
-
|
|
1435
|
-
|
|
1479
|
+
filter: brightness(0.9);
|
|
1480
|
+
color: #fff;
|
|
1436
1481
|
}
|
|
1437
1482
|
.multiselect__option--selected.multiselect__option--highlight::after {
|
|
1438
|
-
|
|
1439
|
-
|
|
1483
|
+
content: "✕";
|
|
1484
|
+
color: var(--bgl-white);
|
|
1440
1485
|
}
|
|
1441
1486
|
.multiselect--disabled .multiselect__current,
|
|
1442
1487
|
.multiselect--disabled .multiselect__select {
|
|
1443
|
-
|
|
1444
|
-
|
|
1488
|
+
background: #ededed;
|
|
1489
|
+
color: #a6a6a6;
|
|
1445
1490
|
}
|
|
1446
1491
|
.multiselect__option--disabled {
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1492
|
+
background: #ededed !important;
|
|
1493
|
+
color: #a6a6a6 !important;
|
|
1494
|
+
cursor: text;
|
|
1495
|
+
pointer-events: none;
|
|
1451
1496
|
}
|
|
1452
1497
|
.multiselect__option--group {
|
|
1453
|
-
|
|
1454
|
-
|
|
1498
|
+
background: #ededed;
|
|
1499
|
+
color: var(--input-color);
|
|
1455
1500
|
}
|
|
1456
1501
|
.multiselect__option--group.multiselect__option--highlight {
|
|
1457
|
-
|
|
1458
|
-
|
|
1502
|
+
background: var(--input-color);
|
|
1503
|
+
color: #fff;
|
|
1459
1504
|
}
|
|
1460
1505
|
.multiselect__option--group.multiselect__option--highlight::after {
|
|
1461
|
-
|
|
1506
|
+
background: var(--input-color);
|
|
1462
1507
|
}
|
|
1463
1508
|
.multiselect__option--disabled.multiselect__option--highlight {
|
|
1464
|
-
|
|
1509
|
+
background: #dedede;
|
|
1465
1510
|
}
|
|
1466
1511
|
.multiselect__option--group-selected.multiselect__option--highlight {
|
|
1467
|
-
|
|
1468
|
-
|
|
1512
|
+
background: var(--bgl-red);
|
|
1513
|
+
color: #fff;
|
|
1469
1514
|
}
|
|
1470
1515
|
.multiselect__option--group-selected.multiselect__option--highlight::after {
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1516
|
+
background: var(--bgl-red);
|
|
1517
|
+
content: attr(data-deselect);
|
|
1518
|
+
color: #fff;
|
|
1474
1519
|
}
|
|
1475
1520
|
.multiselect-enter-active,
|
|
1476
1521
|
.multiselect-leave-active {
|
|
1477
|
-
|
|
1522
|
+
transition: all 0.15s ease;
|
|
1478
1523
|
}
|
|
1479
1524
|
.multiselect-enter,
|
|
1480
1525
|
.multiselect-leave-active {
|
|
1481
|
-
|
|
1526
|
+
opacity: 0;
|
|
1482
1527
|
}
|
|
1483
1528
|
.multiselect__strong {
|
|
1484
|
-
|
|
1485
|
-
|
|
1486
|
-
|
|
1487
|
-
|
|
1529
|
+
margin-bottom: 8px;
|
|
1530
|
+
line-height: 20px;
|
|
1531
|
+
display: inline-block;
|
|
1532
|
+
vertical-align: top;
|
|
1488
1533
|
}
|
|
1489
1534
|
*[dir="rtl"] .multiselect {
|
|
1490
|
-
|
|
1535
|
+
text-align: right;
|
|
1491
1536
|
}
|
|
1492
1537
|
*[dir="rtl"] .multiselect__select {
|
|
1493
|
-
|
|
1494
|
-
|
|
1538
|
+
right: auto;
|
|
1539
|
+
left: 1px;
|
|
1495
1540
|
}
|
|
1496
1541
|
*[dir="rtl"] .multiselect__tags {
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
|
|
1542
|
+
padding: calc(var(--input-height) / 2);
|
|
1543
|
+
padding-inline-end: 40px;
|
|
1544
|
+
padding-inline-start: 0.7rem;
|
|
1500
1545
|
}
|
|
1501
1546
|
*[dir="rtl"] .multiselect__content {
|
|
1502
|
-
|
|
1547
|
+
text-align: right;
|
|
1503
1548
|
}
|
|
1504
1549
|
*[dir="rtl"] .multiselect__option::after {
|
|
1505
|
-
|
|
1506
|
-
|
|
1550
|
+
right: auto;
|
|
1551
|
+
left: 0;
|
|
1507
1552
|
}
|
|
1508
1553
|
*[dir="rtl"] .multiselect__clear {
|
|
1509
|
-
|
|
1510
|
-
|
|
1554
|
+
right: auto;
|
|
1555
|
+
left: 12px;
|
|
1511
1556
|
}
|
|
1512
1557
|
*[dir="rtl"] .multiselect__spinner {
|
|
1513
|
-
|
|
1514
|
-
|
|
1558
|
+
right: auto;
|
|
1559
|
+
left: 1px;
|
|
1515
1560
|
}
|
|
1516
1561
|
@keyframes spinning {
|
|
1517
1562
|
from {
|
|
1518
|
-
|
|
1563
|
+
transform: rotate(0);
|
|
1519
1564
|
}
|
|
1520
1565
|
to {
|
|
1521
|
-
|
|
1566
|
+
transform: rotate(2turn);
|
|
1522
1567
|
}
|
|
1523
1568
|
}
|
|
1524
1569
|
|
|
@@ -2165,130 +2210,130 @@ img.preview[data-v-1be8d7b1] {
|
|
|
2165
2210
|
|
|
2166
2211
|
|
|
2167
2212
|
.grid {
|
|
2168
|
-
|
|
2213
|
+
display: grid;
|
|
2169
2214
|
}
|
|
2170
2215
|
.inline-grid {
|
|
2171
|
-
|
|
2216
|
+
display: inline-grid;
|
|
2172
2217
|
}
|
|
2173
2218
|
.fill {
|
|
2174
|
-
|
|
2175
|
-
|
|
2219
|
+
width: 100vw;
|
|
2220
|
+
height: 100vh;
|
|
2176
2221
|
}
|
|
2177
2222
|
.justify-items-center {
|
|
2178
|
-
|
|
2223
|
+
justify-items: center;
|
|
2179
2224
|
}
|
|
2180
2225
|
.justify-content-center {
|
|
2181
|
-
|
|
2226
|
+
justify-content: center;
|
|
2182
2227
|
}
|
|
2183
2228
|
.justify-content-start {
|
|
2184
|
-
|
|
2229
|
+
justify-content: start;
|
|
2185
2230
|
}
|
|
2186
2231
|
.align-content-center {
|
|
2187
|
-
|
|
2232
|
+
align-content: center;
|
|
2188
2233
|
}
|
|
2189
2234
|
.align-items-top {
|
|
2190
|
-
|
|
2235
|
+
align-items: flex-start !important;
|
|
2191
2236
|
}
|
|
2192
2237
|
.align-items-center {
|
|
2193
|
-
|
|
2238
|
+
align-items: center;
|
|
2194
2239
|
}
|
|
2195
2240
|
.row-gap-1 {
|
|
2196
|
-
|
|
2241
|
+
row-gap: 0.2rem;
|
|
2197
2242
|
}
|
|
2198
2243
|
.row-gap-2 {
|
|
2199
|
-
|
|
2244
|
+
row-gap: 0.5rem;
|
|
2200
2245
|
}
|
|
2201
2246
|
.row-gap-3 {
|
|
2202
|
-
|
|
2247
|
+
row-gap: 1rem;
|
|
2203
2248
|
}
|
|
2204
2249
|
.align-items-end {
|
|
2205
|
-
|
|
2250
|
+
align-items: end !important;
|
|
2206
2251
|
}
|
|
2207
2252
|
.fit-content {
|
|
2208
|
-
|
|
2209
|
-
|
|
2253
|
+
width: fit-content;
|
|
2254
|
+
height: fit-content;
|
|
2210
2255
|
}
|
|
2211
2256
|
.margin-auto {
|
|
2212
|
-
|
|
2213
|
-
|
|
2257
|
+
margin-left: auto;
|
|
2258
|
+
margin-right: auto;
|
|
2214
2259
|
}
|
|
2215
2260
|
.auto-flow-columns {
|
|
2216
|
-
|
|
2261
|
+
grid-auto-flow: column;
|
|
2217
2262
|
}
|
|
2218
2263
|
.grid-2-col {
|
|
2219
|
-
|
|
2264
|
+
grid-template-columns: 1fr 1fr;
|
|
2220
2265
|
}
|
|
2221
2266
|
.justify-content-between {
|
|
2222
|
-
|
|
2267
|
+
justify-content: space-between;
|
|
2223
2268
|
}
|
|
2224
2269
|
.justify-self-start {
|
|
2225
|
-
|
|
2270
|
+
justify-self: start;
|
|
2226
2271
|
}
|
|
2227
2272
|
.columns-max-content {
|
|
2228
|
-
|
|
2273
|
+
grid-auto-columns: max-content;
|
|
2229
2274
|
}
|
|
2230
2275
|
.w-100 {
|
|
2231
|
-
|
|
2276
|
+
width: 100%;
|
|
2232
2277
|
}
|
|
2233
2278
|
.col-gap-1 {
|
|
2234
|
-
|
|
2279
|
+
column-gap: 1rem;
|
|
2235
2280
|
}
|
|
2236
2281
|
.col-gap-05 {
|
|
2237
|
-
|
|
2282
|
+
column-gap: 0.5rem;
|
|
2238
2283
|
}
|
|
2239
2284
|
.rows-max-content {
|
|
2240
|
-
|
|
2285
|
+
grid-auto-rows: max-content;
|
|
2241
2286
|
}
|
|
2242
|
-
.grid.overflow
|
|
2243
|
-
|
|
2244
|
-
|
|
2287
|
+
.grid.overflow > * {
|
|
2288
|
+
min-width: 0px;
|
|
2289
|
+
overflow: auto;
|
|
2245
2290
|
}
|
|
2246
2291
|
.ps-1 {
|
|
2247
|
-
|
|
2292
|
+
padding-left: 1rem;
|
|
2248
2293
|
}
|
|
2249
2294
|
.justify-content-around {
|
|
2250
|
-
|
|
2295
|
+
justify-content: space-between;
|
|
2251
2296
|
}
|
|
2252
2297
|
.justify-content-end {
|
|
2253
|
-
|
|
2298
|
+
justify-content: end;
|
|
2254
2299
|
}
|
|
2255
2300
|
.justify-self-end {
|
|
2256
|
-
|
|
2301
|
+
justify-self: end;
|
|
2257
2302
|
}
|
|
2258
2303
|
.justify-self-center {
|
|
2259
|
-
|
|
2304
|
+
justify-self: center;
|
|
2260
2305
|
}
|
|
2261
2306
|
.position-right {
|
|
2262
|
-
|
|
2263
|
-
|
|
2264
|
-
|
|
2307
|
+
position: absolute;
|
|
2308
|
+
top: 0px;
|
|
2309
|
+
right: 0px;
|
|
2265
2310
|
}
|
|
2266
2311
|
.position-absolute {
|
|
2267
|
-
|
|
2312
|
+
position: absolute;
|
|
2268
2313
|
}
|
|
2269
2314
|
.position-relative {
|
|
2270
|
-
|
|
2315
|
+
position: relative;
|
|
2271
2316
|
}
|
|
2272
2317
|
.auto-flow-rows {
|
|
2273
|
-
|
|
2318
|
+
grid-auto-flow: row;
|
|
2274
2319
|
}
|
|
2275
2320
|
.align-items-start {
|
|
2276
|
-
|
|
2321
|
+
align-items: start !important;
|
|
2277
2322
|
}
|
|
2278
2323
|
.align-self-end {
|
|
2279
|
-
|
|
2324
|
+
align-self: end;
|
|
2280
2325
|
}
|
|
2281
2326
|
.h-100 {
|
|
2282
|
-
|
|
2327
|
+
height: 100%;
|
|
2283
2328
|
}
|
|
2284
2329
|
.vh-100 {
|
|
2285
|
-
|
|
2330
|
+
height: 100vh;
|
|
2286
2331
|
}
|
|
2287
2332
|
.min-100 {
|
|
2288
|
-
|
|
2333
|
+
min-height: 100%;
|
|
2289
2334
|
}
|
|
2290
2335
|
.w-100 {
|
|
2291
|
-
|
|
2336
|
+
width: 100%;
|
|
2292
2337
|
}
|
|
2293
2338
|
.w300,
|
|
2294
2339
|
.w350,
|
|
@@ -2299,730 +2344,713 @@ img.preview[data-v-1be8d7b1] {
|
|
|
2299
2344
|
.w600,
|
|
2300
2345
|
.w650,
|
|
2301
2346
|
.w700 {
|
|
2302
|
-
|
|
2303
|
-
|
|
2304
|
-
|
|
2347
|
+
margin-left: auto;
|
|
2348
|
+
margin-right: auto;
|
|
2349
|
+
width: 98%;
|
|
2305
2350
|
}
|
|
2306
2351
|
.w300 {
|
|
2307
|
-
|
|
2352
|
+
max-width: 300px;
|
|
2308
2353
|
}
|
|
2309
2354
|
.w350 {
|
|
2310
|
-
|
|
2355
|
+
max-width: 350px;
|
|
2311
2356
|
}
|
|
2312
2357
|
.w400 {
|
|
2313
|
-
|
|
2358
|
+
max-width: 400px;
|
|
2314
2359
|
}
|
|
2315
2360
|
.w450 {
|
|
2316
|
-
|
|
2361
|
+
max-width: 450px;
|
|
2317
2362
|
}
|
|
2318
2363
|
.w500 {
|
|
2319
|
-
|
|
2364
|
+
max-width: 500px;
|
|
2320
2365
|
}
|
|
2321
2366
|
.w550 {
|
|
2322
|
-
|
|
2367
|
+
max-width: 550px;
|
|
2323
2368
|
}
|
|
2324
2369
|
.w600 {
|
|
2325
|
-
|
|
2370
|
+
max-width: 600px;
|
|
2326
2371
|
}
|
|
2327
2372
|
.w650 {
|
|
2328
|
-
|
|
2373
|
+
max-width: 650px;
|
|
2329
2374
|
}
|
|
2330
2375
|
.w650 {
|
|
2331
|
-
|
|
2376
|
+
max-width: 700px;
|
|
2332
2377
|
}
|
|
2333
2378
|
.gap-1 {
|
|
2334
|
-
|
|
2379
|
+
gap: 0.25rem;
|
|
2335
2380
|
}
|
|
2336
2381
|
.gap-2 {
|
|
2337
|
-
|
|
2382
|
+
gap: 0.5rem;
|
|
2338
2383
|
}
|
|
2339
2384
|
.gap-3 {
|
|
2340
|
-
|
|
2385
|
+
gap: 1rem;
|
|
2341
2386
|
}
|
|
2342
2387
|
.gap-col-1 {
|
|
2343
|
-
|
|
2388
|
+
column-gap: 0.25rem;
|
|
2344
2389
|
}
|
|
2345
2390
|
.gap-col-2 {
|
|
2346
|
-
|
|
2391
|
+
column-gap: 0.5rem;
|
|
2347
2392
|
}
|
|
2348
2393
|
.gap-col-3 {
|
|
2349
|
-
|
|
2394
|
+
column-gap: 1rem;
|
|
2350
2395
|
}
|
|
2351
2396
|
.gap-row-1 {
|
|
2352
|
-
|
|
2397
|
+
row-gap: 0.25rem;
|
|
2353
2398
|
}
|
|
2354
2399
|
.gap-row-2 {
|
|
2355
|
-
|
|
2400
|
+
row-gap: 0.5rem;
|
|
2356
2401
|
}
|
|
2357
2402
|
.gap-row-3 {
|
|
2358
|
-
|
|
2403
|
+
row-gap: 1rem;
|
|
2359
2404
|
}
|
|
2360
2405
|
.flex-wrap {
|
|
2361
|
-
|
|
2406
|
+
flex-wrap: wrap;
|
|
2407
|
+
}
|
|
2408
|
+
.column {
|
|
2409
|
+
flex-direction: column;
|
|
2410
|
+
}
|
|
2411
|
+
.row {
|
|
2412
|
+
flex-direction: row;
|
|
2362
2413
|
}
|
|
2363
2414
|
.flex-grow {
|
|
2364
|
-
|
|
2415
|
+
flex-grow: 1;
|
|
2365
2416
|
}
|
|
2366
2417
|
.flex-shrink {
|
|
2367
|
-
|
|
2418
|
+
flex-shrink: 1;
|
|
2368
2419
|
}
|
|
2369
2420
|
.flex-2-col {
|
|
2370
|
-
|
|
2371
|
-
|
|
2421
|
+
max-width: 50%;
|
|
2422
|
+
flex: 1 1 calc(50% - 2rem);
|
|
2372
2423
|
}
|
|
2373
2424
|
.flex-3-col {
|
|
2374
|
-
|
|
2425
|
+
flex: 1 1 33.33333%;
|
|
2375
2426
|
}
|
|
2376
2427
|
.mb-auto {
|
|
2377
|
-
|
|
2428
|
+
margin-bottom: auto !important;
|
|
2378
2429
|
}
|
|
2379
2430
|
.mb-0 {
|
|
2380
|
-
|
|
2431
|
+
margin-bottom: 0rem !important;
|
|
2381
2432
|
}
|
|
2382
2433
|
.mb-025 {
|
|
2383
|
-
|
|
2434
|
+
margin-bottom: 0.25rem !important;
|
|
2384
2435
|
}
|
|
2385
2436
|
.mb-05 {
|
|
2386
|
-
|
|
2437
|
+
margin-bottom: 0.5rem !important;
|
|
2387
2438
|
}
|
|
2388
2439
|
.mb-075 {
|
|
2389
|
-
|
|
2440
|
+
margin-bottom: 0.75rem !important;
|
|
2390
2441
|
}
|
|
2391
2442
|
.mb-1 {
|
|
2392
|
-
|
|
2443
|
+
margin-bottom: 1rem !important;
|
|
2393
2444
|
}
|
|
2394
2445
|
.mb-2 {
|
|
2395
|
-
|
|
2446
|
+
margin-bottom: 2rem !important;
|
|
2396
2447
|
}
|
|
2397
2448
|
.mb-3 {
|
|
2398
|
-
|
|
2449
|
+
margin-bottom: 3rem !important;
|
|
2399
2450
|
}
|
|
2400
2451
|
.mb-4 {
|
|
2401
|
-
|
|
2452
|
+
margin-bottom: 4rem !important;
|
|
2402
2453
|
}
|
|
2403
2454
|
.mt-auto {
|
|
2404
|
-
|
|
2455
|
+
margin-top: auto !important;
|
|
2405
2456
|
}
|
|
2406
2457
|
.mt-0 {
|
|
2407
|
-
|
|
2458
|
+
margin-top: 0rem !important;
|
|
2408
2459
|
}
|
|
2409
2460
|
.mt-025 {
|
|
2410
|
-
|
|
2461
|
+
margin-top: 0.25rem !important;
|
|
2411
2462
|
}
|
|
2412
2463
|
.mt-05 {
|
|
2413
|
-
|
|
2464
|
+
margin-top: 0.5rem !important;
|
|
2414
2465
|
}
|
|
2415
2466
|
.mt-075 {
|
|
2416
|
-
|
|
2467
|
+
margin-top: 0.75rem !important;
|
|
2417
2468
|
}
|
|
2418
2469
|
.mt-1 {
|
|
2419
|
-
|
|
2470
|
+
margin-top: 1rem !important;
|
|
2420
2471
|
}
|
|
2421
2472
|
.mt-2 {
|
|
2422
|
-
|
|
2473
|
+
margin-top: 2rem !important;
|
|
2423
2474
|
}
|
|
2424
2475
|
.mt-3 {
|
|
2425
|
-
|
|
2476
|
+
margin-top: 3rem !important;
|
|
2426
2477
|
}
|
|
2427
2478
|
.mt-4 {
|
|
2428
|
-
|
|
2479
|
+
margin-top: 4rem !important;
|
|
2429
2480
|
}
|
|
2430
2481
|
.ms-auto {
|
|
2431
|
-
|
|
2482
|
+
margin-inline-start: auto !important;
|
|
2432
2483
|
}
|
|
2433
2484
|
.ms-0 {
|
|
2434
|
-
|
|
2485
|
+
margin-inline-start: 0rem !important;
|
|
2435
2486
|
}
|
|
2436
2487
|
.ms-025 {
|
|
2437
|
-
|
|
2488
|
+
margin-inline-start: 0.25rem !important;
|
|
2438
2489
|
}
|
|
2439
2490
|
.ms-05 {
|
|
2440
|
-
|
|
2491
|
+
margin-inline-start: 0.5rem !important;
|
|
2441
2492
|
}
|
|
2442
2493
|
.ms-075 {
|
|
2443
|
-
|
|
2494
|
+
margin-inline-start: 0.75rem !important;
|
|
2444
2495
|
}
|
|
2445
2496
|
.ms-1 {
|
|
2446
|
-
|
|
2497
|
+
margin-inline-start: 1rem !important;
|
|
2447
2498
|
}
|
|
2448
2499
|
.ms-2 {
|
|
2449
|
-
|
|
2500
|
+
margin-inline-start: 2rem !important;
|
|
2450
2501
|
}
|
|
2451
2502
|
.ms-3 {
|
|
2452
|
-
|
|
2503
|
+
margin-inline-start: 3rem !important;
|
|
2453
2504
|
}
|
|
2454
2505
|
.ms-4 {
|
|
2455
|
-
|
|
2506
|
+
margin-inline-start: 4rem !important;
|
|
2456
2507
|
}
|
|
2457
2508
|
.me-auto {
|
|
2458
|
-
|
|
2509
|
+
margin-inline-end: auto !important;
|
|
2459
2510
|
}
|
|
2460
2511
|
.me-0 {
|
|
2461
|
-
|
|
2512
|
+
margin-inline-end: 0rem !important;
|
|
2462
2513
|
}
|
|
2463
2514
|
.me-025 {
|
|
2464
|
-
|
|
2515
|
+
margin-inline-end: 0.25rem !important;
|
|
2465
2516
|
}
|
|
2466
2517
|
.me-05 {
|
|
2467
|
-
|
|
2518
|
+
margin-inline-end: 0.5rem !important;
|
|
2468
2519
|
}
|
|
2469
2520
|
.me-075 {
|
|
2470
|
-
|
|
2521
|
+
margin-inline-end: 0.75rem !important;
|
|
2471
2522
|
}
|
|
2472
2523
|
.me-1 {
|
|
2473
|
-
|
|
2524
|
+
margin-inline-end: 1rem !important;
|
|
2474
2525
|
}
|
|
2475
2526
|
.me-2 {
|
|
2476
|
-
|
|
2527
|
+
margin-inline-end: 2rem !important;
|
|
2477
2528
|
}
|
|
2478
2529
|
.me-3 {
|
|
2479
|
-
|
|
2530
|
+
margin-inline-end: 3rem !important;
|
|
2480
2531
|
}
|
|
2481
2532
|
.me-4 {
|
|
2482
|
-
|
|
2533
|
+
margin-inline-end: 4rem !important;
|
|
2483
2534
|
}
|
|
2484
2535
|
.-mb-025 {
|
|
2485
|
-
|
|
2536
|
+
margin-bottom: -0.25rem !important;
|
|
2486
2537
|
}
|
|
2487
2538
|
.-mb-05 {
|
|
2488
|
-
|
|
2539
|
+
margin-bottom: -0.5rem !important;
|
|
2489
2540
|
}
|
|
2490
2541
|
.-mb-075 {
|
|
2491
|
-
|
|
2542
|
+
margin-bottom: -0.75rem !important;
|
|
2492
2543
|
}
|
|
2493
2544
|
.-mb-1 {
|
|
2494
|
-
|
|
2545
|
+
margin-bottom: -1rem !important;
|
|
2495
2546
|
}
|
|
2496
2547
|
.-mb-2 {
|
|
2497
|
-
|
|
2548
|
+
margin-bottom: -2rem !important;
|
|
2498
2549
|
}
|
|
2499
2550
|
.-mb-3 {
|
|
2500
|
-
|
|
2551
|
+
margin-bottom: -3rem !important;
|
|
2501
2552
|
}
|
|
2502
2553
|
.-mb-4 {
|
|
2503
|
-
|
|
2554
|
+
margin-bottom: -4rem !important;
|
|
2504
2555
|
}
|
|
2505
2556
|
.-mt-025 {
|
|
2506
|
-
|
|
2557
|
+
margin-top: -0.25rem !important;
|
|
2507
2558
|
}
|
|
2508
2559
|
.-mt-05 {
|
|
2509
|
-
|
|
2560
|
+
margin-top: -0.5rem !important;
|
|
2510
2561
|
}
|
|
2511
2562
|
.-mt-075 {
|
|
2512
|
-
|
|
2563
|
+
margin-top: 0.75rem !important;
|
|
2513
2564
|
}
|
|
2514
2565
|
.-mt-1 {
|
|
2515
|
-
|
|
2566
|
+
margin-top: -1rem !important;
|
|
2516
2567
|
}
|
|
2517
2568
|
.-mt-2 {
|
|
2518
|
-
|
|
2569
|
+
margin-top: -2rem !important;
|
|
2519
2570
|
}
|
|
2520
2571
|
.-mt-3 {
|
|
2521
|
-
|
|
2572
|
+
margin-top: -3rem !important;
|
|
2522
2573
|
}
|
|
2523
2574
|
.-mt-4 {
|
|
2524
|
-
|
|
2575
|
+
margin-top: -4rem !important;
|
|
2525
2576
|
}
|
|
2526
2577
|
.-ms-025 {
|
|
2527
|
-
|
|
2578
|
+
margin-inline-start: -0.25rem !important;
|
|
2528
2579
|
}
|
|
2529
2580
|
.-ms-05 {
|
|
2530
|
-
|
|
2581
|
+
margin-inline-start: -0.5rem !important;
|
|
2531
2582
|
}
|
|
2532
2583
|
.-ms-075 {
|
|
2533
|
-
|
|
2584
|
+
margin-inline-start: -0.75rem !important;
|
|
2534
2585
|
}
|
|
2535
2586
|
.-ms-1 {
|
|
2536
|
-
|
|
2587
|
+
margin-inline-start: -1rem !important;
|
|
2537
2588
|
}
|
|
2538
2589
|
.-ms-2 {
|
|
2539
|
-
|
|
2590
|
+
margin-inline-start: -2rem !important;
|
|
2540
2591
|
}
|
|
2541
2592
|
.-ms-3 {
|
|
2542
|
-
|
|
2593
|
+
margin-inline-start: -3rem !important;
|
|
2543
2594
|
}
|
|
2544
2595
|
.-ms-4 {
|
|
2545
|
-
|
|
2596
|
+
margin-inline-start: -4rem !important;
|
|
2546
2597
|
}
|
|
2547
2598
|
.-me-025 {
|
|
2548
|
-
|
|
2599
|
+
margin-inline-end: -0.25rem !important;
|
|
2549
2600
|
}
|
|
2550
2601
|
.-me-05 {
|
|
2551
|
-
|
|
2602
|
+
margin-inline-end: -0.5rem !important;
|
|
2552
2603
|
}
|
|
2553
2604
|
.-me-075 {
|
|
2554
|
-
|
|
2605
|
+
margin-inline-end: -0.75rem !important;
|
|
2555
2606
|
}
|
|
2556
2607
|
.-me-1 {
|
|
2557
|
-
|
|
2608
|
+
margin-inline-end: -1rem !important;
|
|
2558
2609
|
}
|
|
2559
2610
|
.-me-2 {
|
|
2560
|
-
|
|
2611
|
+
margin-inline-end: -2rem !important;
|
|
2561
2612
|
}
|
|
2562
2613
|
.-me-3 {
|
|
2563
|
-
|
|
2614
|
+
margin-inline-end: -3rem !important;
|
|
2564
2615
|
}
|
|
2565
2616
|
.-me-4 {
|
|
2566
|
-
|
|
2617
|
+
margin-inline-end: -4rem !important;
|
|
2567
2618
|
}
|
|
2568
2619
|
.pb-0 {
|
|
2569
|
-
|
|
2620
|
+
padding-bottom: 0rem !important;
|
|
2570
2621
|
}
|
|
2571
2622
|
.pb-1 {
|
|
2572
|
-
|
|
2623
|
+
padding-bottom: 1rem !important;
|
|
2573
2624
|
}
|
|
2574
2625
|
.pb-2 {
|
|
2575
|
-
|
|
2626
|
+
padding-bottom: 2rem !important;
|
|
2576
2627
|
}
|
|
2577
2628
|
.pb-3 {
|
|
2578
|
-
|
|
2629
|
+
padding-bottom: 3rem !important;
|
|
2579
2630
|
}
|
|
2580
2631
|
.pb-4 {
|
|
2581
|
-
|
|
2632
|
+
padding-bottom: 4rem !important;
|
|
2582
2633
|
}
|
|
2583
2634
|
.pb-075 {
|
|
2584
|
-
|
|
2635
|
+
padding-bottom: 0.75rem !important;
|
|
2585
2636
|
}
|
|
2586
2637
|
.pb-05 {
|
|
2587
|
-
|
|
2638
|
+
padding-bottom: 0.5rem !important;
|
|
2588
2639
|
}
|
|
2589
2640
|
.pb-025 {
|
|
2590
|
-
|
|
2641
|
+
padding-bottom: 0.25rem !important;
|
|
2591
2642
|
}
|
|
2592
2643
|
.pt-0 {
|
|
2593
|
-
|
|
2644
|
+
padding-top: 0rem !important;
|
|
2594
2645
|
}
|
|
2595
2646
|
.pt-1 {
|
|
2596
|
-
|
|
2647
|
+
padding-top: 1rem !important;
|
|
2597
2648
|
}
|
|
2598
2649
|
.pt-2 {
|
|
2599
|
-
|
|
2650
|
+
padding-top: 2rem !important;
|
|
2600
2651
|
}
|
|
2601
2652
|
.pt-3 {
|
|
2602
|
-
|
|
2653
|
+
padding-top: 3rem !important;
|
|
2603
2654
|
}
|
|
2604
2655
|
.pt-4 {
|
|
2605
|
-
|
|
2656
|
+
padding-top: 4rem !important;
|
|
2606
2657
|
}
|
|
2607
2658
|
.pt-075 {
|
|
2608
|
-
|
|
2659
|
+
padding-top: 0.75rem !important;
|
|
2609
2660
|
}
|
|
2610
2661
|
.pt-05 {
|
|
2611
|
-
|
|
2662
|
+
padding-top: 0.5rem !important;
|
|
2612
2663
|
}
|
|
2613
2664
|
.pt-025 {
|
|
2614
|
-
|
|
2665
|
+
padding-top: 0.25rem !important;
|
|
2615
2666
|
}
|
|
2616
2667
|
.ps-0 {
|
|
2617
|
-
|
|
2668
|
+
padding-inline-start: 0rem !important;
|
|
2618
2669
|
}
|
|
2619
2670
|
.ps-1 {
|
|
2620
|
-
|
|
2671
|
+
padding-inline-start: 1rem !important;
|
|
2621
2672
|
}
|
|
2622
2673
|
.ps-2 {
|
|
2623
|
-
|
|
2674
|
+
padding-inline-start: 2rem !important;
|
|
2624
2675
|
}
|
|
2625
2676
|
.ps-3 {
|
|
2626
|
-
|
|
2677
|
+
padding-inline-start: 3rem !important;
|
|
2627
2678
|
}
|
|
2628
2679
|
.ps-4 {
|
|
2629
|
-
|
|
2680
|
+
padding-inline-start: 4rem !important;
|
|
2630
2681
|
}
|
|
2631
2682
|
.ps-075 {
|
|
2632
|
-
|
|
2683
|
+
padding-inline-start: 0.75rem !important;
|
|
2633
2684
|
}
|
|
2634
2685
|
.ps-05 {
|
|
2635
|
-
|
|
2686
|
+
padding-inline-start: 0.5rem !important;
|
|
2636
2687
|
}
|
|
2637
2688
|
.ps-025 {
|
|
2638
|
-
|
|
2689
|
+
padding-inline-start: 0.25rem !important;
|
|
2639
2690
|
}
|
|
2640
2691
|
.pe-0 {
|
|
2641
|
-
|
|
2692
|
+
padding-inline-end: 0rem !important;
|
|
2642
2693
|
}
|
|
2643
2694
|
.pe-1 {
|
|
2644
|
-
|
|
2695
|
+
padding-inline-end: 1rem !important;
|
|
2645
2696
|
}
|
|
2646
2697
|
.pe-2 {
|
|
2647
|
-
|
|
2698
|
+
padding-inline-end: 2rem !important;
|
|
2648
2699
|
}
|
|
2649
2700
|
.pe-3 {
|
|
2650
|
-
|
|
2701
|
+
padding-inline-end: 3rem !important;
|
|
2651
2702
|
}
|
|
2652
2703
|
.pe-4 {
|
|
2653
|
-
|
|
2704
|
+
padding-inline-end: 4rem !important;
|
|
2654
2705
|
}
|
|
2655
2706
|
.pe-075 {
|
|
2656
|
-
|
|
2707
|
+
padding-inline-end: 0.75rem !important;
|
|
2657
2708
|
}
|
|
2658
2709
|
.pe-05 {
|
|
2659
|
-
|
|
2710
|
+
padding-inline-end: 0.5rem !important;
|
|
2660
2711
|
}
|
|
2661
2712
|
.pe-025 {
|
|
2662
|
-
|
|
2713
|
+
padding-inline-end: 0.25rem !important;
|
|
2663
2714
|
}
|
|
2664
2715
|
.flex {
|
|
2665
|
-
|
|
2666
|
-
|
|
2716
|
+
display: flex;
|
|
2717
|
+
align-items: center;
|
|
2667
2718
|
}
|
|
2668
2719
|
.flex-stretch {
|
|
2669
|
-
|
|
2670
|
-
|
|
2720
|
+
display: flex;
|
|
2721
|
+
align-items: stretch;
|
|
2671
2722
|
}
|
|
2672
2723
|
.flex-wrap {
|
|
2673
|
-
|
|
2724
|
+
flex-wrap: wrap;
|
|
2674
2725
|
}
|
|
2675
2726
|
.flex-end {
|
|
2676
|
-
|
|
2727
|
+
justify-content: flex-end;
|
|
2677
2728
|
}
|
|
2678
2729
|
.space-between {
|
|
2679
|
-
|
|
2730
|
+
justify-content: space-between;
|
|
2680
2731
|
}
|
|
2681
|
-
label,
|
|
2682
2732
|
.label {
|
|
2683
|
-
|
|
2684
|
-
|
|
2685
|
-
|
|
2686
|
-
|
|
2687
|
-
|
|
2733
|
+
display: block;
|
|
2734
|
+
font-size: var(--label-font-size);
|
|
2735
|
+
margin-bottom: 2px;
|
|
2736
|
+
line-height: 1.3;
|
|
2737
|
+
color: var(--label-color);
|
|
2688
2738
|
}
|
|
2689
2739
|
input,
|
|
2690
2740
|
textarea,
|
|
2691
2741
|
select {
|
|
2692
|
-
|
|
2693
|
-
|
|
2742
|
+
font-family: inherit;
|
|
2743
|
+
width: 100%;
|
|
2694
2744
|
}
|
|
2695
2745
|
.bagel-input {
|
|
2696
|
-
|
|
2697
|
-
|
|
2698
|
-
|
|
2699
|
-
|
|
2700
|
-
|
|
2701
|
-
|
|
2702
|
-
|
|
2746
|
+
position: relative;
|
|
2747
|
+
display: flex;
|
|
2748
|
+
flex-direction: column;
|
|
2749
|
+
text-align: start;
|
|
2750
|
+
margin-bottom: 0.5rem;
|
|
2751
|
+
width: 100%;
|
|
2752
|
+
color: var(--bgl-black);
|
|
2703
2753
|
}
|
|
2704
2754
|
.bagel-input::placeholder .bagel-input label {
|
|
2705
|
-
|
|
2706
|
-
|
|
2707
|
-
|
|
2708
|
-
|
|
2755
|
+
display: block;
|
|
2756
|
+
font-size: var(--label-font-size);
|
|
2757
|
+
margin-bottom: 2px;
|
|
2758
|
+
line-height: 1.3;
|
|
2709
2759
|
}
|
|
2710
2760
|
.bagel-input::placeholder {
|
|
2711
|
-
|
|
2761
|
+
color: var(--placeholder-color);
|
|
2712
2762
|
}
|
|
2713
2763
|
.bagel-input label {
|
|
2714
|
-
|
|
2764
|
+
color: var(--label-color);
|
|
2715
2765
|
}
|
|
2716
2766
|
.bagel-input input,
|
|
2717
2767
|
.bagel-input select,
|
|
2718
2768
|
.custom-select .input {
|
|
2719
|
-
|
|
2720
|
-
|
|
2769
|
+
height: var(--input-height);
|
|
2770
|
+
font-size: var(--input-font-size);
|
|
2721
2771
|
}
|
|
2722
2772
|
.bagel-input input,
|
|
2723
2773
|
.bagel-input textarea,
|
|
2724
2774
|
.bagel-input select,
|
|
2725
2775
|
.custom-select .input {
|
|
2726
|
-
|
|
2727
|
-
|
|
2728
|
-
|
|
2729
|
-
|
|
2730
|
-
|
|
2731
|
-
|
|
2732
|
-
|
|
2776
|
+
background: var(--input-bg);
|
|
2777
|
+
border: none;
|
|
2778
|
+
padding: 0.7rem;
|
|
2779
|
+
border-radius: var(--input-border-radius);
|
|
2780
|
+
color: var(--input-color);
|
|
2781
|
+
min-width: calc(var(--input-height) * 3);
|
|
2782
|
+
width: 100%;
|
|
2733
2783
|
}
|
|
2734
2784
|
.bagel-input input::placeholder,
|
|
2735
2785
|
.bagel-input textarea::placeholder,
|
|
2736
2786
|
.bagel-input select::placeholder,
|
|
2737
2787
|
.custom-select .input::placeholder {
|
|
2738
|
-
|
|
2788
|
+
color: var(--placeholder-color);
|
|
2739
2789
|
}
|
|
2740
2790
|
.bagel-input.search-wrap {
|
|
2741
|
-
|
|
2742
|
-
|
|
2743
|
-
|
|
2791
|
+
display: flex;
|
|
2792
|
+
flex-direction: row;
|
|
2793
|
+
align-items: center;
|
|
2744
2794
|
}
|
|
2745
2795
|
.bagel-input.search-wrap input {
|
|
2746
|
-
|
|
2796
|
+
padding-inline-end: 2rem;
|
|
2747
2797
|
}
|
|
2748
2798
|
.bagel-input.search-wrap .bgl_icon-font {
|
|
2749
|
-
|
|
2799
|
+
margin-inline-start: -1.75rem;
|
|
2750
2800
|
}
|
|
2751
2801
|
.bagel-input select {
|
|
2752
|
-
|
|
2802
|
+
height: var(--input-height);
|
|
2753
2803
|
}
|
|
2754
2804
|
.bagel-input textarea {
|
|
2755
|
-
|
|
2756
|
-
|
|
2757
|
-
|
|
2805
|
+
resize: vertical;
|
|
2806
|
+
min-height: calc(var(--input-height) * 3);
|
|
2807
|
+
line-height: 1.5;
|
|
2758
2808
|
}
|
|
2759
2809
|
.bagel-input.wider input {
|
|
2760
|
-
|
|
2810
|
+
min-width: 320px;
|
|
2761
2811
|
}
|
|
2762
2812
|
.bagel-input input[type="radio"] {
|
|
2763
|
-
|
|
2764
|
-
|
|
2813
|
+
padding: 0;
|
|
2814
|
+
width: fit-content;
|
|
2765
2815
|
}
|
|
2766
2816
|
.bagel-input:focus-within label {
|
|
2767
|
-
|
|
2817
|
+
color: var(--bgl-primary);
|
|
2768
2818
|
}
|
|
2769
2819
|
.bagel-input select.no-edit,
|
|
2770
2820
|
.bagel-input input.no-edit,
|
|
2771
2821
|
.bagel-input textarea.no-edit,
|
|
2772
2822
|
.bagel-input .switch.no-edit {
|
|
2773
|
-
|
|
2774
|
-
|
|
2775
|
-
}
|
|
2776
|
-
input[type="number"]::-webkit-inner-spin-button,
|
|
2777
|
-
input[type="number"]::-webkit-outer-spin-button {
|
|
2778
|
-
-webkit-appearance: none;
|
|
2823
|
+
pointer-events: none;
|
|
2824
|
+
outline: none;
|
|
2779
2825
|
}
|
|
2780
|
-
label.active {
|
|
2781
|
-
|
|
2826
|
+
.bagel-input label.active {
|
|
2827
|
+
color: var(--bgl-primary);
|
|
2782
2828
|
}
|
|
2783
2829
|
.inline-80 {
|
|
2784
|
-
|
|
2785
|
-
|
|
2830
|
+
display: inline-block;
|
|
2831
|
+
width: 80%;
|
|
2786
2832
|
}
|
|
2787
2833
|
.inline-20 {
|
|
2788
|
-
|
|
2789
|
-
|
|
2834
|
+
display: inline-block;
|
|
2835
|
+
width: 20%;
|
|
2790
2836
|
}
|
|
2791
2837
|
.inline-10 {
|
|
2792
|
-
|
|
2793
|
-
|
|
2838
|
+
display: inline-block;
|
|
2839
|
+
width: 20%;
|
|
2794
2840
|
}
|
|
2795
2841
|
.inline-50 {
|
|
2796
|
-
|
|
2797
|
-
|
|
2798
|
-
|
|
2842
|
+
display: inline-block;
|
|
2843
|
+
width: 49%;
|
|
2844
|
+
margin: 0 0.5%;
|
|
2799
2845
|
}
|
|
2800
2846
|
.custom-select .input {
|
|
2801
|
-
|
|
2802
|
-
|
|
2847
|
+
height: var(--input-height);
|
|
2848
|
+
font-size: var(--input-font-size);
|
|
2803
2849
|
}
|
|
2804
2850
|
.custom-select .input {
|
|
2805
|
-
|
|
2806
|
-
|
|
2807
|
-
|
|
2808
|
-
|
|
2809
|
-
|
|
2810
|
-
|
|
2811
|
-
|
|
2851
|
+
background: var(--input-bg);
|
|
2852
|
+
border: none;
|
|
2853
|
+
padding: 0.7rem;
|
|
2854
|
+
border-radius: var(--input-border-radius);
|
|
2855
|
+
color: var(--input-color);
|
|
2856
|
+
min-width: calc(var(--input-height) * 3);
|
|
2857
|
+
width: 100%;
|
|
2812
2858
|
}
|
|
2813
2859
|
.input.active,
|
|
2814
2860
|
.bagel-input input:focus-visible,
|
|
2815
2861
|
.bagel-input select:focus-visible,
|
|
2816
2862
|
.bagel-input textarea:focus-visible {
|
|
2817
|
-
|
|
2818
|
-
|
|
2819
|
-
}
|
|
2820
|
-
input[type="number"]::-webkit-inner-spin-button,
|
|
2821
|
-
input[type="number"]::-webkit-outer-spin-button {
|
|
2822
|
-
-webkit-appearance: none;
|
|
2863
|
+
outline: none;
|
|
2864
|
+
box-shadow: inset 0 0 10px #00000012;
|
|
2823
2865
|
}
|
|
2824
|
-
|
|
2825
|
-
|
|
2866
|
+
.bagel-input input[type="number"]::-webkit-inner-spin-button,
|
|
2867
|
+
.bagel-input input[type="number"]::-webkit-outer-spin-button {
|
|
2868
|
+
-webkit-appearance: none;
|
|
2826
2869
|
}
|
|
2827
2870
|
.label-count-0 label {
|
|
2828
|
-
|
|
2871
|
+
display: none;
|
|
2829
2872
|
}
|
|
2830
2873
|
.label-count-0 button.bgl_btn.bgl_flatBtn {
|
|
2831
|
-
|
|
2832
|
-
|
|
2874
|
+
/* background: var(--bgl-blue-light); */
|
|
2875
|
+
margin-right: 5px;
|
|
2833
2876
|
}
|
|
2834
2877
|
.label-count-0 button.bgl_btn.bgl_flatBtn:hover {
|
|
2835
|
-
|
|
2878
|
+
background: var(--bgl-hover-filter);
|
|
2836
2879
|
}
|
|
2837
|
-
input[type="color"] {
|
|
2838
|
-
|
|
2839
|
-
|
|
2840
|
-
|
|
2841
|
-
|
|
2842
|
-
|
|
2843
|
-
|
|
2844
|
-
|
|
2845
|
-
|
|
2846
|
-
|
|
2880
|
+
.bagel-input input[type="color"] {
|
|
2881
|
+
padding: 0.025rem 0.05rem;
|
|
2882
|
+
display: block;
|
|
2883
|
+
width: var(--input-height);
|
|
2884
|
+
height: var(--input-height);
|
|
2885
|
+
border: none;
|
|
2886
|
+
-webkit-appearance: none;
|
|
2887
|
+
-moz-appearance: none;
|
|
2888
|
+
appearance: none;
|
|
2889
|
+
cursor: pointer;
|
|
2847
2890
|
}
|
|
2848
|
-
input[type="color"]::-webkit-color-swatch {
|
|
2849
|
-
|
|
2850
|
-
|
|
2851
|
-
|
|
2891
|
+
.bagel-input input[type="color"]::-webkit-color-swatch {
|
|
2892
|
+
border-radius: var(--input-border-radius);
|
|
2893
|
+
border: none;
|
|
2894
|
+
transition: box-shadow 200ms ease;
|
|
2852
2895
|
}
|
|
2853
|
-
input[type="color"]::-moz-color-swatch {
|
|
2854
|
-
|
|
2855
|
-
|
|
2856
|
-
|
|
2896
|
+
.bagel-input input[type="color"]::-moz-color-swatch {
|
|
2897
|
+
border-radius: var(--input-border-radius);
|
|
2898
|
+
border: none;
|
|
2899
|
+
transition: box-shadow 200ms ease;
|
|
2857
2900
|
}
|
|
2858
|
-
input[type="color"]::-webkit-color-swatch:hover {
|
|
2859
|
-
|
|
2901
|
+
.bagel-input input[type="color"]::-webkit-color-swatch:hover {
|
|
2902
|
+
box-shadow: inset 0 0 10px #00000050;
|
|
2860
2903
|
}
|
|
2861
|
-
input[type="color"]::-moz-color-swatch:hover {
|
|
2862
|
-
|
|
2904
|
+
.bagel-input input[type="color"]::-moz-color-swatch:hover {
|
|
2905
|
+
box-shadow: inset 0 0 10px #00000050;
|
|
2863
2906
|
}
|
|
2864
2907
|
@media screen and (max-width: 910px) {
|
|
2865
|
-
|
|
2866
|
-
|
|
2867
|
-
|
|
2908
|
+
.bagel-input.wider input {
|
|
2909
|
+
min-width: 120px;
|
|
2910
|
+
}
|
|
2868
2911
|
|
|
2869
|
-
|
|
2870
|
-
|
|
2871
|
-
|
|
2872
|
-
|
|
2912
|
+
.bagel-input label {
|
|
2913
|
+
font-size: calc(var(--input-font-size) / 1.1);
|
|
2914
|
+
line-height: 1.2;
|
|
2915
|
+
}
|
|
2873
2916
|
}
|
|
2874
|
-
button,
|
|
2875
2917
|
.bgl_btn,
|
|
2876
2918
|
.bgl_flatBtn,
|
|
2877
2919
|
.bgl_btn-icon {
|
|
2878
|
-
|
|
2879
|
-
|
|
2880
|
-
|
|
2881
|
-
|
|
2882
|
-
|
|
2883
|
-
|
|
2884
|
-
|
|
2885
|
-
|
|
2886
|
-
|
|
2887
|
-
|
|
2888
|
-
|
|
2889
|
-
|
|
2890
|
-
|
|
2920
|
+
font-family: inherit;
|
|
2921
|
+
white-space: nowrap;
|
|
2922
|
+
cursor: pointer;
|
|
2923
|
+
box-sizing: border-box;
|
|
2924
|
+
user-select: none;
|
|
2925
|
+
border: none;
|
|
2926
|
+
transition: var(--bgl-transition);
|
|
2927
|
+
border-radius: var(--btn-border-radius);
|
|
2928
|
+
line-height: var(--btn-height);
|
|
2929
|
+
font-size: var(--input-font-size);
|
|
2930
|
+
display: inline-block;
|
|
2931
|
+
height: var(--btn-height);
|
|
2932
|
+
padding: 0;
|
|
2891
2933
|
}
|
|
2892
2934
|
.btn-close {
|
|
2893
|
-
|
|
2894
|
-
|
|
2895
|
-
|
|
2896
|
-
|
|
2897
|
-
|
|
2898
|
-
|
|
2899
|
-
|
|
2900
|
-
|
|
2901
|
-
|
|
2902
|
-
|
|
2903
|
-
|
|
2904
|
-
|
|
2905
|
-
|
|
2906
|
-
|
|
2935
|
+
margin-top: -20px;
|
|
2936
|
+
margin-inline-end: -20px;
|
|
2937
|
+
margin-inline-start: auto;
|
|
2938
|
+
margin-bottom: 15px;
|
|
2939
|
+
transition: var(--bgl-transition);
|
|
2940
|
+
height: 30px;
|
|
2941
|
+
width: 30px;
|
|
2942
|
+
opacity: 0.6;
|
|
2943
|
+
cursor: pointer;
|
|
2944
|
+
border-radius: 100%;
|
|
2945
|
+
outline: 2px solid transparent;
|
|
2946
|
+
display: flex;
|
|
2947
|
+
align-items: center;
|
|
2948
|
+
justify-content: center;
|
|
2907
2949
|
}
|
|
2908
2950
|
.btn-close:hover {
|
|
2909
|
-
|
|
2910
|
-
|
|
2951
|
+
background: var(--bgl-gray-light);
|
|
2952
|
+
opacity: 1;
|
|
2911
2953
|
}
|
|
2912
2954
|
.btn-close:active {
|
|
2913
|
-
|
|
2955
|
+
background: var(--bgl-gray);
|
|
2914
2956
|
}
|
|
2915
2957
|
.btn-close::before {
|
|
2916
|
-
|
|
2917
|
-
|
|
2958
|
+
content: "close";
|
|
2959
|
+
font-family: "Material Symbols Outlined", serif;
|
|
2918
2960
|
}
|
|
2919
2961
|
.bgl_btn.thin {
|
|
2920
|
-
|
|
2921
|
-
|
|
2962
|
+
height: calc(var(--btn-height) * 0.7);
|
|
2963
|
+
line-height: calc(var(--btn-height) * 0.7);
|
|
2922
2964
|
}
|
|
2923
2965
|
@media screen and (max-width: 910px) {
|
|
2924
|
-
|
|
2925
|
-
|
|
2926
|
-
|
|
2966
|
+
.bgl_btn {
|
|
2967
|
+
padding: 0 20px;
|
|
2968
|
+
}
|
|
2927
2969
|
}
|
|
2928
|
-
h1,
|
|
2929
|
-
h2,
|
|
2930
|
-
h3,
|
|
2931
|
-
h4,
|
|
2932
|
-
h5,
|
|
2933
|
-
h6 {
|
|
2934
|
-
width: max-content;
|
|
2935
|
-
}
|
|
2936
|
-
h1 {}
|
|
2937
|
-
h2 {}
|
|
2938
|
-
h3 {}
|
|
2939
|
-
h4 {}
|
|
2940
|
-
h5 {}
|
|
2941
|
-
h6 {}
|
|
2942
2970
|
.txt-center {
|
|
2943
|
-
|
|
2971
|
+
text-align: center;
|
|
2944
2972
|
}
|
|
2945
2973
|
.txt-start {
|
|
2946
|
-
|
|
2974
|
+
text-align: start;
|
|
2947
2975
|
}
|
|
2948
2976
|
.txt-end {
|
|
2949
|
-
|
|
2977
|
+
text-align: end;
|
|
2950
2978
|
}
|
|
2951
2979
|
.smalltxt {
|
|
2952
|
-
|
|
2980
|
+
font-size: 12px;
|
|
2953
2981
|
}
|
|
2954
2982
|
.txt20 {
|
|
2955
|
-
|
|
2983
|
+
font-size: 20px;
|
|
2956
2984
|
}
|
|
2957
2985
|
.txt18 {
|
|
2958
|
-
|
|
2986
|
+
font-size: 18px;
|
|
2959
2987
|
}
|
|
2960
2988
|
.txt16 {
|
|
2961
|
-
|
|
2989
|
+
font-size: 16px;
|
|
2962
2990
|
}
|
|
2963
2991
|
.txt14 {
|
|
2964
|
-
|
|
2992
|
+
font-size: 14px;
|
|
2965
2993
|
}
|
|
2966
2994
|
.txt12 {
|
|
2967
|
-
|
|
2995
|
+
font-size: 12px;
|
|
2968
2996
|
}
|
|
2969
2997
|
.txt10 {
|
|
2970
|
-
|
|
2998
|
+
font-size: 10px;
|
|
2971
2999
|
}
|
|
2972
3000
|
.txt9 {
|
|
2973
|
-
|
|
3001
|
+
font-size: 9px;
|
|
2974
3002
|
}
|
|
2975
3003
|
.no-margin {
|
|
2976
|
-
|
|
3004
|
+
margin: 0;
|
|
2977
3005
|
}
|
|
2978
3006
|
.txtgray {
|
|
2979
|
-
|
|
3007
|
+
color: var(--bgl-gray);
|
|
2980
3008
|
}
|
|
2981
3009
|
.txtblue {
|
|
2982
|
-
|
|
3010
|
+
color: var(--bgl-primary);
|
|
2983
3011
|
}
|
|
2984
3012
|
.txtblack {
|
|
2985
|
-
|
|
3013
|
+
color: var(--bgl-black);
|
|
2986
3014
|
}
|
|
2987
3015
|
.txtred {
|
|
2988
|
-
|
|
3016
|
+
color: var(--bgl-red);
|
|
2989
3017
|
}
|
|
2990
3018
|
.font-light {
|
|
2991
|
-
|
|
3019
|
+
font-weight: 100;
|
|
2992
3020
|
}
|
|
2993
3021
|
.bold {
|
|
2994
|
-
|
|
3022
|
+
font-weight: 700;
|
|
2995
3023
|
}
|
|
2996
3024
|
.line-height-1 {
|
|
2997
|
-
|
|
3025
|
+
line-height: 1;
|
|
2998
3026
|
}
|
|
2999
3027
|
.ellipsis {
|
|
3000
|
-
|
|
3001
|
-
|
|
3002
|
-
|
|
3003
|
-
|
|
3028
|
+
overflow: hidden;
|
|
3029
|
+
display: block;
|
|
3030
|
+
width: 100%;
|
|
3031
|
+
text-overflow: ellipsis;
|
|
3004
3032
|
}
|
|
3005
3033
|
.pointer {
|
|
3006
|
-
|
|
3034
|
+
cursor: pointer;
|
|
3007
3035
|
}
|
|
3008
3036
|
.decoration-none {
|
|
3009
|
-
|
|
3037
|
+
text-decoration: none;
|
|
3010
3038
|
}
|
|
3011
3039
|
.bgl_icon-font {
|
|
3012
|
-
|
|
3040
|
+
font-family: "Material Symbols Outlined", serif;
|
|
3013
3041
|
}
|
|
3014
3042
|
@media screen and (max-width: 910px) {
|
|
3015
|
-
|
|
3016
|
-
|
|
3017
|
-
|
|
3043
|
+
.txt20 {
|
|
3044
|
+
font-size: 18px;
|
|
3045
|
+
}
|
|
3018
3046
|
|
|
3019
|
-
|
|
3020
|
-
|
|
3021
|
-
|
|
3047
|
+
.txt16 {
|
|
3048
|
+
font-size: 14px;
|
|
3049
|
+
}
|
|
3022
3050
|
|
|
3023
|
-
|
|
3024
|
-
|
|
3025
|
-
|
|
3051
|
+
.txt14 {
|
|
3052
|
+
font-size: 12px;
|
|
3053
|
+
}
|
|
3026
3054
|
}
|
|
3027
3055
|
::-webkit-scrollbar {
|
|
3028
3056
|
width: 0.5em;
|