@bagelink/vue 0.0.276 → 0.0.282
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/ComboBox.vue.d.ts +2 -0
- package/dist/components/ComboBox.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/SelectInput.vue.d.ts.map +1 -1
- package/dist/index.cjs +25 -17
- package/dist/index.mjs +25 -17
- package/dist/plugins/modal.d.ts +1 -1
- package/dist/plugins/modal.d.ts.map +1 -1
- package/dist/style.css +861 -641
- package/package.json +1 -1
- package/src/components/ComboBox.vue +15 -10
- 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/plugins/modal.ts +23 -23
- package/src/styles/buttons.css +13 -3
- package/src/styles/inputs.css +100 -109
- package/src/styles/layout.css +449 -191
- package/src/styles/text.css +80 -59
package/dist/style.css
CHANGED
|
@@ -897,28 +897,32 @@ th[data-v-2137a7a8] {
|
|
|
897
897
|
}
|
|
898
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
899
|
|
|
900
|
-
.combobox[data-v-
|
|
900
|
+
.combobox[data-v-6c62bdf1] {
|
|
901
901
|
width: 100%;
|
|
902
902
|
}
|
|
903
|
-
.combobox-option[data-v-
|
|
903
|
+
.combobox-option[data-v-6c62bdf1] {
|
|
904
904
|
padding: 6px 12px;
|
|
905
905
|
cursor: pointer;
|
|
906
906
|
border-radius: 5px;
|
|
907
907
|
transition: all 0.2s;
|
|
908
908
|
display: flex;
|
|
909
909
|
justify-content: space-between;
|
|
910
|
-
width:
|
|
910
|
+
width: 100%;
|
|
911
911
|
}
|
|
912
|
-
.combobox-options[data-v-
|
|
912
|
+
.combobox-options[data-v-6c62bdf1] {
|
|
913
913
|
max-height: 300px;
|
|
914
914
|
overflow-y: auto;
|
|
915
915
|
}
|
|
916
|
-
.combobox-option[data-v-
|
|
916
|
+
.combobox-option[data-v-6c62bdf1]:hover {
|
|
917
917
|
background: var(--bgl-gray-20);
|
|
918
918
|
}
|
|
919
919
|
|
|
920
|
-
.combobox-btn
|
|
920
|
+
.combobox-btn {
|
|
921
|
+
display: flex;
|
|
921
922
|
justify-content: space-between;
|
|
923
|
+
align-items: center;
|
|
924
|
+
height: var(--input-height);
|
|
925
|
+
border-radius: var(--input-border-radius);
|
|
922
926
|
}
|
|
923
927
|
.v-popper__arrow-container {
|
|
924
928
|
display: none;
|
|
@@ -1094,62 +1098,62 @@ th[data-v-2137a7a8] {
|
|
|
1094
1098
|
}
|
|
1095
1099
|
|
|
1096
1100
|
:root {
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1101
|
+
--bgl-white: #fff;
|
|
1102
|
+
--input-height: 40px;
|
|
1103
|
+
--input-border-radius: 7px;
|
|
1104
|
+
--bgl-transition: all 200ms ease;
|
|
1105
|
+
--bgl-primary: #19b8ea;
|
|
1102
1106
|
}
|
|
1103
1107
|
|
|
1104
|
-
.bgl-checkbox[data-v-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1108
|
+
.bgl-checkbox[data-v-e8219826] {
|
|
1109
|
+
position: relative;
|
|
1110
|
+
display: flex;
|
|
1111
|
+
flex-direction: row;
|
|
1112
|
+
align-items: center;
|
|
1109
1113
|
}
|
|
1110
|
-
.bgl-checkbox input[type=checkbox][data-v-
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
+
.bgl-checkbox input[type=checkbox][data-v-e8219826] {
|
|
1115
|
+
position: absolute;
|
|
1116
|
+
opacity: 0;
|
|
1117
|
+
z-index: -1;
|
|
1114
1118
|
}
|
|
1115
|
-
.bgl-checkbox label[data-v-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
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;
|
|
1120
1124
|
}
|
|
1121
|
-
.bgl-checkbox[data-v-
|
|
1122
|
-
|
|
1125
|
+
.bgl-checkbox[data-v-e8219826]:hover {
|
|
1126
|
+
filter: brightness(95%);
|
|
1123
1127
|
}
|
|
1124
|
-
.bgl-checkbox[data-v-
|
|
1125
|
-
|
|
1128
|
+
.bgl-checkbox[data-v-e8219826]:active {
|
|
1129
|
+
filter: var(--bgl-active-filter);
|
|
1126
1130
|
}
|
|
1127
|
-
.bgl-checkbox .check-square[data-v-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
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;
|
|
1137
1141
|
}
|
|
1138
|
-
.check-square.checked[data-v-
|
|
1139
|
-
|
|
1142
|
+
.check-square.checked[data-v-e8219826] {
|
|
1143
|
+
background: var(--bgl-primary);
|
|
1140
1144
|
}
|
|
1141
|
-
.bgl-checkbox svg[data-v-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
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);
|
|
1150
1154
|
}
|
|
1151
|
-
.check-square.checked svg[data-v-
|
|
1152
|
-
|
|
1155
|
+
.check-square.checked svg[data-v-e8219826] {
|
|
1156
|
+
transform: scale(1);
|
|
1153
1157
|
}
|
|
1154
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 */
|
|
1155
1159
|
|
|
@@ -1168,183 +1172,183 @@ th[data-v-2137a7a8] {
|
|
|
1168
1172
|
}
|
|
1169
1173
|
|
|
1170
1174
|
fieldset[disabled] .multiselect {
|
|
1171
|
-
|
|
1175
|
+
pointer-events: none;
|
|
1172
1176
|
}
|
|
1173
1177
|
.multiselect__spinner {
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
|
|
1178
|
+
position: absolute;
|
|
1179
|
+
right: 1px;
|
|
1180
|
+
top: 1px;
|
|
1181
|
+
width: 40px;
|
|
1182
|
+
height: 38px;
|
|
1183
|
+
background: #fff;
|
|
1184
|
+
display: block;
|
|
1181
1185
|
}
|
|
1182
1186
|
.multiselect__spinner::before,
|
|
1183
1187
|
.multiselect__spinner::after {
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
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;
|
|
1196
1200
|
}
|
|
1197
1201
|
.multiselect__spinner::before {
|
|
1198
|
-
|
|
1199
|
-
|
|
1202
|
+
animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
|
|
1203
|
+
animation-iteration-count: infinite;
|
|
1200
1204
|
}
|
|
1201
1205
|
.multiselect__spinner::after {
|
|
1202
|
-
|
|
1203
|
-
|
|
1206
|
+
animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
|
|
1207
|
+
animation-iteration-count: infinite;
|
|
1204
1208
|
}
|
|
1205
1209
|
.multiselect__loading-enter-active,
|
|
1206
1210
|
.multiselect__loading-leave-active {
|
|
1207
|
-
|
|
1208
|
-
|
|
1211
|
+
transition: opacity 0.4s ease-in-out;
|
|
1212
|
+
opacity: 1;
|
|
1209
1213
|
}
|
|
1210
1214
|
.multiselect__loading-enter,
|
|
1211
1215
|
.multiselect__loading-leave-active {
|
|
1212
|
-
|
|
1216
|
+
opacity: 0;
|
|
1213
1217
|
}
|
|
1214
1218
|
.multiselect,
|
|
1215
1219
|
.multiselect__input,
|
|
1216
1220
|
.multiselect__single {
|
|
1217
|
-
|
|
1218
|
-
|
|
1219
|
-
|
|
1221
|
+
font-family: inherit;
|
|
1222
|
+
font-size: var(--input-font-size);
|
|
1223
|
+
touch-action: manipulation;
|
|
1220
1224
|
}
|
|
1221
1225
|
.multiselect {
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
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);
|
|
1229
1233
|
}
|
|
1230
1234
|
.multiselect * {
|
|
1231
|
-
|
|
1235
|
+
box-sizing: border-box;
|
|
1232
1236
|
}
|
|
1233
1237
|
.multiselect:focus {
|
|
1234
|
-
|
|
1238
|
+
outline: none;
|
|
1235
1239
|
}
|
|
1236
1240
|
.multiselect--disabled {
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
|
|
1241
|
+
background: #ededed;
|
|
1242
|
+
pointer-events: none;
|
|
1243
|
+
opacity: 0.6;
|
|
1240
1244
|
}
|
|
1241
1245
|
.multiselect--active {
|
|
1242
|
-
|
|
1246
|
+
z-index: 50;
|
|
1243
1247
|
}
|
|
1244
1248
|
.multiselect--active:not(.multiselect--above) .multiselect__current,
|
|
1245
1249
|
.multiselect--active:not(.multiselect--above) .multiselect__input,
|
|
1246
1250
|
.multiselect--active:not(.multiselect--above) .multiselect__tags {
|
|
1247
|
-
|
|
1248
|
-
|
|
1251
|
+
border-bottom-left-radius: 0;
|
|
1252
|
+
border-bottom-right-radius: 0;
|
|
1249
1253
|
}
|
|
1250
1254
|
.multiselect--active:not(.multiselect--above) .multiselect__tags {
|
|
1251
|
-
|
|
1255
|
+
box-shadow: inset 0 0 10px #00000012;
|
|
1252
1256
|
}
|
|
1253
1257
|
.multiselect--active .multiselect__select {
|
|
1254
|
-
|
|
1258
|
+
transform: rotateZ(180deg);
|
|
1255
1259
|
}
|
|
1256
1260
|
.multiselect--above.multiselect--active .multiselect__current,
|
|
1257
1261
|
.multiselect--above.multiselect--active .multiselect__input,
|
|
1258
1262
|
.multiselect--above.multiselect--active .multiselect__tags {
|
|
1259
|
-
|
|
1260
|
-
|
|
1263
|
+
border-top-left-radius: 0;
|
|
1264
|
+
border-top-right-radius: 0;
|
|
1261
1265
|
}
|
|
1262
1266
|
.multiselect__input,
|
|
1263
1267
|
.multiselect__single {
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
|
|
1271
|
-
|
|
1272
|
-
|
|
1273
|
-
|
|
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;
|
|
1274
1278
|
}
|
|
1275
1279
|
.multiselect--active .multiselect__input {
|
|
1276
|
-
|
|
1280
|
+
margin-top: -0.6rem;
|
|
1277
1281
|
}
|
|
1278
1282
|
.multiselect__input::placeholder {
|
|
1279
|
-
|
|
1283
|
+
color: var(--input-color);
|
|
1280
1284
|
}
|
|
1281
1285
|
.multiselect__tag~.multiselect__input,
|
|
1282
1286
|
.multiselect__tag~.multiselect__single {
|
|
1283
|
-
|
|
1287
|
+
width: auto;
|
|
1284
1288
|
}
|
|
1285
1289
|
.multiselect__input:hover,
|
|
1286
1290
|
.multiselect__single:hover {
|
|
1287
|
-
|
|
1291
|
+
border-color: #cfcfcf;
|
|
1288
1292
|
}
|
|
1289
1293
|
.multiselect__input:focus,
|
|
1290
1294
|
.multiselect__single:focus {
|
|
1291
|
-
|
|
1292
|
-
|
|
1295
|
+
border-color: #a8a8a8;
|
|
1296
|
+
outline: none;
|
|
1293
1297
|
}
|
|
1294
1298
|
.multiselect__single {
|
|
1295
|
-
|
|
1296
|
-
|
|
1299
|
+
/* padding-left: 5px; */
|
|
1300
|
+
margin-bottom: 8px;
|
|
1297
1301
|
}
|
|
1298
1302
|
.multiselect__tags-wrap {
|
|
1299
|
-
|
|
1303
|
+
display: inline;
|
|
1300
1304
|
}
|
|
1301
1305
|
.multiselect__tags {
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
|
|
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;
|
|
1313
1317
|
}
|
|
1314
1318
|
.multiselect__tag {
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
|
|
1318
|
-
|
|
1319
|
-
|
|
1320
|
-
|
|
1321
|
-
|
|
1322
|
-
|
|
1323
|
-
|
|
1324
|
-
|
|
1325
|
-
|
|
1326
|
-
|
|
1327
|
-
|
|
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;
|
|
1328
1332
|
}
|
|
1329
1333
|
.multiselect__tag-icon {
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
|
|
1336
|
-
|
|
1337
|
-
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
|
|
1342
|
-
|
|
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;
|
|
1343
1347
|
}
|
|
1344
1348
|
.multiselect__tag-icon::after {
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1349
|
+
content: "×";
|
|
1350
|
+
color: #266d4d;
|
|
1351
|
+
font-size: 14px;
|
|
1348
1352
|
}
|
|
1349
1353
|
|
|
1350
1354
|
/* // Remove these lines to avoid green closing button
|
|
@@ -1354,212 +1358,212 @@ fieldset[disabled] .multiselect {
|
|
|
1354
1358
|
//} */
|
|
1355
1359
|
.multiselect__tag-icon:focus::after,
|
|
1356
1360
|
.multiselect__tag-icon:hover::after {
|
|
1357
|
-
|
|
1361
|
+
color: white;
|
|
1358
1362
|
}
|
|
1359
1363
|
.multiselect__current {
|
|
1360
|
-
|
|
1361
|
-
|
|
1362
|
-
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
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;
|
|
1373
1377
|
}
|
|
1374
1378
|
.multiselect__select {
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
|
|
1381
|
-
|
|
1382
|
-
|
|
1383
|
-
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
|
|
1389
|
-
|
|
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);
|
|
1390
1394
|
}
|
|
1391
1395
|
.multiselect__select::before {
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
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>");
|
|
1397
1401
|
}
|
|
1398
1402
|
.multiselect__placeholder {
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
|
|
1403
|
+
color: var(--placeholder-color);
|
|
1404
|
+
display: inline-block;
|
|
1405
|
+
margin-bottom: 10px;
|
|
1402
1406
|
}
|
|
1403
1407
|
.multiselect--active .multiselect__placeholder {
|
|
1404
|
-
|
|
1408
|
+
display: none;
|
|
1405
1409
|
}
|
|
1406
1410
|
.multiselect__content-wrapper {
|
|
1407
|
-
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
|
|
1414
|
-
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
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;
|
|
1419
1423
|
}
|
|
1420
1424
|
.multiselect__content {
|
|
1421
|
-
|
|
1422
|
-
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1425
|
+
list-style: none;
|
|
1426
|
+
display: inline-block;
|
|
1427
|
+
padding: 0;
|
|
1428
|
+
margin: 0;
|
|
1429
|
+
min-width: 100%;
|
|
1430
|
+
vertical-align: top;
|
|
1427
1431
|
}
|
|
1428
1432
|
.multiselect--above .multiselect__content-wrapper {
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
|
|
1435
|
-
|
|
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;
|
|
1436
1440
|
}
|
|
1437
1441
|
.multiselect__content::-webkit-scrollbar {
|
|
1438
|
-
|
|
1442
|
+
display: none;
|
|
1439
1443
|
}
|
|
1440
1444
|
.multiselect__element {
|
|
1441
|
-
|
|
1445
|
+
display: block;
|
|
1442
1446
|
}
|
|
1443
1447
|
.multiselect__option {
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
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;
|
|
1453
1457
|
}
|
|
1454
1458
|
.multiselect__option::after {
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
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;
|
|
1463
1467
|
}
|
|
1464
1468
|
.multiselect__option--highlight {
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
|
|
1469
|
+
background: var(--bgl-primary-light);
|
|
1470
|
+
outline: none;
|
|
1471
|
+
color: var(--bgl-primary);
|
|
1468
1472
|
}
|
|
1469
1473
|
.multiselect__option--selected {
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1474
|
+
background: var(--bgl-primary);
|
|
1475
|
+
color: var(--bgl-white);
|
|
1476
|
+
font-weight: bold;
|
|
1473
1477
|
}
|
|
1474
1478
|
.multiselect__option--selected.multiselect__option--highlight {
|
|
1475
|
-
|
|
1476
|
-
|
|
1479
|
+
filter: brightness(0.9);
|
|
1480
|
+
color: #fff;
|
|
1477
1481
|
}
|
|
1478
1482
|
.multiselect__option--selected.multiselect__option--highlight::after {
|
|
1479
|
-
|
|
1480
|
-
|
|
1483
|
+
content: "✕";
|
|
1484
|
+
color: var(--bgl-white);
|
|
1481
1485
|
}
|
|
1482
1486
|
.multiselect--disabled .multiselect__current,
|
|
1483
1487
|
.multiselect--disabled .multiselect__select {
|
|
1484
|
-
|
|
1485
|
-
|
|
1488
|
+
background: #ededed;
|
|
1489
|
+
color: #a6a6a6;
|
|
1486
1490
|
}
|
|
1487
1491
|
.multiselect__option--disabled {
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
+
background: #ededed !important;
|
|
1493
|
+
color: #a6a6a6 !important;
|
|
1494
|
+
cursor: text;
|
|
1495
|
+
pointer-events: none;
|
|
1492
1496
|
}
|
|
1493
1497
|
.multiselect__option--group {
|
|
1494
|
-
|
|
1495
|
-
|
|
1498
|
+
background: #ededed;
|
|
1499
|
+
color: var(--input-color);
|
|
1496
1500
|
}
|
|
1497
1501
|
.multiselect__option--group.multiselect__option--highlight {
|
|
1498
|
-
|
|
1499
|
-
|
|
1502
|
+
background: var(--input-color);
|
|
1503
|
+
color: #fff;
|
|
1500
1504
|
}
|
|
1501
1505
|
.multiselect__option--group.multiselect__option--highlight::after {
|
|
1502
|
-
|
|
1506
|
+
background: var(--input-color);
|
|
1503
1507
|
}
|
|
1504
1508
|
.multiselect__option--disabled.multiselect__option--highlight {
|
|
1505
|
-
|
|
1509
|
+
background: #dedede;
|
|
1506
1510
|
}
|
|
1507
1511
|
.multiselect__option--group-selected.multiselect__option--highlight {
|
|
1508
|
-
|
|
1509
|
-
|
|
1512
|
+
background: var(--bgl-red);
|
|
1513
|
+
color: #fff;
|
|
1510
1514
|
}
|
|
1511
1515
|
.multiselect__option--group-selected.multiselect__option--highlight::after {
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1516
|
+
background: var(--bgl-red);
|
|
1517
|
+
content: attr(data-deselect);
|
|
1518
|
+
color: #fff;
|
|
1515
1519
|
}
|
|
1516
1520
|
.multiselect-enter-active,
|
|
1517
1521
|
.multiselect-leave-active {
|
|
1518
|
-
|
|
1522
|
+
transition: all 0.15s ease;
|
|
1519
1523
|
}
|
|
1520
1524
|
.multiselect-enter,
|
|
1521
1525
|
.multiselect-leave-active {
|
|
1522
|
-
|
|
1526
|
+
opacity: 0;
|
|
1523
1527
|
}
|
|
1524
1528
|
.multiselect__strong {
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
+
margin-bottom: 8px;
|
|
1530
|
+
line-height: 20px;
|
|
1531
|
+
display: inline-block;
|
|
1532
|
+
vertical-align: top;
|
|
1529
1533
|
}
|
|
1530
1534
|
*[dir="rtl"] .multiselect {
|
|
1531
|
-
|
|
1535
|
+
text-align: right;
|
|
1532
1536
|
}
|
|
1533
1537
|
*[dir="rtl"] .multiselect__select {
|
|
1534
|
-
|
|
1535
|
-
|
|
1538
|
+
right: auto;
|
|
1539
|
+
left: 1px;
|
|
1536
1540
|
}
|
|
1537
1541
|
*[dir="rtl"] .multiselect__tags {
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
|
|
1542
|
+
padding: calc(var(--input-height) / 2);
|
|
1543
|
+
padding-inline-end: 40px;
|
|
1544
|
+
padding-inline-start: 0.7rem;
|
|
1541
1545
|
}
|
|
1542
1546
|
*[dir="rtl"] .multiselect__content {
|
|
1543
|
-
|
|
1547
|
+
text-align: right;
|
|
1544
1548
|
}
|
|
1545
1549
|
*[dir="rtl"] .multiselect__option::after {
|
|
1546
|
-
|
|
1547
|
-
|
|
1550
|
+
right: auto;
|
|
1551
|
+
left: 0;
|
|
1548
1552
|
}
|
|
1549
1553
|
*[dir="rtl"] .multiselect__clear {
|
|
1550
|
-
|
|
1551
|
-
|
|
1554
|
+
right: auto;
|
|
1555
|
+
left: 12px;
|
|
1552
1556
|
}
|
|
1553
1557
|
*[dir="rtl"] .multiselect__spinner {
|
|
1554
|
-
|
|
1555
|
-
|
|
1558
|
+
right: auto;
|
|
1559
|
+
left: 1px;
|
|
1556
1560
|
}
|
|
1557
1561
|
@keyframes spinning {
|
|
1558
1562
|
from {
|
|
1559
|
-
|
|
1563
|
+
transform: rotate(0);
|
|
1560
1564
|
}
|
|
1561
1565
|
to {
|
|
1562
|
-
|
|
1566
|
+
transform: rotate(2turn);
|
|
1563
1567
|
}
|
|
1564
1568
|
}
|
|
1565
1569
|
|
|
@@ -2206,130 +2210,124 @@ img.preview[data-v-1be8d7b1] {
|
|
|
2206
2210
|
|
|
2207
2211
|
|
|
2208
2212
|
.grid {
|
|
2209
|
-
|
|
2213
|
+
display: grid;
|
|
2210
2214
|
}
|
|
2211
2215
|
.inline-grid {
|
|
2212
|
-
|
|
2216
|
+
display: inline-grid;
|
|
2213
2217
|
}
|
|
2214
2218
|
.fill {
|
|
2215
|
-
|
|
2216
|
-
|
|
2219
|
+
width: 100vw;
|
|
2220
|
+
height: 100vh;
|
|
2217
2221
|
}
|
|
2218
2222
|
.justify-items-center {
|
|
2219
|
-
|
|
2223
|
+
justify-items: center;
|
|
2220
2224
|
}
|
|
2221
2225
|
.justify-content-center {
|
|
2222
|
-
|
|
2226
|
+
justify-content: center;
|
|
2223
2227
|
}
|
|
2224
2228
|
.justify-content-start {
|
|
2225
|
-
|
|
2229
|
+
justify-content: start;
|
|
2226
2230
|
}
|
|
2227
2231
|
.align-content-center {
|
|
2228
|
-
|
|
2232
|
+
align-content: center;
|
|
2229
2233
|
}
|
|
2230
2234
|
.align-items-top {
|
|
2231
|
-
|
|
2235
|
+
align-items: flex-start !important;
|
|
2232
2236
|
}
|
|
2233
2237
|
.align-items-center {
|
|
2234
|
-
|
|
2238
|
+
align-items: center;
|
|
2235
2239
|
}
|
|
2236
2240
|
.row-gap-1 {
|
|
2237
|
-
|
|
2241
|
+
row-gap: 0.2rem;
|
|
2238
2242
|
}
|
|
2239
2243
|
.row-gap-2 {
|
|
2240
|
-
|
|
2244
|
+
row-gap: 0.5rem;
|
|
2241
2245
|
}
|
|
2242
2246
|
.row-gap-3 {
|
|
2243
|
-
|
|
2247
|
+
row-gap: 1rem;
|
|
2244
2248
|
}
|
|
2245
2249
|
.align-items-end {
|
|
2246
|
-
|
|
2250
|
+
align-items: end !important;
|
|
2247
2251
|
}
|
|
2248
2252
|
.fit-content {
|
|
2249
|
-
|
|
2250
|
-
|
|
2253
|
+
width: fit-content;
|
|
2254
|
+
height: fit-content;
|
|
2251
2255
|
}
|
|
2252
2256
|
.margin-auto {
|
|
2253
|
-
|
|
2254
|
-
|
|
2257
|
+
margin-left: auto;
|
|
2258
|
+
margin-right: auto;
|
|
2255
2259
|
}
|
|
2256
2260
|
.auto-flow-columns {
|
|
2257
|
-
|
|
2261
|
+
grid-auto-flow: column;
|
|
2258
2262
|
}
|
|
2259
2263
|
.grid-2-col {
|
|
2260
|
-
|
|
2264
|
+
grid-template-columns: 1fr 1fr;
|
|
2261
2265
|
}
|
|
2262
2266
|
.justify-content-between {
|
|
2263
|
-
|
|
2267
|
+
justify-content: space-between;
|
|
2264
2268
|
}
|
|
2265
2269
|
.justify-self-start {
|
|
2266
|
-
|
|
2270
|
+
justify-self: start;
|
|
2267
2271
|
}
|
|
2268
2272
|
.columns-max-content {
|
|
2269
|
-
|
|
2273
|
+
grid-auto-columns: max-content;
|
|
2270
2274
|
}
|
|
2271
2275
|
.w-100 {
|
|
2272
|
-
|
|
2276
|
+
width: 100%;
|
|
2273
2277
|
}
|
|
2274
2278
|
.col-gap-1 {
|
|
2275
|
-
|
|
2279
|
+
column-gap: 1rem;
|
|
2276
2280
|
}
|
|
2277
2281
|
.col-gap-05 {
|
|
2278
|
-
|
|
2282
|
+
column-gap: 0.5rem;
|
|
2279
2283
|
}
|
|
2280
2284
|
.rows-max-content {
|
|
2281
|
-
|
|
2285
|
+
grid-auto-rows: max-content;
|
|
2282
2286
|
}
|
|
2283
|
-
.grid.overflow
|
|
2284
|
-
|
|
2285
|
-
|
|
2287
|
+
.grid.overflow>* {
|
|
2288
|
+
min-width: 0px;
|
|
2289
|
+
overflow: auto;
|
|
2286
2290
|
}
|
|
2287
2291
|
.ps-1 {
|
|
2288
|
-
|
|
2292
|
+
padding-left: 1rem;
|
|
2289
2293
|
}
|
|
2290
2294
|
.justify-content-around {
|
|
2291
|
-
|
|
2295
|
+
justify-content: space-between;
|
|
2292
2296
|
}
|
|
2293
2297
|
.justify-content-end {
|
|
2294
|
-
|
|
2298
|
+
justify-content: end;
|
|
2295
2299
|
}
|
|
2296
2300
|
.justify-self-end {
|
|
2297
|
-
|
|
2301
|
+
justify-self: end;
|
|
2298
2302
|
}
|
|
2299
2303
|
.justify-self-center {
|
|
2300
|
-
|
|
2304
|
+
justify-self: center;
|
|
2301
2305
|
}
|
|
2302
2306
|
.position-right {
|
|
2303
|
-
|
|
2304
|
-
|
|
2305
|
-
|
|
2307
|
+
position: absolute;
|
|
2308
|
+
top: 0px;
|
|
2309
|
+
right: 0px;
|
|
2306
2310
|
}
|
|
2307
2311
|
.position-absolute {
|
|
2308
|
-
|
|
2312
|
+
position: absolute;
|
|
2309
2313
|
}
|
|
2310
2314
|
.position-relative {
|
|
2311
|
-
|
|
2315
|
+
position: relative;
|
|
2312
2316
|
}
|
|
2313
2317
|
.auto-flow-rows {
|
|
2314
|
-
|
|
2318
|
+
grid-auto-flow: row;
|
|
2315
2319
|
}
|
|
2316
2320
|
.align-items-start {
|
|
2317
|
-
|
|
2321
|
+
align-items: start !important;
|
|
2318
2322
|
}
|
|
2319
2323
|
.align-self-end {
|
|
2320
|
-
|
|
2321
|
-
}
|
|
2322
|
-
.h-100 {
|
|
2323
|
-
height: 100%;
|
|
2324
|
-
}
|
|
2325
|
-
.vh-100 {
|
|
2326
|
-
height: 100vh;
|
|
2324
|
+
align-self: end;
|
|
2327
2325
|
}
|
|
2328
2326
|
.min-100 {
|
|
2329
|
-
|
|
2327
|
+
min-height: 100%;
|
|
2330
2328
|
}
|
|
2331
2329
|
.w-100 {
|
|
2332
|
-
|
|
2330
|
+
width: 100%;
|
|
2333
2331
|
}
|
|
2334
2332
|
.w300,
|
|
2335
2333
|
.w350,
|
|
@@ -2340,585 +2338,783 @@ img.preview[data-v-1be8d7b1] {
|
|
|
2340
2338
|
.w600,
|
|
2341
2339
|
.w650,
|
|
2342
2340
|
.w700 {
|
|
2343
|
-
|
|
2344
|
-
|
|
2345
|
-
|
|
2341
|
+
margin-left: auto;
|
|
2342
|
+
margin-right: auto;
|
|
2343
|
+
width: 98%;
|
|
2346
2344
|
}
|
|
2347
2345
|
.w300 {
|
|
2348
|
-
|
|
2346
|
+
max-width: 300px;
|
|
2349
2347
|
}
|
|
2350
2348
|
.w350 {
|
|
2351
|
-
|
|
2349
|
+
max-width: 350px;
|
|
2352
2350
|
}
|
|
2353
2351
|
.w400 {
|
|
2354
|
-
|
|
2352
|
+
max-width: 400px;
|
|
2355
2353
|
}
|
|
2356
2354
|
.w450 {
|
|
2357
|
-
|
|
2355
|
+
max-width: 450px;
|
|
2358
2356
|
}
|
|
2359
2357
|
.w500 {
|
|
2360
|
-
|
|
2358
|
+
max-width: 500px;
|
|
2361
2359
|
}
|
|
2362
2360
|
.w550 {
|
|
2363
|
-
|
|
2361
|
+
max-width: 550px;
|
|
2364
2362
|
}
|
|
2365
2363
|
.w600 {
|
|
2366
|
-
|
|
2364
|
+
max-width: 600px;
|
|
2367
2365
|
}
|
|
2368
2366
|
.w650 {
|
|
2369
|
-
|
|
2367
|
+
max-width: 650px;
|
|
2370
2368
|
}
|
|
2371
2369
|
.w650 {
|
|
2372
|
-
|
|
2370
|
+
max-width: 700px;
|
|
2373
2371
|
}
|
|
2374
2372
|
.gap-1 {
|
|
2375
|
-
|
|
2373
|
+
gap: 0.25rem;
|
|
2376
2374
|
}
|
|
2377
2375
|
.gap-2 {
|
|
2378
|
-
|
|
2376
|
+
gap: 0.5rem;
|
|
2379
2377
|
}
|
|
2380
2378
|
.gap-3 {
|
|
2381
|
-
|
|
2379
|
+
gap: 1rem;
|
|
2382
2380
|
}
|
|
2383
2381
|
.gap-col-1 {
|
|
2384
|
-
|
|
2382
|
+
column-gap: 0.25rem;
|
|
2385
2383
|
}
|
|
2386
2384
|
.gap-col-2 {
|
|
2387
|
-
|
|
2385
|
+
column-gap: 0.5rem;
|
|
2388
2386
|
}
|
|
2389
2387
|
.gap-col-3 {
|
|
2390
|
-
|
|
2388
|
+
column-gap: 1rem;
|
|
2391
2389
|
}
|
|
2392
2390
|
.gap-row-1 {
|
|
2393
|
-
|
|
2391
|
+
row-gap: 0.25rem;
|
|
2394
2392
|
}
|
|
2395
2393
|
.gap-row-2 {
|
|
2396
|
-
|
|
2394
|
+
row-gap: 0.5rem;
|
|
2397
2395
|
}
|
|
2398
2396
|
.gap-row-3 {
|
|
2399
|
-
|
|
2397
|
+
row-gap: 1rem;
|
|
2400
2398
|
}
|
|
2401
2399
|
.flex-wrap {
|
|
2402
|
-
|
|
2400
|
+
flex-wrap: wrap;
|
|
2403
2401
|
}
|
|
2404
2402
|
.column {
|
|
2405
|
-
|
|
2403
|
+
flex-direction: column;
|
|
2406
2404
|
}
|
|
2407
2405
|
.row {
|
|
2408
|
-
|
|
2406
|
+
flex-direction: row;
|
|
2409
2407
|
}
|
|
2410
2408
|
.flex-grow {
|
|
2411
|
-
|
|
2409
|
+
flex-grow: 1;
|
|
2412
2410
|
}
|
|
2413
2411
|
.flex-shrink {
|
|
2414
|
-
|
|
2412
|
+
flex-shrink: 1;
|
|
2415
2413
|
}
|
|
2416
2414
|
.flex-2-col {
|
|
2417
|
-
|
|
2418
|
-
|
|
2415
|
+
max-width: 50%;
|
|
2416
|
+
flex: 1 1 calc(50% - 2rem);
|
|
2419
2417
|
}
|
|
2420
2418
|
.flex-3-col {
|
|
2421
|
-
|
|
2419
|
+
flex: 1 1 33.33333%;
|
|
2422
2420
|
}
|
|
2423
2421
|
.mb-auto {
|
|
2424
|
-
|
|
2422
|
+
margin-bottom: auto !important;
|
|
2425
2423
|
}
|
|
2426
2424
|
.mb-0 {
|
|
2427
|
-
|
|
2425
|
+
margin-bottom: 0rem !important;
|
|
2428
2426
|
}
|
|
2429
2427
|
.mb-025 {
|
|
2430
|
-
|
|
2428
|
+
margin-bottom: 0.25rem !important;
|
|
2431
2429
|
}
|
|
2432
2430
|
.mb-05 {
|
|
2433
|
-
|
|
2431
|
+
margin-bottom: 0.5rem !important;
|
|
2434
2432
|
}
|
|
2435
2433
|
.mb-075 {
|
|
2436
|
-
|
|
2434
|
+
margin-bottom: 0.75rem !important;
|
|
2437
2435
|
}
|
|
2438
2436
|
.mb-1 {
|
|
2439
|
-
|
|
2437
|
+
margin-bottom: 1rem !important;
|
|
2440
2438
|
}
|
|
2441
2439
|
.mb-2 {
|
|
2442
|
-
|
|
2440
|
+
margin-bottom: 2rem !important;
|
|
2443
2441
|
}
|
|
2444
2442
|
.mb-3 {
|
|
2445
|
-
|
|
2443
|
+
margin-bottom: 3rem !important;
|
|
2446
2444
|
}
|
|
2447
2445
|
.mb-4 {
|
|
2448
|
-
|
|
2446
|
+
margin-bottom: 4rem !important;
|
|
2449
2447
|
}
|
|
2450
2448
|
.mt-auto {
|
|
2451
|
-
|
|
2449
|
+
margin-top: auto !important;
|
|
2452
2450
|
}
|
|
2453
2451
|
.mt-0 {
|
|
2454
|
-
|
|
2452
|
+
margin-top: 0rem !important;
|
|
2455
2453
|
}
|
|
2456
2454
|
.mt-025 {
|
|
2457
|
-
|
|
2455
|
+
margin-top: 0.25rem !important;
|
|
2458
2456
|
}
|
|
2459
2457
|
.mt-05 {
|
|
2460
|
-
|
|
2458
|
+
margin-top: 0.5rem !important;
|
|
2461
2459
|
}
|
|
2462
2460
|
.mt-075 {
|
|
2463
|
-
|
|
2461
|
+
margin-top: 0.75rem !important;
|
|
2464
2462
|
}
|
|
2465
2463
|
.mt-1 {
|
|
2466
|
-
|
|
2464
|
+
margin-top: 1rem !important;
|
|
2467
2465
|
}
|
|
2468
2466
|
.mt-2 {
|
|
2469
|
-
|
|
2467
|
+
margin-top: 2rem !important;
|
|
2470
2468
|
}
|
|
2471
2469
|
.mt-3 {
|
|
2472
|
-
|
|
2470
|
+
margin-top: 3rem !important;
|
|
2473
2471
|
}
|
|
2474
2472
|
.mt-4 {
|
|
2475
|
-
|
|
2473
|
+
margin-top: 4rem !important;
|
|
2476
2474
|
}
|
|
2477
2475
|
.ms-auto {
|
|
2478
|
-
|
|
2476
|
+
margin-inline-start: auto !important;
|
|
2479
2477
|
}
|
|
2480
2478
|
.ms-0 {
|
|
2481
|
-
|
|
2479
|
+
margin-inline-start: 0rem !important;
|
|
2482
2480
|
}
|
|
2483
2481
|
.ms-025 {
|
|
2484
|
-
|
|
2482
|
+
margin-inline-start: 0.25rem !important;
|
|
2485
2483
|
}
|
|
2486
2484
|
.ms-05 {
|
|
2487
|
-
|
|
2485
|
+
margin-inline-start: 0.5rem !important;
|
|
2488
2486
|
}
|
|
2489
2487
|
.ms-075 {
|
|
2490
|
-
|
|
2488
|
+
margin-inline-start: 0.75rem !important;
|
|
2491
2489
|
}
|
|
2492
2490
|
.ms-1 {
|
|
2493
|
-
|
|
2491
|
+
margin-inline-start: 1rem !important;
|
|
2494
2492
|
}
|
|
2495
2493
|
.ms-2 {
|
|
2496
|
-
|
|
2494
|
+
margin-inline-start: 2rem !important;
|
|
2497
2495
|
}
|
|
2498
2496
|
.ms-3 {
|
|
2499
|
-
|
|
2497
|
+
margin-inline-start: 3rem !important;
|
|
2500
2498
|
}
|
|
2501
2499
|
.ms-4 {
|
|
2502
|
-
|
|
2500
|
+
margin-inline-start: 4rem !important;
|
|
2503
2501
|
}
|
|
2504
2502
|
.me-auto {
|
|
2505
|
-
|
|
2503
|
+
margin-inline-end: auto !important;
|
|
2506
2504
|
}
|
|
2507
2505
|
.me-0 {
|
|
2508
|
-
|
|
2506
|
+
margin-inline-end: 0rem !important;
|
|
2509
2507
|
}
|
|
2510
2508
|
.me-025 {
|
|
2511
|
-
|
|
2509
|
+
margin-inline-end: 0.25rem !important;
|
|
2512
2510
|
}
|
|
2513
2511
|
.me-05 {
|
|
2514
|
-
|
|
2512
|
+
margin-inline-end: 0.5rem !important;
|
|
2515
2513
|
}
|
|
2516
2514
|
.me-075 {
|
|
2517
|
-
|
|
2515
|
+
margin-inline-end: 0.75rem !important;
|
|
2518
2516
|
}
|
|
2519
2517
|
.me-1 {
|
|
2520
|
-
|
|
2518
|
+
margin-inline-end: 1rem !important;
|
|
2521
2519
|
}
|
|
2522
2520
|
.me-2 {
|
|
2523
|
-
|
|
2521
|
+
margin-inline-end: 2rem !important;
|
|
2524
2522
|
}
|
|
2525
2523
|
.me-3 {
|
|
2526
|
-
|
|
2524
|
+
margin-inline-end: 3rem !important;
|
|
2527
2525
|
}
|
|
2528
2526
|
.me-4 {
|
|
2529
|
-
|
|
2527
|
+
margin-inline-end: 4rem !important;
|
|
2530
2528
|
}
|
|
2531
2529
|
.-mb-025 {
|
|
2532
|
-
|
|
2530
|
+
margin-bottom: -0.25rem !important;
|
|
2533
2531
|
}
|
|
2534
2532
|
.-mb-05 {
|
|
2535
|
-
|
|
2533
|
+
margin-bottom: -0.5rem !important;
|
|
2536
2534
|
}
|
|
2537
2535
|
.-mb-075 {
|
|
2538
|
-
|
|
2536
|
+
margin-bottom: -0.75rem !important;
|
|
2539
2537
|
}
|
|
2540
2538
|
.-mb-1 {
|
|
2541
|
-
|
|
2539
|
+
margin-bottom: -1rem !important;
|
|
2542
2540
|
}
|
|
2543
2541
|
.-mb-2 {
|
|
2544
|
-
|
|
2542
|
+
margin-bottom: -2rem !important;
|
|
2545
2543
|
}
|
|
2546
2544
|
.-mb-3 {
|
|
2547
|
-
|
|
2545
|
+
margin-bottom: -3rem !important;
|
|
2548
2546
|
}
|
|
2549
2547
|
.-mb-4 {
|
|
2550
|
-
|
|
2548
|
+
margin-bottom: -4rem !important;
|
|
2551
2549
|
}
|
|
2552
2550
|
.-mt-025 {
|
|
2553
|
-
|
|
2551
|
+
margin-top: -0.25rem !important;
|
|
2554
2552
|
}
|
|
2555
2553
|
.-mt-05 {
|
|
2556
|
-
|
|
2554
|
+
margin-top: -0.5rem !important;
|
|
2557
2555
|
}
|
|
2558
2556
|
.-mt-075 {
|
|
2559
|
-
|
|
2557
|
+
margin-top: 0.75rem !important;
|
|
2560
2558
|
}
|
|
2561
2559
|
.-mt-1 {
|
|
2562
|
-
|
|
2560
|
+
margin-top: -1rem !important;
|
|
2563
2561
|
}
|
|
2564
2562
|
.-mt-2 {
|
|
2565
|
-
|
|
2563
|
+
margin-top: -2rem !important;
|
|
2566
2564
|
}
|
|
2567
2565
|
.-mt-3 {
|
|
2568
|
-
|
|
2566
|
+
margin-top: -3rem !important;
|
|
2569
2567
|
}
|
|
2570
2568
|
.-mt-4 {
|
|
2571
|
-
|
|
2569
|
+
margin-top: -4rem !important;
|
|
2572
2570
|
}
|
|
2573
2571
|
.-ms-025 {
|
|
2574
|
-
|
|
2572
|
+
margin-inline-start: -0.25rem !important;
|
|
2575
2573
|
}
|
|
2576
2574
|
.-ms-05 {
|
|
2577
|
-
|
|
2575
|
+
margin-inline-start: -0.5rem !important;
|
|
2578
2576
|
}
|
|
2579
2577
|
.-ms-075 {
|
|
2580
|
-
|
|
2578
|
+
margin-inline-start: -0.75rem !important;
|
|
2581
2579
|
}
|
|
2582
2580
|
.-ms-1 {
|
|
2583
|
-
|
|
2581
|
+
margin-inline-start: -1rem !important;
|
|
2584
2582
|
}
|
|
2585
2583
|
.-ms-2 {
|
|
2586
|
-
|
|
2584
|
+
margin-inline-start: -2rem !important;
|
|
2587
2585
|
}
|
|
2588
2586
|
.-ms-3 {
|
|
2589
|
-
|
|
2587
|
+
margin-inline-start: -3rem !important;
|
|
2590
2588
|
}
|
|
2591
2589
|
.-ms-4 {
|
|
2592
|
-
|
|
2590
|
+
margin-inline-start: -4rem !important;
|
|
2593
2591
|
}
|
|
2594
2592
|
.-me-025 {
|
|
2595
|
-
|
|
2593
|
+
margin-inline-end: -0.25rem !important;
|
|
2596
2594
|
}
|
|
2597
2595
|
.-me-05 {
|
|
2598
|
-
|
|
2596
|
+
margin-inline-end: -0.5rem !important;
|
|
2599
2597
|
}
|
|
2600
2598
|
.-me-075 {
|
|
2601
|
-
|
|
2599
|
+
margin-inline-end: -0.75rem !important;
|
|
2602
2600
|
}
|
|
2603
2601
|
.-me-1 {
|
|
2604
|
-
|
|
2602
|
+
margin-inline-end: -1rem !important;
|
|
2605
2603
|
}
|
|
2606
2604
|
.-me-2 {
|
|
2607
|
-
|
|
2605
|
+
margin-inline-end: -2rem !important;
|
|
2608
2606
|
}
|
|
2609
2607
|
.-me-3 {
|
|
2610
|
-
|
|
2608
|
+
margin-inline-end: -3rem !important;
|
|
2611
2609
|
}
|
|
2612
2610
|
.-me-4 {
|
|
2613
|
-
|
|
2611
|
+
margin-inline-end: -4rem !important;
|
|
2614
2612
|
}
|
|
2615
2613
|
.pb-0 {
|
|
2616
|
-
|
|
2614
|
+
padding-bottom: 0rem !important;
|
|
2617
2615
|
}
|
|
2618
2616
|
.pb-1 {
|
|
2619
|
-
|
|
2617
|
+
padding-bottom: 1rem !important;
|
|
2620
2618
|
}
|
|
2621
2619
|
.pb-2 {
|
|
2622
|
-
|
|
2620
|
+
padding-bottom: 2rem !important;
|
|
2623
2621
|
}
|
|
2624
2622
|
.pb-3 {
|
|
2625
|
-
|
|
2623
|
+
padding-bottom: 3rem !important;
|
|
2626
2624
|
}
|
|
2627
2625
|
.pb-4 {
|
|
2628
|
-
|
|
2626
|
+
padding-bottom: 4rem !important;
|
|
2629
2627
|
}
|
|
2630
2628
|
.pb-075 {
|
|
2631
|
-
|
|
2629
|
+
padding-bottom: 0.75rem !important;
|
|
2632
2630
|
}
|
|
2633
2631
|
.pb-05 {
|
|
2634
|
-
|
|
2632
|
+
padding-bottom: 0.5rem !important;
|
|
2635
2633
|
}
|
|
2636
2634
|
.pb-025 {
|
|
2637
|
-
|
|
2635
|
+
padding-bottom: 0.25rem !important;
|
|
2638
2636
|
}
|
|
2639
2637
|
.pt-0 {
|
|
2640
|
-
|
|
2638
|
+
padding-top: 0rem !important;
|
|
2641
2639
|
}
|
|
2642
2640
|
.pt-1 {
|
|
2643
|
-
|
|
2641
|
+
padding-top: 1rem !important;
|
|
2644
2642
|
}
|
|
2645
2643
|
.pt-2 {
|
|
2646
|
-
|
|
2644
|
+
padding-top: 2rem !important;
|
|
2647
2645
|
}
|
|
2648
2646
|
.pt-3 {
|
|
2649
|
-
|
|
2647
|
+
padding-top: 3rem !important;
|
|
2650
2648
|
}
|
|
2651
2649
|
.pt-4 {
|
|
2652
|
-
|
|
2650
|
+
padding-top: 4rem !important;
|
|
2653
2651
|
}
|
|
2654
2652
|
.pt-075 {
|
|
2655
|
-
|
|
2653
|
+
padding-top: 0.75rem !important;
|
|
2656
2654
|
}
|
|
2657
2655
|
.pt-05 {
|
|
2658
|
-
|
|
2656
|
+
padding-top: 0.5rem !important;
|
|
2659
2657
|
}
|
|
2660
2658
|
.pt-025 {
|
|
2661
|
-
|
|
2659
|
+
padding-top: 0.25rem !important;
|
|
2662
2660
|
}
|
|
2663
2661
|
.ps-0 {
|
|
2664
|
-
|
|
2662
|
+
padding-inline-start: 0rem !important;
|
|
2665
2663
|
}
|
|
2666
2664
|
.ps-1 {
|
|
2667
|
-
|
|
2665
|
+
padding-inline-start: 1rem !important;
|
|
2668
2666
|
}
|
|
2669
2667
|
.ps-2 {
|
|
2670
|
-
|
|
2668
|
+
padding-inline-start: 2rem !important;
|
|
2671
2669
|
}
|
|
2672
2670
|
.ps-3 {
|
|
2673
|
-
|
|
2671
|
+
padding-inline-start: 3rem !important;
|
|
2674
2672
|
}
|
|
2675
2673
|
.ps-4 {
|
|
2676
|
-
|
|
2674
|
+
padding-inline-start: 4rem !important;
|
|
2677
2675
|
}
|
|
2678
2676
|
.ps-075 {
|
|
2679
|
-
|
|
2677
|
+
padding-inline-start: 0.75rem !important;
|
|
2680
2678
|
}
|
|
2681
2679
|
.ps-05 {
|
|
2682
|
-
|
|
2680
|
+
padding-inline-start: 0.5rem !important;
|
|
2683
2681
|
}
|
|
2684
2682
|
.ps-025 {
|
|
2685
|
-
|
|
2683
|
+
padding-inline-start: 0.25rem !important;
|
|
2686
2684
|
}
|
|
2687
2685
|
.pe-0 {
|
|
2688
|
-
|
|
2686
|
+
padding-inline-end: 0rem !important;
|
|
2689
2687
|
}
|
|
2690
2688
|
.pe-1 {
|
|
2691
|
-
|
|
2689
|
+
padding-inline-end: 1rem !important;
|
|
2692
2690
|
}
|
|
2693
2691
|
.pe-2 {
|
|
2694
|
-
|
|
2692
|
+
padding-inline-end: 2rem !important;
|
|
2695
2693
|
}
|
|
2696
2694
|
.pe-3 {
|
|
2697
|
-
|
|
2695
|
+
padding-inline-end: 3rem !important;
|
|
2698
2696
|
}
|
|
2699
2697
|
.pe-4 {
|
|
2700
|
-
|
|
2698
|
+
padding-inline-end: 4rem !important;
|
|
2701
2699
|
}
|
|
2702
2700
|
.pe-075 {
|
|
2703
|
-
|
|
2701
|
+
padding-inline-end: 0.75rem !important;
|
|
2704
2702
|
}
|
|
2705
2703
|
.pe-05 {
|
|
2706
|
-
|
|
2704
|
+
padding-inline-end: 0.5rem !important;
|
|
2707
2705
|
}
|
|
2708
2706
|
.pe-025 {
|
|
2709
|
-
|
|
2707
|
+
padding-inline-end: 0.25rem !important;
|
|
2710
2708
|
}
|
|
2711
2709
|
.flex {
|
|
2712
|
-
|
|
2713
|
-
|
|
2710
|
+
display: flex;
|
|
2711
|
+
align-items: center;
|
|
2714
2712
|
}
|
|
2715
2713
|
.flex-stretch {
|
|
2716
|
-
|
|
2717
|
-
|
|
2714
|
+
display: flex;
|
|
2715
|
+
align-items: stretch;
|
|
2718
2716
|
}
|
|
2719
2717
|
.flex-wrap {
|
|
2720
|
-
|
|
2718
|
+
flex-wrap: wrap;
|
|
2721
2719
|
}
|
|
2722
2720
|
.flex-end {
|
|
2723
|
-
|
|
2721
|
+
justify-content: flex-end;
|
|
2724
2722
|
}
|
|
2725
2723
|
.space-between {
|
|
2726
|
-
|
|
2724
|
+
justify-content: space-between;
|
|
2727
2725
|
}
|
|
2728
|
-
label,
|
|
2729
2726
|
.label {
|
|
2730
|
-
|
|
2731
|
-
|
|
2732
|
-
|
|
2733
|
-
|
|
2734
|
-
|
|
2727
|
+
display: block;
|
|
2728
|
+
font-size: var(--label-font-size);
|
|
2729
|
+
margin-bottom: 2px;
|
|
2730
|
+
line-height: 1.3;
|
|
2731
|
+
color: var(--label-color);
|
|
2732
|
+
}
|
|
2733
|
+
.h-10 {
|
|
2734
|
+
height: 10%;
|
|
2735
|
+
}
|
|
2736
|
+
.vh-10 {
|
|
2737
|
+
height: 10vh;
|
|
2738
|
+
}
|
|
2739
|
+
.h-10px {
|
|
2740
|
+
height: 10px;
|
|
2741
|
+
}
|
|
2742
|
+
.h-20 {
|
|
2743
|
+
height: 20%;
|
|
2744
|
+
}
|
|
2745
|
+
.vh-20 {
|
|
2746
|
+
height: 20vh;
|
|
2747
|
+
}
|
|
2748
|
+
.h-20px {
|
|
2749
|
+
height: 20px;
|
|
2750
|
+
}
|
|
2751
|
+
.h-30 {
|
|
2752
|
+
height: 30%;
|
|
2753
|
+
}
|
|
2754
|
+
.vh-30 {
|
|
2755
|
+
height: 30vh;
|
|
2756
|
+
}
|
|
2757
|
+
.h-30px {
|
|
2758
|
+
height: 30px;
|
|
2759
|
+
}
|
|
2760
|
+
.h-40 {
|
|
2761
|
+
height: 40%;
|
|
2762
|
+
}
|
|
2763
|
+
.vh-40 {
|
|
2764
|
+
height: 40vh;
|
|
2765
|
+
}
|
|
2766
|
+
.h-40px {
|
|
2767
|
+
height: 40px;
|
|
2768
|
+
}
|
|
2769
|
+
.h-50 {
|
|
2770
|
+
height: 50%;
|
|
2771
|
+
}
|
|
2772
|
+
.vh-50 {
|
|
2773
|
+
height: 50vh;
|
|
2774
|
+
}
|
|
2775
|
+
.h-50px {
|
|
2776
|
+
height: 50px;
|
|
2777
|
+
}
|
|
2778
|
+
.h-60 {
|
|
2779
|
+
height: 60%;
|
|
2780
|
+
}
|
|
2781
|
+
.vh-60 {
|
|
2782
|
+
height: 60vh;
|
|
2783
|
+
}
|
|
2784
|
+
.h-60px {
|
|
2785
|
+
height: 60px;
|
|
2786
|
+
}
|
|
2787
|
+
.h-70 {
|
|
2788
|
+
height: 70%;
|
|
2789
|
+
}
|
|
2790
|
+
.vh-70 {
|
|
2791
|
+
height: 70vh;
|
|
2792
|
+
}
|
|
2793
|
+
.h-70px {
|
|
2794
|
+
height: 70px;
|
|
2795
|
+
}
|
|
2796
|
+
.h-80 {
|
|
2797
|
+
height: 80%;
|
|
2798
|
+
}
|
|
2799
|
+
.vh-80 {
|
|
2800
|
+
height: 80vh;
|
|
2801
|
+
}
|
|
2802
|
+
.h-80px {
|
|
2803
|
+
height: 80px;
|
|
2804
|
+
}
|
|
2805
|
+
.h-90 {
|
|
2806
|
+
height: 90%;
|
|
2807
|
+
}
|
|
2808
|
+
.vh-90 {
|
|
2809
|
+
height: 90vh;
|
|
2810
|
+
}
|
|
2811
|
+
.h-90px {
|
|
2812
|
+
height: 90px;
|
|
2813
|
+
}
|
|
2814
|
+
.h-100 {
|
|
2815
|
+
height: 100%;
|
|
2816
|
+
}
|
|
2817
|
+
.vh-100 {
|
|
2818
|
+
height: 100vh;
|
|
2819
|
+
}
|
|
2820
|
+
.h-100px {
|
|
2821
|
+
height: 100px;
|
|
2822
|
+
}
|
|
2823
|
+
.h-150 {
|
|
2824
|
+
height: 150%;
|
|
2825
|
+
}
|
|
2826
|
+
.vh-150 {
|
|
2827
|
+
height: 150vh;
|
|
2828
|
+
}
|
|
2829
|
+
.h-150px {
|
|
2830
|
+
height: 150px;
|
|
2831
|
+
}
|
|
2832
|
+
.h-200 {
|
|
2833
|
+
height: 200%;
|
|
2834
|
+
}
|
|
2835
|
+
.vh-200 {
|
|
2836
|
+
height: 200vh;
|
|
2837
|
+
}
|
|
2838
|
+
.h-200px {
|
|
2839
|
+
height: 200px;
|
|
2840
|
+
}
|
|
2841
|
+
.h-300 {
|
|
2842
|
+
height: 300%;
|
|
2843
|
+
}
|
|
2844
|
+
.vh-300 {
|
|
2845
|
+
height: 300vh;
|
|
2846
|
+
}
|
|
2847
|
+
.h-300px {
|
|
2848
|
+
height: 300px;
|
|
2849
|
+
}
|
|
2850
|
+
.h-400 {
|
|
2851
|
+
height: 400%;
|
|
2852
|
+
}
|
|
2853
|
+
.vh-400 {
|
|
2854
|
+
height: 400vh;
|
|
2855
|
+
}
|
|
2856
|
+
.h-400px {
|
|
2857
|
+
height: 400px;
|
|
2858
|
+
}
|
|
2859
|
+
.h-500 {
|
|
2860
|
+
height: 500%;
|
|
2861
|
+
}
|
|
2862
|
+
.vh-500 {
|
|
2863
|
+
height: 500vh;
|
|
2864
|
+
}
|
|
2865
|
+
.h-500px {
|
|
2866
|
+
height: 500px;
|
|
2867
|
+
}
|
|
2868
|
+
.h-600 {
|
|
2869
|
+
height: 600%;
|
|
2870
|
+
}
|
|
2871
|
+
.vh-600 {
|
|
2872
|
+
height: 600vh;
|
|
2873
|
+
}
|
|
2874
|
+
.h-600px {
|
|
2875
|
+
height: 600px;
|
|
2876
|
+
}
|
|
2877
|
+
.grid-wrap-1 {
|
|
2878
|
+
grid-template-columns: repeat(1, 1fr);
|
|
2879
|
+
height: max-content;
|
|
2880
|
+
}
|
|
2881
|
+
.grid-wrap-2 {
|
|
2882
|
+
grid-template-columns: repeat(2, 1fr);
|
|
2883
|
+
height: max-content;
|
|
2884
|
+
}
|
|
2885
|
+
.grid-wrap-3 {
|
|
2886
|
+
grid-template-columns: repeat(3, 1fr);
|
|
2887
|
+
height: max-content;
|
|
2888
|
+
}
|
|
2889
|
+
.grid-wrap-4 {
|
|
2890
|
+
grid-template-columns: repeat(4, 1fr);
|
|
2891
|
+
height: max-content;
|
|
2892
|
+
|
|
2893
|
+
}
|
|
2894
|
+
.grid-wrap-5 {
|
|
2895
|
+
grid-template-columns: repeat(5, 1fr);
|
|
2896
|
+
height: max-content;
|
|
2897
|
+
}
|
|
2898
|
+
.grid-wrap-6 {
|
|
2899
|
+
grid-template-columns: repeat(6, 1fr);
|
|
2900
|
+
height: max-content;
|
|
2901
|
+
}
|
|
2902
|
+
.grid-wrap-7 {
|
|
2903
|
+
grid-template-columns: repeat(7, 1fr);
|
|
2904
|
+
height: max-content;
|
|
2905
|
+
}
|
|
2906
|
+
.grid-wrap-8 {
|
|
2907
|
+
grid-template-columns: repeat(8, 1fr);
|
|
2908
|
+
height: max-content;
|
|
2909
|
+
}
|
|
2910
|
+
/* grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); */
|
|
2911
|
+
@media screen and (max-width: 910px) {
|
|
2912
|
+
.grid-wrap-2 {
|
|
2913
|
+
grid-template-columns: repeat(1, 1fr);
|
|
2914
|
+
}
|
|
2915
|
+
|
|
2916
|
+
.grid-wrap-3 {
|
|
2917
|
+
grid-template-columns: repeat(1, 1fr);
|
|
2918
|
+
}
|
|
2919
|
+
|
|
2920
|
+
.grid-wrap-4 {
|
|
2921
|
+
grid-template-columns: repeat(1, 1fr);
|
|
2922
|
+
}
|
|
2923
|
+
|
|
2924
|
+
.grid-wrap-5 {
|
|
2925
|
+
grid-template-columns: repeat(1, 1fr);
|
|
2926
|
+
}
|
|
2927
|
+
|
|
2928
|
+
.grid-wrap-6 {
|
|
2929
|
+
grid-template-columns: repeat(2, 1fr);
|
|
2930
|
+
}
|
|
2931
|
+
|
|
2932
|
+
.grid-wrap-7 {
|
|
2933
|
+
grid-template-columns: repeat(3, 1fr);
|
|
2934
|
+
}
|
|
2935
|
+
|
|
2936
|
+
.grid-wrap-8 {
|
|
2937
|
+
grid-template-columns: repeat(4, 1fr);
|
|
2938
|
+
}
|
|
2735
2939
|
}
|
|
2736
2940
|
input,
|
|
2737
2941
|
textarea,
|
|
2738
2942
|
select {
|
|
2739
|
-
|
|
2740
|
-
|
|
2943
|
+
font-family: inherit;
|
|
2944
|
+
width: 100%;
|
|
2741
2945
|
}
|
|
2742
2946
|
.bagel-input {
|
|
2743
|
-
|
|
2744
|
-
|
|
2745
|
-
|
|
2746
|
-
|
|
2747
|
-
|
|
2748
|
-
|
|
2749
|
-
|
|
2947
|
+
position: relative;
|
|
2948
|
+
display: flex;
|
|
2949
|
+
flex-direction: column;
|
|
2950
|
+
text-align: start;
|
|
2951
|
+
margin-bottom: 0.5rem;
|
|
2952
|
+
width: 100%;
|
|
2953
|
+
color: var(--bgl-black);
|
|
2750
2954
|
}
|
|
2751
2955
|
.bagel-input::placeholder .bagel-input label {
|
|
2752
|
-
|
|
2753
|
-
|
|
2754
|
-
|
|
2755
|
-
|
|
2956
|
+
display: block;
|
|
2957
|
+
font-size: var(--label-font-size);
|
|
2958
|
+
margin-bottom: 2px;
|
|
2959
|
+
line-height: 1.3;
|
|
2756
2960
|
}
|
|
2757
2961
|
.bagel-input::placeholder {
|
|
2758
|
-
|
|
2962
|
+
color: var(--placeholder-color);
|
|
2759
2963
|
}
|
|
2760
2964
|
.bagel-input label {
|
|
2761
|
-
|
|
2965
|
+
color: var(--label-color);
|
|
2762
2966
|
}
|
|
2763
2967
|
.bagel-input input,
|
|
2764
2968
|
.bagel-input select,
|
|
2765
2969
|
.custom-select .input {
|
|
2766
|
-
|
|
2767
|
-
|
|
2970
|
+
height: var(--input-height);
|
|
2971
|
+
font-size: var(--input-font-size);
|
|
2768
2972
|
}
|
|
2769
2973
|
.bagel-input input,
|
|
2770
2974
|
.bagel-input textarea,
|
|
2771
2975
|
.bagel-input select,
|
|
2772
2976
|
.custom-select .input {
|
|
2773
|
-
|
|
2774
|
-
|
|
2775
|
-
|
|
2776
|
-
|
|
2777
|
-
|
|
2778
|
-
|
|
2779
|
-
|
|
2977
|
+
background: var(--input-bg);
|
|
2978
|
+
border: none;
|
|
2979
|
+
padding: 0.7rem;
|
|
2980
|
+
border-radius: var(--input-border-radius);
|
|
2981
|
+
color: var(--input-color);
|
|
2982
|
+
min-width: calc(var(--input-height) * 3);
|
|
2983
|
+
width: 100%;
|
|
2780
2984
|
}
|
|
2781
2985
|
.bagel-input input::placeholder,
|
|
2782
2986
|
.bagel-input textarea::placeholder,
|
|
2783
2987
|
.bagel-input select::placeholder,
|
|
2784
2988
|
.custom-select .input::placeholder {
|
|
2785
|
-
|
|
2989
|
+
color: var(--placeholder-color);
|
|
2786
2990
|
}
|
|
2787
2991
|
.bagel-input.search-wrap {
|
|
2788
|
-
|
|
2789
|
-
|
|
2790
|
-
|
|
2992
|
+
display: flex;
|
|
2993
|
+
flex-direction: row;
|
|
2994
|
+
align-items: center;
|
|
2791
2995
|
}
|
|
2792
2996
|
.bagel-input.search-wrap input {
|
|
2793
|
-
|
|
2997
|
+
padding-inline-end: 2rem;
|
|
2794
2998
|
}
|
|
2795
2999
|
.bagel-input.search-wrap .bgl_icon-font {
|
|
2796
|
-
|
|
3000
|
+
margin-inline-start: -1.75rem;
|
|
2797
3001
|
}
|
|
2798
3002
|
.bagel-input select {
|
|
2799
|
-
|
|
3003
|
+
height: var(--input-height);
|
|
2800
3004
|
}
|
|
2801
3005
|
.bagel-input textarea {
|
|
2802
|
-
|
|
2803
|
-
|
|
2804
|
-
|
|
3006
|
+
resize: vertical;
|
|
3007
|
+
min-height: calc(var(--input-height) * 3);
|
|
3008
|
+
line-height: 1.5;
|
|
2805
3009
|
}
|
|
2806
3010
|
.bagel-input.wider input {
|
|
2807
|
-
|
|
3011
|
+
min-width: 320px;
|
|
2808
3012
|
}
|
|
2809
3013
|
.bagel-input input[type="radio"] {
|
|
2810
|
-
|
|
2811
|
-
|
|
3014
|
+
padding: 0;
|
|
3015
|
+
width: fit-content;
|
|
2812
3016
|
}
|
|
2813
3017
|
.bagel-input:focus-within label {
|
|
2814
|
-
|
|
3018
|
+
color: var(--bgl-primary);
|
|
2815
3019
|
}
|
|
2816
3020
|
.bagel-input select.no-edit,
|
|
2817
3021
|
.bagel-input input.no-edit,
|
|
2818
3022
|
.bagel-input textarea.no-edit,
|
|
2819
3023
|
.bagel-input .switch.no-edit {
|
|
2820
|
-
|
|
2821
|
-
|
|
2822
|
-
}
|
|
2823
|
-
input[type="number"]::-webkit-inner-spin-button,
|
|
2824
|
-
input[type="number"]::-webkit-outer-spin-button {
|
|
2825
|
-
-webkit-appearance: none;
|
|
3024
|
+
pointer-events: none;
|
|
3025
|
+
outline: none;
|
|
2826
3026
|
}
|
|
2827
|
-
label.active {
|
|
2828
|
-
|
|
3027
|
+
.bagel-input label.active {
|
|
3028
|
+
color: var(--bgl-primary);
|
|
2829
3029
|
}
|
|
2830
3030
|
.inline-80 {
|
|
2831
|
-
|
|
2832
|
-
|
|
3031
|
+
display: inline-block;
|
|
3032
|
+
width: 80%;
|
|
2833
3033
|
}
|
|
2834
3034
|
.inline-20 {
|
|
2835
|
-
|
|
2836
|
-
|
|
3035
|
+
display: inline-block;
|
|
3036
|
+
width: 20%;
|
|
2837
3037
|
}
|
|
2838
3038
|
.inline-10 {
|
|
2839
|
-
|
|
2840
|
-
|
|
3039
|
+
display: inline-block;
|
|
3040
|
+
width: 20%;
|
|
2841
3041
|
}
|
|
2842
3042
|
.inline-50 {
|
|
2843
|
-
|
|
2844
|
-
|
|
2845
|
-
|
|
3043
|
+
display: inline-block;
|
|
3044
|
+
width: 49%;
|
|
3045
|
+
margin: 0 0.5%;
|
|
2846
3046
|
}
|
|
2847
3047
|
.custom-select .input {
|
|
2848
|
-
|
|
2849
|
-
|
|
3048
|
+
height: var(--input-height);
|
|
3049
|
+
font-size: var(--input-font-size);
|
|
2850
3050
|
}
|
|
2851
3051
|
.custom-select .input {
|
|
2852
|
-
|
|
2853
|
-
|
|
2854
|
-
|
|
2855
|
-
|
|
2856
|
-
|
|
2857
|
-
|
|
2858
|
-
|
|
3052
|
+
background: var(--input-bg);
|
|
3053
|
+
border: none;
|
|
3054
|
+
padding: 0.7rem;
|
|
3055
|
+
border-radius: var(--input-border-radius);
|
|
3056
|
+
color: var(--input-color);
|
|
3057
|
+
min-width: calc(var(--input-height) * 3);
|
|
3058
|
+
width: 100%;
|
|
2859
3059
|
}
|
|
2860
3060
|
.input.active,
|
|
2861
3061
|
.bagel-input input:focus-visible,
|
|
2862
3062
|
.bagel-input select:focus-visible,
|
|
2863
3063
|
.bagel-input textarea:focus-visible {
|
|
2864
|
-
|
|
2865
|
-
|
|
3064
|
+
outline: none;
|
|
3065
|
+
box-shadow: inset 0 0 10px #00000012;
|
|
2866
3066
|
}
|
|
2867
|
-
input[type="number"]::-webkit-inner-spin-button,
|
|
2868
|
-
input[type="number"]::-webkit-outer-spin-button {
|
|
2869
|
-
|
|
2870
|
-
}
|
|
2871
|
-
label.active {
|
|
2872
|
-
color: var(--bgl-primary);
|
|
3067
|
+
.bagel-input input[type="number"]::-webkit-inner-spin-button,
|
|
3068
|
+
.bagel-input input[type="number"]::-webkit-outer-spin-button {
|
|
3069
|
+
-webkit-appearance: none;
|
|
2873
3070
|
}
|
|
2874
3071
|
.label-count-0 label {
|
|
2875
|
-
|
|
3072
|
+
display: none;
|
|
2876
3073
|
}
|
|
2877
3074
|
.label-count-0 button.bgl_btn.bgl_flatBtn {
|
|
2878
|
-
|
|
2879
|
-
|
|
3075
|
+
/* background: var(--bgl-blue-light); */
|
|
3076
|
+
margin-right: 5px;
|
|
2880
3077
|
}
|
|
2881
3078
|
.label-count-0 button.bgl_btn.bgl_flatBtn:hover {
|
|
2882
|
-
|
|
3079
|
+
background: var(--bgl-hover-filter);
|
|
2883
3080
|
}
|
|
2884
|
-
input[type="color"] {
|
|
2885
|
-
|
|
2886
|
-
|
|
2887
|
-
|
|
2888
|
-
|
|
2889
|
-
|
|
2890
|
-
|
|
2891
|
-
|
|
2892
|
-
|
|
2893
|
-
|
|
3081
|
+
.bagel-input input[type="color"] {
|
|
3082
|
+
padding: 0.025rem 0.05rem;
|
|
3083
|
+
display: block;
|
|
3084
|
+
width: var(--input-height);
|
|
3085
|
+
height: var(--input-height);
|
|
3086
|
+
border: none;
|
|
3087
|
+
-webkit-appearance: none;
|
|
3088
|
+
-moz-appearance: none;
|
|
3089
|
+
appearance: none;
|
|
3090
|
+
cursor: pointer;
|
|
2894
3091
|
}
|
|
2895
|
-
input[type="color"]::-webkit-color-swatch {
|
|
2896
|
-
|
|
2897
|
-
|
|
2898
|
-
|
|
3092
|
+
.bagel-input input[type="color"]::-webkit-color-swatch {
|
|
3093
|
+
border-radius: var(--input-border-radius);
|
|
3094
|
+
border: none;
|
|
3095
|
+
transition: box-shadow 200ms ease;
|
|
2899
3096
|
}
|
|
2900
|
-
input[type="color"]::-moz-color-swatch {
|
|
2901
|
-
|
|
2902
|
-
|
|
2903
|
-
|
|
3097
|
+
.bagel-input input[type="color"]::-moz-color-swatch {
|
|
3098
|
+
border-radius: var(--input-border-radius);
|
|
3099
|
+
border: none;
|
|
3100
|
+
transition: box-shadow 200ms ease;
|
|
2904
3101
|
}
|
|
2905
|
-
input[type="color"]::-webkit-color-swatch:hover {
|
|
2906
|
-
|
|
3102
|
+
.bagel-input input[type="color"]::-webkit-color-swatch:hover {
|
|
3103
|
+
box-shadow: inset 0 0 10px #00000050;
|
|
2907
3104
|
}
|
|
2908
|
-
input[type="color"]::-moz-color-swatch:hover {
|
|
2909
|
-
|
|
3105
|
+
.bagel-input input[type="color"]::-moz-color-swatch:hover {
|
|
3106
|
+
box-shadow: inset 0 0 10px #00000050;
|
|
2910
3107
|
}
|
|
2911
3108
|
@media screen and (max-width: 910px) {
|
|
2912
|
-
|
|
2913
|
-
|
|
2914
|
-
|
|
3109
|
+
.bagel-input.wider input {
|
|
3110
|
+
min-width: 120px;
|
|
3111
|
+
}
|
|
2915
3112
|
|
|
2916
|
-
|
|
2917
|
-
|
|
2918
|
-
|
|
2919
|
-
|
|
3113
|
+
.bagel-input label {
|
|
3114
|
+
font-size: calc(var(--input-font-size) / 1.1);
|
|
3115
|
+
line-height: 1.2;
|
|
3116
|
+
}
|
|
2920
3117
|
}
|
|
2921
|
-
button,
|
|
2922
3118
|
.bgl_btn,
|
|
2923
3119
|
.bgl_flatBtn,
|
|
2924
3120
|
.bgl_btn-icon {
|
|
@@ -2934,7 +3130,7 @@ button,
|
|
|
2934
3130
|
font-size: var(--input-font-size);
|
|
2935
3131
|
display: inline-block;
|
|
2936
3132
|
height: var(--btn-height);
|
|
2937
|
-
padding: 0
|
|
3133
|
+
padding: 0;
|
|
2938
3134
|
}
|
|
2939
3135
|
.btn-close {
|
|
2940
3136
|
margin-top: -20px;
|
|
@@ -2967,115 +3163,139 @@ button,
|
|
|
2967
3163
|
height: calc(var(--btn-height) * 0.7);
|
|
2968
3164
|
line-height: calc(var(--btn-height) * 0.7);
|
|
2969
3165
|
}
|
|
3166
|
+
.hover {
|
|
3167
|
+
cursor: pointer;
|
|
3168
|
+
transition: all 400ms ease;
|
|
3169
|
+
}
|
|
3170
|
+
.hover:hover {
|
|
3171
|
+
filter: brightness(90%);
|
|
3172
|
+
}
|
|
3173
|
+
.hover:active {
|
|
3174
|
+
filter: brightness(80%);
|
|
3175
|
+
}
|
|
2970
3176
|
@media screen and (max-width: 910px) {
|
|
2971
3177
|
.bgl_btn {
|
|
2972
3178
|
padding: 0 20px;
|
|
2973
3179
|
}
|
|
2974
3180
|
}
|
|
2975
|
-
/* h1,
|
|
2976
|
-
h2,
|
|
2977
|
-
h3,
|
|
2978
|
-
h4,
|
|
2979
|
-
h5,
|
|
2980
|
-
h6 {
|
|
2981
|
-
width: max-content;
|
|
2982
|
-
}
|
|
2983
|
-
|
|
2984
|
-
h1 {}
|
|
2985
|
-
|
|
2986
|
-
h2 {}
|
|
2987
|
-
|
|
2988
|
-
h3 {}
|
|
2989
|
-
|
|
2990
|
-
h4 {}
|
|
2991
|
-
|
|
2992
|
-
h5 {}
|
|
2993
|
-
|
|
2994
|
-
h6 {} */
|
|
2995
3181
|
.txt-center {
|
|
2996
|
-
|
|
3182
|
+
text-align: center;
|
|
2997
3183
|
}
|
|
2998
3184
|
.txt-start {
|
|
2999
|
-
|
|
3185
|
+
text-align: start;
|
|
3000
3186
|
}
|
|
3001
3187
|
.txt-end {
|
|
3002
|
-
|
|
3188
|
+
text-align: end;
|
|
3003
3189
|
}
|
|
3004
3190
|
.smalltxt {
|
|
3005
|
-
|
|
3191
|
+
font-size: 12px;
|
|
3006
3192
|
}
|
|
3007
3193
|
.txt20 {
|
|
3008
|
-
|
|
3194
|
+
font-size: 20px;
|
|
3009
3195
|
}
|
|
3010
3196
|
.txt18 {
|
|
3011
|
-
|
|
3197
|
+
font-size: 18px;
|
|
3012
3198
|
}
|
|
3013
3199
|
.txt16 {
|
|
3014
|
-
|
|
3200
|
+
font-size: 16px;
|
|
3015
3201
|
}
|
|
3016
3202
|
.txt14 {
|
|
3017
|
-
|
|
3203
|
+
font-size: 14px;
|
|
3018
3204
|
}
|
|
3019
3205
|
.txt12 {
|
|
3020
|
-
|
|
3206
|
+
font-size: 12px;
|
|
3021
3207
|
}
|
|
3022
3208
|
.txt10 {
|
|
3023
|
-
|
|
3209
|
+
font-size: 10px;
|
|
3024
3210
|
}
|
|
3025
3211
|
.txt9 {
|
|
3026
|
-
|
|
3212
|
+
font-size: 9px;
|
|
3027
3213
|
}
|
|
3028
3214
|
.no-margin {
|
|
3029
|
-
|
|
3215
|
+
margin: 0;
|
|
3030
3216
|
}
|
|
3031
3217
|
.txtgray {
|
|
3032
|
-
|
|
3218
|
+
color: var(--bgl-gray);
|
|
3033
3219
|
}
|
|
3034
3220
|
.txtblue {
|
|
3035
|
-
|
|
3221
|
+
color: var(--bgl-primary);
|
|
3036
3222
|
}
|
|
3037
3223
|
.txtblack {
|
|
3038
|
-
|
|
3224
|
+
color: var(--bgl-black);
|
|
3039
3225
|
}
|
|
3040
3226
|
.txtred {
|
|
3041
|
-
|
|
3227
|
+
color: var(--bgl-red);
|
|
3228
|
+
}
|
|
3229
|
+
.txtwhite {
|
|
3230
|
+
color: var(--bgl-white);
|
|
3042
3231
|
}
|
|
3043
3232
|
.font-light {
|
|
3044
|
-
|
|
3233
|
+
font-weight: 100;
|
|
3045
3234
|
}
|
|
3046
3235
|
.bold {
|
|
3047
|
-
|
|
3236
|
+
font-weight: 700;
|
|
3048
3237
|
}
|
|
3049
3238
|
.line-height-1 {
|
|
3050
|
-
|
|
3239
|
+
line-height: 1;
|
|
3051
3240
|
}
|
|
3052
3241
|
.ellipsis {
|
|
3053
|
-
|
|
3054
|
-
|
|
3055
|
-
|
|
3056
|
-
|
|
3242
|
+
overflow: hidden;
|
|
3243
|
+
display: block;
|
|
3244
|
+
width: 100%;
|
|
3245
|
+
text-overflow: ellipsis;
|
|
3246
|
+
}
|
|
3247
|
+
.ellipsis-1,
|
|
3248
|
+
.ellipsis-2,
|
|
3249
|
+
.ellipsis-3,
|
|
3250
|
+
.ellipsis-4,
|
|
3251
|
+
.ellipsis-5,
|
|
3252
|
+
.ellipsis-6 {
|
|
3253
|
+
display: block;
|
|
3254
|
+
display: -webkit-box;
|
|
3255
|
+
max-width: 100%;
|
|
3256
|
+
-webkit-box-orient: vertical;
|
|
3257
|
+
overflow: hidden;
|
|
3258
|
+
text-overflow: ellipsis;
|
|
3259
|
+
}
|
|
3260
|
+
.ellipsis-1 {
|
|
3261
|
+
-webkit-line-clamp: 1;
|
|
3262
|
+
}
|
|
3263
|
+
.ellipsis-2 {
|
|
3264
|
+
-webkit-line-clamp: 2;
|
|
3265
|
+
}
|
|
3266
|
+
.ellipsis-3 {
|
|
3267
|
+
-webkit-line-clamp: 3;
|
|
3268
|
+
}
|
|
3269
|
+
.ellipsis-4 {
|
|
3270
|
+
-webkit-line-clamp: 4;
|
|
3271
|
+
}
|
|
3272
|
+
.ellipsis-5 {
|
|
3273
|
+
-webkit-line-clamp: 5;
|
|
3274
|
+
}
|
|
3275
|
+
.ellipsis-6 {
|
|
3276
|
+
-webkit-line-clamp: 6;
|
|
3057
3277
|
}
|
|
3058
3278
|
.pointer {
|
|
3059
|
-
|
|
3279
|
+
cursor: pointer;
|
|
3060
3280
|
}
|
|
3061
3281
|
.decoration-none {
|
|
3062
|
-
|
|
3282
|
+
text-decoration: none;
|
|
3063
3283
|
}
|
|
3064
3284
|
.bgl_icon-font {
|
|
3065
|
-
|
|
3285
|
+
font-family: "Material Symbols Outlined", serif;
|
|
3066
3286
|
}
|
|
3067
3287
|
@media screen and (max-width: 910px) {
|
|
3068
|
-
|
|
3069
|
-
|
|
3070
|
-
|
|
3288
|
+
.txt20 {
|
|
3289
|
+
font-size: 18px;
|
|
3290
|
+
}
|
|
3071
3291
|
|
|
3072
|
-
|
|
3073
|
-
|
|
3074
|
-
|
|
3292
|
+
.txt16 {
|
|
3293
|
+
font-size: 14px;
|
|
3294
|
+
}
|
|
3075
3295
|
|
|
3076
|
-
|
|
3077
|
-
|
|
3078
|
-
|
|
3296
|
+
.txt14 {
|
|
3297
|
+
font-size: 12px;
|
|
3298
|
+
}
|
|
3079
3299
|
}
|
|
3080
3300
|
::-webkit-scrollbar {
|
|
3081
3301
|
width: 0.5em;
|