@bagelink/vue 0.0.276 → 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/style.css CHANGED
@@ -897,36 +897,40 @@ 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-59552907] {
901
- width: 100%;
900
+ .combobox[data-v-32f19dd0] {
901
+ width: 100%;
902
902
  }
903
- .combobox-option[data-v-59552907] {
904
- padding: 6px 12px;
905
- cursor: pointer;
906
- border-radius: 5px;
907
- transition: all 0.2s;
908
- display: flex;
909
- justify-content: space-between;
910
- width: 300px;
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
911
  }
912
- .combobox-options[data-v-59552907] {
913
- max-height: 300px;
914
- overflow-y: auto;
912
+ .combobox-options[data-v-32f19dd0] {
913
+ max-height: 300px;
914
+ overflow-y: auto;
915
915
  }
916
- .combobox-option[data-v-59552907]:hover {
917
- background: var(--bgl-gray-20);
916
+ .combobox-option[data-v-32f19dd0]:hover {
917
+ background: var(--bgl-gray-20);
918
918
  }
919
919
 
920
- .combobox-btn .bgl_btn-flex {
921
- justify-content: space-between;
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);
922
926
  }
923
927
  .v-popper__arrow-container {
924
- display: none;
928
+ display: none;
925
929
  }
926
930
  .v-popper--theme-dropdown .v-popper__inner {
927
- border: none;
928
- background: transparent;
929
- border-radius: var(--card-border-radius);
931
+ border: none;
932
+ background: transparent;
933
+ border-radius: var(--card-border-radius);
930
934
  }
931
935
 
932
936
  /* .group-wrap * {
@@ -1094,62 +1098,62 @@ th[data-v-2137a7a8] {
1094
1098
  }
1095
1099
 
1096
1100
  :root {
1097
- --bgl-white: #fff;
1098
- --input-height: 40px;
1099
- --input-border-radius: 7px;
1100
- --bgl-transition: all 200ms ease;
1101
- --bgl-primary: #19b8ea;
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-a550ac08] {
1105
- position: relative;
1106
- display: flex;
1107
- flex-direction: row;
1108
- align-items: center;
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-a550ac08] {
1111
- position: absolute;
1112
- opacity: 0;
1113
- z-index: -1;
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-a550ac08] {
1116
- padding-inline-start: 0.5rem;
1117
- transition: var(--bgl-transition);
1118
- cursor: pointer;
1119
- user-select: none;
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-a550ac08]:hover {
1122
- filter: brightness(95%);
1125
+ .bgl-checkbox[data-v-e8219826]:hover {
1126
+ filter: brightness(95%);
1123
1127
  }
1124
- .bgl-checkbox[data-v-a550ac08]:active {
1125
- filter: var(--bgl-active-filter);
1128
+ .bgl-checkbox[data-v-e8219826]:active {
1129
+ filter: var(--bgl-active-filter);
1126
1130
  }
1127
- .bgl-checkbox .check-square[data-v-a550ac08] {
1128
- width: calc(var(--input-height) / 2.5);
1129
- height: calc(var(--input-height) / 2.5);
1130
- background: var(--bgl-white);
1131
- border-radius: calc(var(--input-border-radius) / 2);
1132
- border: var(--bgl-primary) 1px solid;
1133
- position: relative;
1134
- display: flex;
1135
- align-items: center;
1136
- justify-content: center;
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-a550ac08] {
1139
- background: var(--bgl-primary);
1142
+ .check-square.checked[data-v-e8219826] {
1143
+ background: var(--bgl-primary);
1140
1144
  }
1141
- .bgl-checkbox svg[data-v-a550ac08] {
1142
- width: calc(var(--input-height) / 2.5);
1143
- height: calc(var(--input-height) / 2.5);
1144
- position: absolute;
1145
- z-index: 2;
1146
- fill: var(--bgl-white);
1147
- pointer-events: none;
1148
- transform: scale(0);
1149
- transition: var(--bgl-transition);
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-a550ac08] {
1152
- transform: scale(1);
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
- pointer-events: none;
1175
+ pointer-events: none;
1172
1176
  }
1173
1177
  .multiselect__spinner {
1174
- position: absolute;
1175
- right: 1px;
1176
- top: 1px;
1177
- width: 40px;
1178
- height: 38px;
1179
- background: #fff;
1180
- display: block;
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
- position: absolute;
1185
- content: "";
1186
- top: 50%;
1187
- left: 50%;
1188
- margin: -8px 0 0 -8px;
1189
- width: 16px;
1190
- height: 16px;
1191
- border-radius: 100%;
1192
- border-color: var(--bgl-primary-tint) transparent transparent;
1193
- border-style: solid;
1194
- border-width: 2px;
1195
- box-shadow: 0 0 0 1px transparent;
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
- animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
1199
- animation-iteration-count: infinite;
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
- animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
1203
- animation-iteration-count: infinite;
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
- transition: opacity 0.4s ease-in-out;
1208
- opacity: 1;
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
- opacity: 0;
1216
+ opacity: 0;
1213
1217
  }
1214
1218
  .multiselect,
1215
1219
  .multiselect__input,
1216
1220
  .multiselect__single {
1217
- font-family: inherit;
1218
- font-size: var(--input-font-size);
1219
- touch-action: manipulation;
1221
+ font-family: inherit;
1222
+ font-size: var(--input-font-size);
1223
+ touch-action: manipulation;
1220
1224
  }
1221
1225
  .multiselect {
1222
- box-sizing: content-box;
1223
- display: block;
1224
- position: relative;
1225
- width: 100%;
1226
- min-height: var(--input-height);
1227
- text-align: left;
1228
- color: var(--input-color);
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
- box-sizing: border-box;
1235
+ box-sizing: border-box;
1232
1236
  }
1233
1237
  .multiselect:focus {
1234
- outline: none;
1238
+ outline: none;
1235
1239
  }
1236
1240
  .multiselect--disabled {
1237
- background: #ededed;
1238
- pointer-events: none;
1239
- opacity: 0.6;
1241
+ background: #ededed;
1242
+ pointer-events: none;
1243
+ opacity: 0.6;
1240
1244
  }
1241
1245
  .multiselect--active {
1242
- z-index: 50;
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
- border-bottom-left-radius: 0;
1248
- border-bottom-right-radius: 0;
1251
+ border-bottom-left-radius: 0;
1252
+ border-bottom-right-radius: 0;
1249
1253
  }
1250
1254
  .multiselect--active:not(.multiselect--above) .multiselect__tags {
1251
- box-shadow: inset 0 0 10px #00000012;
1255
+ box-shadow: inset 0 0 10px #00000012;
1252
1256
  }
1253
1257
  .multiselect--active .multiselect__select {
1254
- transform: rotateZ(180deg);
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
- border-top-left-radius: 0;
1260
- border-top-right-radius: 0;
1263
+ border-top-left-radius: 0;
1264
+ border-top-right-radius: 0;
1261
1265
  }
1262
1266
  .multiselect__input,
1263
1267
  .multiselect__single {
1264
- position: relative;
1265
- display: inline-block;
1266
- border: none;
1267
- background: var(--input-bg);
1268
- width: calc(100%);
1269
- transition: border 0.1s ease;
1270
- box-sizing: border-box;
1271
- vertical-align: top;
1272
- font-size: var(--input-font-size);
1273
- padding-inline-start: 0rem;
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
- margin-top: -0.6rem;
1280
+ margin-top: -0.6rem;
1277
1281
  }
1278
1282
  .multiselect__input::placeholder {
1279
- color: var(--input-color);
1283
+ color: var(--input-color);
1280
1284
  }
1281
1285
  .multiselect__tag~.multiselect__input,
1282
1286
  .multiselect__tag~.multiselect__single {
1283
- width: auto;
1287
+ width: auto;
1284
1288
  }
1285
1289
  .multiselect__input:hover,
1286
1290
  .multiselect__single:hover {
1287
- border-color: #cfcfcf;
1291
+ border-color: #cfcfcf;
1288
1292
  }
1289
1293
  .multiselect__input:focus,
1290
1294
  .multiselect__single:focus {
1291
- border-color: #a8a8a8;
1292
- outline: none;
1295
+ border-color: #a8a8a8;
1296
+ outline: none;
1293
1297
  }
1294
1298
  .multiselect__single {
1295
- /* padding-left: 5px; */
1296
- margin-bottom: 8px;
1299
+ /* padding-left: 5px; */
1300
+ margin-bottom: 8px;
1297
1301
  }
1298
1302
  .multiselect__tags-wrap {
1299
- display: inline;
1303
+ display: inline;
1300
1304
  }
1301
1305
  .multiselect__tags {
1302
- /* min-height: 40px; */
1303
- display: block;
1304
- /* padding: 0.7rem 40px 0.7rem 8px; */
1305
- border-radius: var(--input-border-radius);
1306
- background: var(--input-bg);
1307
- font-size: var(--input-font-size);
1308
- height: var(--input-height);
1309
- line-height: 0;
1310
- padding: calc(var(--input-height) / 2);
1311
- padding-inline-end: 40px;
1312
- padding-inline-start: 0.7rem;
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
- position: relative;
1316
- display: inline-block;
1317
- padding: 4px 26px 4px 10px;
1318
- border-radius: 5px;
1319
- margin-right: 10px;
1320
- color: #fff;
1321
- line-height: 1;
1322
- background: var(--bgl-primary-tint);
1323
- margin-bottom: 5px;
1324
- white-space: nowrap;
1325
- overflow: hidden;
1326
- max-width: 100%;
1327
- text-overflow: ellipsis;
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
- cursor: pointer;
1331
- margin-left: 7px;
1332
- position: absolute;
1333
- right: 0;
1334
- top: 0;
1335
- bottom: 0;
1336
- font-weight: 700;
1337
- font-style: initial;
1338
- width: 22px;
1339
- text-align: center;
1340
- line-height: 22px;
1341
- transition: all 0.2s ease;
1342
- border-radius: 5px;
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
- content: "×";
1346
- color: #266d4d;
1347
- font-size: 14px;
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
- color: white;
1361
+ color: white;
1358
1362
  }
1359
1363
  .multiselect__current {
1360
- line-height: 16px;
1361
- min-height: 40px;
1362
- box-sizing: border-box;
1363
- display: block;
1364
- overflow: hidden;
1365
- padding: 8px 12px 0;
1366
- padding-right: 30px;
1367
- white-space: nowrap;
1368
- margin: 0;
1369
- text-decoration: none;
1370
- border-radius: 5px;
1371
- /* border: 1px solid #e8e8e8; */
1372
- cursor: pointer;
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
- line-height: 16px;
1376
- display: block;
1377
- position: absolute;
1378
- box-sizing: border-box;
1379
- /* width: 40px; */
1380
- /* height: 38px; */
1381
- right: 1px;
1382
- top: 1px;
1383
- padding: 4px 8px;
1384
- margin: 0;
1385
- text-decoration: none;
1386
- text-align: center;
1387
- cursor: pointer;
1388
- transition: transform 0.2s ease;
1389
- padding-top: calc(var(--input-height) / 2 - 0.7rem);
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
- position: relative;
1393
- background-size: contain;
1394
- transform: scale(0.5);
1395
- color: var(--bgl-black);
1396
- 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>");
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
- color: var(--placeholder-color);
1400
- display: inline-block;
1401
- margin-bottom: 10px;
1403
+ color: var(--placeholder-color);
1404
+ display: inline-block;
1405
+ margin-bottom: 10px;
1402
1406
  }
1403
1407
  .multiselect--active .multiselect__placeholder {
1404
- display: none;
1408
+ display: none;
1405
1409
  }
1406
1410
  .multiselect__content-wrapper {
1407
- position: absolute;
1408
- display: block;
1409
- background: #fff;
1410
- width: 100%;
1411
- max-height: 240px;
1412
- overflow: auto;
1413
- box-shadow: 0 0 10px #00000012;
1414
- border-top: none;
1415
- border-bottom-left-radius: 5px;
1416
- border-bottom-right-radius: 5px;
1417
- z-index: 50;
1418
- -webkit-overflow-scrolling: touch;
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
- list-style: none;
1422
- display: inline-block;
1423
- padding: 0;
1424
- margin: 0;
1425
- min-width: 100%;
1426
- vertical-align: top;
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
- bottom: 100%;
1430
- border-bottom-left-radius: 0;
1431
- border-bottom-right-radius: 0;
1432
- border-top-left-radius: 5px;
1433
- border-top-right-radius: 5px;
1434
- border-bottom: none;
1435
- border-top: 1px solid #e8e8e8;
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
- display: none;
1442
+ display: none;
1439
1443
  }
1440
1444
  .multiselect__element {
1441
- display: block;
1445
+ display: block;
1442
1446
  }
1443
1447
  .multiselect__option {
1444
- display: block;
1445
- padding-inline-start: 12px;
1446
- min-height: calc(var(--input-height) * 0.8);
1447
- line-height: calc(var(--input-height) * 0.8);
1448
- text-decoration: none;
1449
- text-transform: none;
1450
- position: relative;
1451
- cursor: pointer;
1452
- white-space: nowrap;
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
- top: 0;
1456
- right: 0;
1457
- position: absolute;
1458
- width: calc(var(--input-height) * 0.8);
1459
- height: calc(var(--input-height) * 0.8);
1460
- ;
1461
- text-align: center;
1462
- font-size: 13px;
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
- background: var(--bgl-primary-light);
1466
- outline: none;
1467
- color: var(--bgl-primary);
1469
+ background: var(--bgl-primary-light);
1470
+ outline: none;
1471
+ color: var(--bgl-primary);
1468
1472
  }
1469
1473
  .multiselect__option--selected {
1470
- background: var(--bgl-primary);
1471
- color: var(--bgl-white);
1472
- font-weight: bold;
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
- filter: brightness(0.9);
1476
- color: #fff;
1479
+ filter: brightness(0.9);
1480
+ color: #fff;
1477
1481
  }
1478
1482
  .multiselect__option--selected.multiselect__option--highlight::after {
1479
- content: "✕";
1480
- color: var(--bgl-white);
1483
+ content: "✕";
1484
+ color: var(--bgl-white);
1481
1485
  }
1482
1486
  .multiselect--disabled .multiselect__current,
1483
1487
  .multiselect--disabled .multiselect__select {
1484
- background: #ededed;
1485
- color: #a6a6a6;
1488
+ background: #ededed;
1489
+ color: #a6a6a6;
1486
1490
  }
1487
1491
  .multiselect__option--disabled {
1488
- background: #ededed !important;
1489
- color: #a6a6a6 !important;
1490
- cursor: text;
1491
- pointer-events: none;
1492
+ background: #ededed !important;
1493
+ color: #a6a6a6 !important;
1494
+ cursor: text;
1495
+ pointer-events: none;
1492
1496
  }
1493
1497
  .multiselect__option--group {
1494
- background: #ededed;
1495
- color: var(--input-color);
1498
+ background: #ededed;
1499
+ color: var(--input-color);
1496
1500
  }
1497
1501
  .multiselect__option--group.multiselect__option--highlight {
1498
- background: var(--input-color);
1499
- color: #fff;
1502
+ background: var(--input-color);
1503
+ color: #fff;
1500
1504
  }
1501
1505
  .multiselect__option--group.multiselect__option--highlight::after {
1502
- background: var(--input-color);
1506
+ background: var(--input-color);
1503
1507
  }
1504
1508
  .multiselect__option--disabled.multiselect__option--highlight {
1505
- background: #dedede;
1509
+ background: #dedede;
1506
1510
  }
1507
1511
  .multiselect__option--group-selected.multiselect__option--highlight {
1508
- background: var(--bgl-red);
1509
- color: #fff;
1512
+ background: var(--bgl-red);
1513
+ color: #fff;
1510
1514
  }
1511
1515
  .multiselect__option--group-selected.multiselect__option--highlight::after {
1512
- background: var(--bgl-red);
1513
- content: attr(data-deselect);
1514
- color: #fff;
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
- transition: all 0.15s ease;
1522
+ transition: all 0.15s ease;
1519
1523
  }
1520
1524
  .multiselect-enter,
1521
1525
  .multiselect-leave-active {
1522
- opacity: 0;
1526
+ opacity: 0;
1523
1527
  }
1524
1528
  .multiselect__strong {
1525
- margin-bottom: 8px;
1526
- line-height: 20px;
1527
- display: inline-block;
1528
- vertical-align: top;
1529
+ margin-bottom: 8px;
1530
+ line-height: 20px;
1531
+ display: inline-block;
1532
+ vertical-align: top;
1529
1533
  }
1530
1534
  *[dir="rtl"] .multiselect {
1531
- text-align: right;
1535
+ text-align: right;
1532
1536
  }
1533
1537
  *[dir="rtl"] .multiselect__select {
1534
- right: auto;
1535
- left: 1px;
1538
+ right: auto;
1539
+ left: 1px;
1536
1540
  }
1537
1541
  *[dir="rtl"] .multiselect__tags {
1538
- padding: calc(var(--input-height) / 2);
1539
- padding-inline-end: 40px;
1540
- padding-inline-start: 0.7rem;
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
- text-align: right;
1547
+ text-align: right;
1544
1548
  }
1545
1549
  *[dir="rtl"] .multiselect__option::after {
1546
- right: auto;
1547
- left: 0;
1550
+ right: auto;
1551
+ left: 0;
1548
1552
  }
1549
1553
  *[dir="rtl"] .multiselect__clear {
1550
- right: auto;
1551
- left: 12px;
1554
+ right: auto;
1555
+ left: 12px;
1552
1556
  }
1553
1557
  *[dir="rtl"] .multiselect__spinner {
1554
- right: auto;
1555
- left: 1px;
1558
+ right: auto;
1559
+ left: 1px;
1556
1560
  }
1557
1561
  @keyframes spinning {
1558
1562
  from {
1559
- transform: rotate(0);
1563
+ transform: rotate(0);
1560
1564
  }
1561
1565
  to {
1562
- transform: rotate(2turn);
1566
+ transform: rotate(2turn);
1563
1567
  }
1564
1568
  }
1565
1569
 
@@ -2725,7 +2729,6 @@ img.preview[data-v-1be8d7b1] {
2725
2729
  .space-between {
2726
2730
  justify-content: space-between;
2727
2731
  }
2728
- label,
2729
2732
  .label {
2730
2733
  display: block;
2731
2734
  font-size: var(--label-font-size);
@@ -2736,262 +2739,234 @@ label,
2736
2739
  input,
2737
2740
  textarea,
2738
2741
  select {
2739
- font-family: inherit;
2740
- width: 100%;
2742
+ font-family: inherit;
2743
+ width: 100%;
2741
2744
  }
2742
2745
  .bagel-input {
2743
- position: relative;
2744
- display: flex;
2745
- flex-direction: column;
2746
- text-align: start;
2747
- margin-bottom: 0.5rem;
2748
- width: 100%;
2749
- color: var(--bgl-black);
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);
2750
2753
  }
2751
2754
  .bagel-input::placeholder .bagel-input label {
2752
- display: block;
2753
- font-size: var(--label-font-size);
2754
- margin-bottom: 2px;
2755
- line-height: 1.3;
2755
+ display: block;
2756
+ font-size: var(--label-font-size);
2757
+ margin-bottom: 2px;
2758
+ line-height: 1.3;
2756
2759
  }
2757
2760
  .bagel-input::placeholder {
2758
- color: var(--placeholder-color);
2761
+ color: var(--placeholder-color);
2759
2762
  }
2760
2763
  .bagel-input label {
2761
- color: var(--label-color);
2764
+ color: var(--label-color);
2762
2765
  }
2763
2766
  .bagel-input input,
2764
2767
  .bagel-input select,
2765
2768
  .custom-select .input {
2766
- height: var(--input-height);
2767
- font-size: var(--input-font-size);
2769
+ height: var(--input-height);
2770
+ font-size: var(--input-font-size);
2768
2771
  }
2769
2772
  .bagel-input input,
2770
2773
  .bagel-input textarea,
2771
2774
  .bagel-input select,
2772
2775
  .custom-select .input {
2773
- background: var(--input-bg);
2774
- border: none;
2775
- padding: 0.7rem;
2776
- border-radius: var(--input-border-radius);
2777
- color: var(--input-color);
2778
- min-width: calc(var(--input-height) * 3);
2779
- width: 100%;
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%;
2780
2783
  }
2781
2784
  .bagel-input input::placeholder,
2782
2785
  .bagel-input textarea::placeholder,
2783
2786
  .bagel-input select::placeholder,
2784
2787
  .custom-select .input::placeholder {
2785
- color: var(--placeholder-color);
2788
+ color: var(--placeholder-color);
2786
2789
  }
2787
2790
  .bagel-input.search-wrap {
2788
- display: flex;
2789
- flex-direction: row;
2790
- align-items: center;
2791
+ display: flex;
2792
+ flex-direction: row;
2793
+ align-items: center;
2791
2794
  }
2792
2795
  .bagel-input.search-wrap input {
2793
- padding-inline-end: 2rem;
2796
+ padding-inline-end: 2rem;
2794
2797
  }
2795
2798
  .bagel-input.search-wrap .bgl_icon-font {
2796
- margin-inline-start: -1.75rem;
2799
+ margin-inline-start: -1.75rem;
2797
2800
  }
2798
2801
  .bagel-input select {
2799
- height: var(--input-height);
2802
+ height: var(--input-height);
2800
2803
  }
2801
2804
  .bagel-input textarea {
2802
- resize: vertical;
2803
- min-height: calc(var(--input-height) * 3);
2804
- line-height: 1.5;
2805
+ resize: vertical;
2806
+ min-height: calc(var(--input-height) * 3);
2807
+ line-height: 1.5;
2805
2808
  }
2806
2809
  .bagel-input.wider input {
2807
- min-width: 320px;
2810
+ min-width: 320px;
2808
2811
  }
2809
2812
  .bagel-input input[type="radio"] {
2810
- padding: 0;
2811
- width: fit-content;
2813
+ padding: 0;
2814
+ width: fit-content;
2812
2815
  }
2813
2816
  .bagel-input:focus-within label {
2814
- color: var(--bgl-primary);
2817
+ color: var(--bgl-primary);
2815
2818
  }
2816
2819
  .bagel-input select.no-edit,
2817
2820
  .bagel-input input.no-edit,
2818
2821
  .bagel-input textarea.no-edit,
2819
2822
  .bagel-input .switch.no-edit {
2820
- pointer-events: none;
2821
- outline: none;
2822
- }
2823
- input[type="number"]::-webkit-inner-spin-button,
2824
- input[type="number"]::-webkit-outer-spin-button {
2825
- -webkit-appearance: none;
2823
+ pointer-events: none;
2824
+ outline: none;
2826
2825
  }
2827
- label.active {
2828
- color: var(--bgl-primary);
2826
+ .bagel-input label.active {
2827
+ color: var(--bgl-primary);
2829
2828
  }
2830
2829
  .inline-80 {
2831
- display: inline-block;
2832
- width: 80%;
2830
+ display: inline-block;
2831
+ width: 80%;
2833
2832
  }
2834
2833
  .inline-20 {
2835
- display: inline-block;
2836
- width: 20%;
2834
+ display: inline-block;
2835
+ width: 20%;
2837
2836
  }
2838
2837
  .inline-10 {
2839
- display: inline-block;
2840
- width: 20%;
2838
+ display: inline-block;
2839
+ width: 20%;
2841
2840
  }
2842
2841
  .inline-50 {
2843
- display: inline-block;
2844
- width: 49%;
2845
- margin: 0 0.5%;
2842
+ display: inline-block;
2843
+ width: 49%;
2844
+ margin: 0 0.5%;
2846
2845
  }
2847
2846
  .custom-select .input {
2848
- height: var(--input-height);
2849
- font-size: var(--input-font-size);
2847
+ height: var(--input-height);
2848
+ font-size: var(--input-font-size);
2850
2849
  }
2851
2850
  .custom-select .input {
2852
- background: var(--input-bg);
2853
- border: none;
2854
- padding: 0.7rem;
2855
- border-radius: var(--input-border-radius);
2856
- color: var(--input-color);
2857
- min-width: calc(var(--input-height) * 3);
2858
- width: 100%;
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%;
2859
2858
  }
2860
2859
  .input.active,
2861
2860
  .bagel-input input:focus-visible,
2862
2861
  .bagel-input select:focus-visible,
2863
2862
  .bagel-input textarea:focus-visible {
2864
- outline: none;
2865
- box-shadow: inset 0 0 10px #00000012;
2866
- }
2867
- input[type="number"]::-webkit-inner-spin-button,
2868
- input[type="number"]::-webkit-outer-spin-button {
2869
- -webkit-appearance: none;
2863
+ outline: none;
2864
+ box-shadow: inset 0 0 10px #00000012;
2870
2865
  }
2871
- label.active {
2872
- color: var(--bgl-primary);
2866
+ .bagel-input input[type="number"]::-webkit-inner-spin-button,
2867
+ .bagel-input input[type="number"]::-webkit-outer-spin-button {
2868
+ -webkit-appearance: none;
2873
2869
  }
2874
2870
  .label-count-0 label {
2875
- display: none;
2871
+ display: none;
2876
2872
  }
2877
2873
  .label-count-0 button.bgl_btn.bgl_flatBtn {
2878
- /* background: var(--bgl-blue-light); */
2879
- margin-right: 5px;
2874
+ /* background: var(--bgl-blue-light); */
2875
+ margin-right: 5px;
2880
2876
  }
2881
2877
  .label-count-0 button.bgl_btn.bgl_flatBtn:hover {
2882
- background: var(--bgl-hover-filter);
2878
+ background: var(--bgl-hover-filter);
2883
2879
  }
2884
- input[type="color"] {
2885
- padding: 0.025rem 0.05rem;
2886
- display: block;
2887
- width: var(--input-height);
2888
- height: var(--input-height);
2889
- border: none;
2890
- -webkit-appearance: none;
2891
- -moz-appearance: none;
2892
- appearance: none;
2893
- cursor: pointer;
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;
2894
2890
  }
2895
- input[type="color"]::-webkit-color-swatch {
2896
- border-radius: var(--input-border-radius);
2897
- border: none;
2898
- transition: box-shadow 200ms ease;
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;
2899
2895
  }
2900
- input[type="color"]::-moz-color-swatch {
2901
- border-radius: var(--input-border-radius);
2902
- border: none;
2903
- transition: box-shadow 200ms ease;
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;
2904
2900
  }
2905
- input[type="color"]::-webkit-color-swatch:hover {
2906
- box-shadow: inset 0 0 10px #00000050;
2901
+ .bagel-input input[type="color"]::-webkit-color-swatch:hover {
2902
+ box-shadow: inset 0 0 10px #00000050;
2907
2903
  }
2908
- input[type="color"]::-moz-color-swatch:hover {
2909
- box-shadow: inset 0 0 10px #00000050;
2904
+ .bagel-input input[type="color"]::-moz-color-swatch:hover {
2905
+ box-shadow: inset 0 0 10px #00000050;
2910
2906
  }
2911
2907
  @media screen and (max-width: 910px) {
2912
- .bagel-input.wider input {
2913
- min-width: 120px;
2914
- }
2908
+ .bagel-input.wider input {
2909
+ min-width: 120px;
2910
+ }
2915
2911
 
2916
- .bagel-input label {
2917
- font-size: calc(var(--input-font-size) / 1.1);
2918
- line-height: 1.2;
2919
- }
2912
+ .bagel-input label {
2913
+ font-size: calc(var(--input-font-size) / 1.1);
2914
+ line-height: 1.2;
2915
+ }
2920
2916
  }
2921
- button,
2922
2917
  .bgl_btn,
2923
2918
  .bgl_flatBtn,
2924
2919
  .bgl_btn-icon {
2925
- font-family: inherit;
2926
- white-space: nowrap;
2927
- cursor: pointer;
2928
- box-sizing: border-box;
2929
- user-select: none;
2930
- border: none;
2931
- transition: var(--bgl-transition);
2932
- border-radius: var(--btn-border-radius);
2933
- line-height: var(--btn-height);
2934
- font-size: var(--input-font-size);
2935
- display: inline-block;
2936
- height: var(--btn-height);
2937
- padding: 0
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;
2938
2933
  }
2939
2934
  .btn-close {
2940
- margin-top: -20px;
2941
- margin-inline-end: -20px;
2942
- margin-inline-start: auto;
2943
- margin-bottom: 15px;
2944
- transition: var(--bgl-transition);
2945
- height: 30px;
2946
- width: 30px;
2947
- opacity: 0.6;
2948
- cursor: pointer;
2949
- border-radius: 100%;
2950
- outline: 2px solid transparent;
2951
- display: flex;
2952
- align-items: center;
2953
- justify-content: center;
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;
2954
2949
  }
2955
2950
  .btn-close:hover {
2956
- background: var(--bgl-gray-light);
2957
- opacity: 1;
2951
+ background: var(--bgl-gray-light);
2952
+ opacity: 1;
2958
2953
  }
2959
2954
  .btn-close:active {
2960
- background: var(--bgl-gray);
2955
+ background: var(--bgl-gray);
2961
2956
  }
2962
2957
  .btn-close::before {
2963
- content: "close";
2964
- font-family: "Material Symbols Outlined", serif;
2958
+ content: "close";
2959
+ font-family: "Material Symbols Outlined", serif;
2965
2960
  }
2966
2961
  .bgl_btn.thin {
2967
- height: calc(var(--btn-height) * 0.7);
2968
- line-height: calc(var(--btn-height) * 0.7);
2962
+ height: calc(var(--btn-height) * 0.7);
2963
+ line-height: calc(var(--btn-height) * 0.7);
2969
2964
  }
2970
2965
  @media screen and (max-width: 910px) {
2971
- .bgl_btn {
2972
- padding: 0 20px;
2973
- }
2974
- }
2975
- /* h1,
2976
- h2,
2977
- h3,
2978
- h4,
2979
- h5,
2980
- h6 {
2981
- width: max-content;
2966
+ .bgl_btn {
2967
+ padding: 0 20px;
2968
+ }
2982
2969
  }
2983
-
2984
- h1 {}
2985
-
2986
- h2 {}
2987
-
2988
- h3 {}
2989
-
2990
- h4 {}
2991
-
2992
- h5 {}
2993
-
2994
- h6 {} */
2995
2970
  .txt-center {
2996
2971
  text-align: center;
2997
2972
  }