@bagelink/vue 0.0.331 → 0.0.335

package/dist/style.css

@@ -648,25 +648,6 @@ a[data-v-0c8d9a95] {
 }
 }
 
-.tab[data-v-37337215] {
-  text-transform: capitalize;
-}
-.side-tabs[data-v-37337215]{
-  display: flex;
-}
-.side-tabs .tabs-top[data-v-37337215]{
- margin-inline-end: 1rem;
-}
-.side-tabs .tabs[data-v-37337215]{
-  display: block;
-  padding: 0;
-  margin: 0;
-  border: none;
-}
-.side-tabs .tab[data-v-37337215]{
- border: none;
-}
-
 .comments-wrap[data-v-c4b41dc0] {
   display: grid;
   grid-template-rows: 1fr 40px;
@@ -805,15 +786,6 @@ a[data-v-0c8d9a95] {
   align-items: center;
   gap: 1rem;
 }
-@media screen and (max-width: 910px) {
-.top-title {
-    font-size: 1.25em;
-    margin-bottom: 1rem;
-    font-weight: 400;
-    -webkit-margin-start: 0.5rem;
-    margin-inline-start: 0.5rem;
-}
-}
 
 .list-arrows[data-v-f3641508] {
   opacity: 0;
@@ -985,61 +957,6 @@ padding: 0.75rem 0.5rem;
   height: 100%;
   object-fit: cover;
 }
-.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}
-
-.combobox[data-v-14fbb20b] {
-  width: 100%;
-}
-.combobox-option[data-v-14fbb20b] {
-  padding: 6px 12px;
-  cursor: pointer;
-  border-radius: 5px;
-  transition: all 0.2s;
-  display: grid;
-  grid-template-columns: 10px 1fr;
-  justify-content: space-between;
-  width: 100%;
-  font-size: var(--input-font-size);
-}
-.combobox-options[data-v-14fbb20b] {
-  max-height: 300px;
-  overflow-y: auto;
-}
-.combobox-option[data-v-14fbb20b]:hover {
-  background: var(--bgl-gray-20);
-}
-
-[data-popper-shown]{
-	color: var(--bgl-primary) !important;
-}
-.bagel-input label {
-  font-size: var(--label-font-size);
-}
-.combobox-btn {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  height: var(--input-height);
-  border-radius: var(--input-border-radius);
-  border: none;
-  background: var(--input-bg);
-  padding: 0.7rem;
-  color: var(--input-color);
-  width: 100%;
-  font-family: inherit;
-}
-.combobox-btn:focus {
-  outline: none;
-  box-shadow: inset 0 0 10px #00000012;
-}
-.v-popper__arrow-container {
-  display: none;
-}
-.v-popper--theme-dropdown .v-popper__inner {
-  border: none;
-  background: transparent;
-  border-radius: var(--card-border-radius);
-}
 
 .alert[data-v-94bfcb05] {
   padding: var(--btn-padding);
@@ -1277,401 +1194,61 @@ display: block;
 [dir='rtl'] .bagel-input textarea[data-v-1fc4f739] {
 	direction: ltr;
 }
+.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}
 
-fieldset[disabled] .multiselect {
-  pointer-events: none;
-}
-.multiselect__spinner {
-  position: absolute;
-  right: 1px;
-  top: 1px;
-  width: 40px;
-  height: 38px;
-  background: #fff;
-  display: block;
-}
-.multiselect__spinner::before,
-.multiselect__spinner::after {
-  position: absolute;
-  content: "";
-  top: 50%;
-  left: 50%;
-  margin: -8px 0 0 -8px;
-  width: 16px;
-  height: 16px;
-  border-radius: 100%;
-  border-color: var(--bgl-primary-tint) transparent transparent;
-  border-style: solid;
-  border-width: 2px;
-  box-shadow: 0 0 0 1px transparent;
-}
-.multiselect__spinner::before {
-  animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
-  animation-iteration-count: infinite;
-}
-.multiselect__spinner::after {
-  animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
-  animation-iteration-count: infinite;
-}
-.multiselect__loading-enter-active,
-.multiselect__loading-leave-active {
-  transition: opacity 0.4s ease-in-out;
-  opacity: 1;
-}
-.multiselect__loading-enter,
-.multiselect__loading-leave-active {
-  opacity: 0;
-}
-.multiselect,
-.multiselect__input,
-.multiselect__single {
-  font-family: inherit;
-  font-size: var(--input-font-size);
-  touch-action: manipulation;
-}
-.multiselect {
-  box-sizing: content-box;
-  display: block;
-  position: relative;
+.selectinput[data-v-8845266b] {
   width: 100%;
-  min-height: var(--input-height);
-  text-align: left;
-  color: var(--input-color);
-}
-.multiselect * {
-  box-sizing: border-box;
-}
-.multiselect:focus {
-  outline: none;
-}
-.multiselect--disabled {
-  background: #ededed;
-  pointer-events: none;
-  opacity: 0.6;
-}
-.multiselect--active {
-  z-index: 50;
-}
-.multiselect--active:not(.multiselect--above) .multiselect__current,
-.multiselect--active:not(.multiselect--above) .multiselect__input,
-.multiselect--active:not(.multiselect--above) .multiselect__tags {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.multiselect--active:not(.multiselect--above) .multiselect__tags {
-  box-shadow: inset 0 0 10px #00000012;
-}
-.multiselect--active .multiselect__select {
-  transform: rotateZ(180deg);
 }
-.multiselect--above.multiselect--active .multiselect__current,
-.multiselect--above.multiselect--active .multiselect__input,
-.multiselect--above.multiselect--active .multiselect__tags {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-.multiselect__input,
-.multiselect__single {
-  position: relative;
-  display: inline-block;
-  border: none;
-  background: var(--input-bg);
-  width: calc(100%);
-  transition: border 0.1s ease;
-  box-sizing: border-box;
-  vertical-align: top;
+.selectinput-option[data-v-8845266b] {
+  padding: 6px 12px;
+  cursor: pointer;
+  border-radius: 5px;
+  transition: all 0.2s;
+  display: grid;
+  grid-template-columns: 10px 1fr;
+  justify-content: space-between;
+  width: 100%;
   font-size: var(--input-font-size);
-  padding-inline-start: 0rem;
-}
-.multiselect--active .multiselect__input {
-  margin-top: -0.6rem;
-}
-.multiselect__input::placeholder {
-  color: var(--input-color);
 }
-.multiselect__tag~.multiselect__input,
-.multiselect__tag~.multiselect__single {
-  width: auto;
-}
-.multiselect__input:hover,
-.multiselect__single:hover {
-  border-color: #cfcfcf;
-}
-.multiselect__input:focus,
-.multiselect__single:focus {
-  border-color: #a8a8a8;
-  outline: none;
+.selectinput-options[data-v-8845266b] {
+  max-height: 300px;
+  overflow-y: auto;
 }
-.multiselect__single {
-  /* padding-left: 5px; */
-  margin-bottom: 8px;
+.selectinput-option[data-v-8845266b]:hover {
+  background: var(--bgl-gray-20);
 }
-.multiselect__tags-wrap {
-  display: inline;
+
+.bagel-input label {
+  font-size: var(--label-font-size);
 }
-.multiselect__tags {
-  /* min-height: 40px; */
-  display: block;
-  /* padding: 0.7rem 40px 0.7rem 8px; */
+.selectinput-btn {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: var(--input-height);
   border-radius: var(--input-border-radius);
+  border: none;
   background: var(--input-bg);
-  font-size: var(--input-font-size);
-  height: var(--input-height);
-  line-height: 0;
-  padding: calc(var(--input-height) / 2);
-  padding-inline-end: 40px;
-  padding-inline-start: 0.7rem;
-}
-.multiselect__tag {
-  position: relative;
-  display: inline-block;
-  padding: 4px 26px 4px 10px;
-  border-radius: 5px;
-  margin-right: 10px;
-  color: #fff;
-  line-height: 1;
-  background: var(--bgl-primary-tint);
-  margin-bottom: 5px;
-  white-space: nowrap;
-  overflow: hidden;
-  max-width: 100%;
-  text-overflow: ellipsis;
-}
-.multiselect__tag-icon {
-  cursor: pointer;
-  margin-left: 7px;
-  position: absolute;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  font-weight: 700;
-  font-style: initial;
-  width: 22px;
-  text-align: center;
-  line-height: 22px;
-  transition: all 0.2s ease;
-  border-radius: 5px;
-}
-.multiselect__tag-icon::after {
-  content: "×";
-  color: #266d4d;
-  font-size: 14px;
-}
-
-/* // Remove these lines to avoid green closing button
-  //.multiselect__tag-icon:focus,
-  //.multiselect__tag-icon:hover {
-  //  background: #369a6e;
-  //} */
-.multiselect__tag-icon:focus::after,
-.multiselect__tag-icon:hover::after {
-  color: white;
-}
-.multiselect__current {
-  line-height: 16px;
-  min-height: 40px;
-  box-sizing: border-box;
-  display: block;
-  overflow: hidden;
-  padding: 8px 12px 0;
-  padding-right: 30px;
-  white-space: nowrap;
-  margin: 0;
-  text-decoration: none;
-  border-radius: 5px;
-  /* border: 1px solid #e8e8e8; */
-  cursor: pointer;
-}
-.multiselect__select {
-  line-height: 16px;
-  display: block;
-  position: absolute;
-  box-sizing: border-box;
-  /* width: 40px; */
-  /* height: 38px; */
-  right: 1px;
-  top: 1px;
-  padding: 4px 8px;
-  margin: 0;
-  text-decoration: none;
-  text-align: center;
-  cursor: pointer;
-  transition: transform 0.2s ease;
-  padding-top: calc(var(--input-height) / 2 - 0.7rem);
-}
-.multiselect__select::before {
-  position: relative;
-  background-size: contain;
-  transform: scale(0.5);
-  color: var(--bgl-black);
-  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>");
-}
-.multiselect__placeholder {
-  color: var(--placeholder-color);
-  display: inline-block;
-  margin-bottom: 10px;
-}
-.multiselect--active .multiselect__placeholder {
-  display: none;
-}
-.multiselect__content-wrapper {
-  position: absolute;
-  display: block;
-  background: #fff;
+  padding: 0.7rem;
+  color: var(--input-color);
   width: 100%;
-  max-height: 240px;
-  overflow: auto;
-  box-shadow: 0 0 10px #00000012;
-  border-top: none;
-  border-bottom-left-radius: 5px;
-  border-bottom-right-radius: 5px;
-  z-index: 150;
-  -webkit-overflow-scrolling: touch;
-}
-.multiselect__content {
-  list-style: none;
-  display: inline-block;
-  padding: 0;
-  margin: 0;
-  min-width: 100%;
-  vertical-align: top;
-}
-.multiselect--above .multiselect__content-wrapper {
-  bottom: 100%;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-  border-top-left-radius: 5px;
-  border-top-right-radius: 5px;
-  border-bottom: none;
-  border-top: 1px solid #e8e8e8;
-}
-.multiselect__content::-webkit-scrollbar {
-  display: none;
-}
-.multiselect__element {
-  display: block;
+  font-family: inherit;
 }
-.multiselect__option {
-  display: block;
-  padding-inline-start: 12px;
-  min-height: calc(var(--input-height) * 0.8);
-  line-height: calc(var(--input-height) * 0.8);
-  text-decoration: none;
-  text-transform: none;
-  position: relative;
-  cursor: pointer;
-  white-space: nowrap;
+.selectinput-btn:disabled {
+  background: var(--input-disabled-bg);
+  color: var(--input-disabled-color);
 }
-.multiselect__option::after {
-  top: 0;
-  right: 0;
-  position: absolute;
-  width: calc(var(--input-height) * 0.8);
-  height: calc(var(--input-height) * 0.8);
-  ;
-  text-align: center;
-  font-size: 13px;
-}
-.multiselect__option--highlight {
-  background: var(--bgl-primary-light);
+.selectinput-btn:focus {
   outline: none;
-  color: var(--bgl-primary);
-}
-.multiselect__option--selected {
-  background: var(--bgl-primary);
-  color: var(--bgl-white);
-  font-weight: bold;
-}
-.multiselect__option--selected.multiselect__option--highlight {
-  filter: brightness(0.9);
-  color: #fff;
-}
-.multiselect__option--selected.multiselect__option--highlight::after {
-  content: "✕";
-  color: var(--bgl-white);
-}
-.multiselect--disabled .multiselect__current,
-.multiselect--disabled .multiselect__select {
-  background: #ededed;
-  color: #a6a6a6;
-}
-.multiselect__option--disabled {
-  background: #ededed !important;
-  color: #a6a6a6 !important;
-  cursor: text;
-  pointer-events: none;
-}
-.multiselect__option--group {
-  background: #ededed;
-  color: var(--input-color);
-}
-.multiselect__option--group.multiselect__option--highlight {
-  background: var(--input-color);
-  color: #fff;
-}
-.multiselect__option--group.multiselect__option--highlight::after {
-  background: var(--input-color);
-}
-.multiselect__option--disabled.multiselect__option--highlight {
-  background: #dedede;
-}
-.multiselect__option--group-selected.multiselect__option--highlight {
-  background: var(--bgl-red);
-  color: #fff;
-}
-.multiselect__option--group-selected.multiselect__option--highlight::after {
-  background: var(--bgl-red);
-  content: attr(data-deselect);
-  color: #fff;
-}
-.multiselect-enter-active,
-.multiselect-leave-active {
-  transition: all 0.15s ease;
-}
-.multiselect-enter,
-.multiselect-leave-active {
-  opacity: 0;
-}
-.multiselect__strong {
-  margin-bottom: 8px;
-  line-height: 20px;
-  display: inline-block;
-  vertical-align: top;
-}
-*[dir="rtl"] .multiselect {
-  text-align: right;
-}
-*[dir="rtl"] .multiselect__select {
-  right: auto;
-  left: 1px;
-}
-*[dir="rtl"] .multiselect__tags {
-  padding: calc(var(--input-height) / 2);
-  padding-inline-end: 40px;
-  padding-inline-start: 0.7rem;
-}
-*[dir="rtl"] .multiselect__content {
-  text-align: right;
-}
-*[dir="rtl"] .multiselect__option::after {
-  right: auto;
-  left: 0;
-}
-*[dir="rtl"] .multiselect__clear {
-  right: auto;
-  left: 12px;
-}
-*[dir="rtl"] .multiselect__spinner {
-  right: auto;
-  left: 1px;
-}
-@keyframes spinning {
-from {
-    transform: rotate(0);
+  box-shadow: inset 0 0 10px #00000012;
 }
-to {
-    transform: rotate(2turn);
+.v-popper__arrow-container {
+  display: none;
 }
+.v-popper--theme-dropdown .v-popper__inner {
+  border: none;
+  background: transparent;
+  border-radius: var(--card-border-radius);
 }
 
 .bagel-input[data-v-69a60381] {
@@ -2248,9 +1825,18 @@ img.preview[data-v-1be8d7b1] {
 }
 }
 
-.layout {
+.layout[data-v-977dfbf4] {
   min-height: 100px;
   display: grid;
+  gap: var(--7a00a82c);
+  grid-template-rows: var(--30493178);
+  grid-template-columns: var(--5b203692);
+}
+@media screen and (max-width: 910px) {
+.layout[data-v-977dfbf4] {
+    grid-template-rows: var(--7cba085b);
+    grid-template-columns: var(--7abc6a1b);
+}
 }
 
 .v-popper--theme-tooltip .v-popper__inner {
@@ -2267,7 +1853,7 @@ img.preview[data-v-1be8d7b1] {
   background-color: var(--bgl-primary-tint) !important;
 }
 
-.bgl_sidebar[data-v-8d6bd3d8] {
+.bgl_sidebar[data-v-8713ae4a] {
   background-color: var(--bgl-primary);
   color: var(--bgl-white);
   overflow: hidden;
@@ -2277,22 +1863,22 @@ img.preview[data-v-1be8d7b1] {
   padding: 0.5rem;
   overflow-y: auto;
 }
-.wideNav .toggleNav[data-v-8d6bd3d8] {
+.wideNav .toggleNav[data-v-8713ae4a] {
   transform: rotate(180deg);
 }
-.wideNav .nav-button[data-v-8d6bd3d8] {
+.wideNav .nav-button[data-v-8713ae4a] {
   padding-inline-start: 1rem !important;
   width: 100%;
 }
-.nav-button.bgl_btn-icon[data-v-8d6bd3d8] {
+.nav-button.bgl_btn-icon[data-v-8713ae4a] {
   border-radius: var(--btn-border-radius) !important;
 }
-.nav-button p[data-v-8d6bd3d8] {
+.nav-button p[data-v-8713ae4a] {
   transition: var(--nav-tran);
-  animation: fade-8d6bd3d8 2s;
+  animation: fade-8713ae4a 2s;
   animation-duration: 900ms;
 }
-@keyframes fade-8d6bd3d8 {
+@keyframes fade-8713ae4a {
 0% {
     opacity: 0;
     transform: translateX(-20px);
@@ -2307,6 +1893,34 @@ img.preview[data-v-1be8d7b1] {
 }
 }
 
+.tab[data-v-f737d297] {
+  border: none;
+  border-bottom: 1px solid var(--border-color);
+  background: transparent;
+}
+.tab.currentTab[data-v-f737d297] {
+  border-bottom: 2px solid var(--primary-color);
+}
+
+.tab[data-v-fd61196d] {
+  text-transform: capitalize;
+}
+.side-tabs[data-v-fd61196d] {
+  display: flex;
+}
+.side-tabs .tabs-top[data-v-fd61196d] {
+  margin-inline-end: 1rem;
+}
+.side-tabs .tabs[data-v-fd61196d] {
+  display: block;
+  padding: 0;
+  margin: 0;
+  border: none;
+}
+.side-tabs .tab[data-v-fd61196d] {
+  border: none;
+}
+
 
 
 .grid {
@@ -2388,11 +2002,11 @@ img.preview[data-v-1be8d7b1] {
     top: 0px;
     inset-inline-end: 0px;
 }
-.position-absolute {
-    position: absolute;
-}
-.position-relative {
-    position: relative;
+.positioned-full {
+    top: 0;
+    bottom: 0;
+    inset-inline-start: 0;
+    inset-inline-end: 0;
 }
 .auto-flow-rows {
     grid-auto-flow: row;
@@ -2410,8 +2024,6 @@ img.preview[data-v-1be8d7b1] {
 .w-100,
 .width-100 {
     width: 100%;
-    max-width: 100px;
-
 }
 .w300,
 .w350,
@@ -2448,12 +2060,48 @@ img.preview[data-v-1be8d7b1] {
     margin-inline-end: auto;
     width: 98%;
 }
+.w10 {
+    max-width: 10px;
+}
+.w20 {
+    max-width: 20px;
+}
+.w20 {
+    max-width: 20px;
+}
+.w30 {
+    max-width: 30px;
+}
+.w40 {
+    max-width: 40px;
+}
+.w50 {
+    max-width: 50px;
+}
+.w60 {
+    max-width: 60px;
+}
+.w70 {
+    max-width: 70px;
+}
+.w80 {
+    max-width: 80px;
+}
+.w90 {
+    max-width: 90px;
+}
 .w100 {
     max-width: 100px;
 }
+.w150 {
+    max-width: 150px;
+}
 .w200 {
     max-width: 200px;
 }
+.w250 {
+    max-width: 250px;
+}
 .w300 {
     max-width: 300px;
 }
@@ -3180,12 +2828,26 @@ img.preview[data-v-1be8d7b1] {
 .p-025 {
     padding: 0.25rem !important;
 }
-.relative {
-    position: relative;
+.relative,
+.position-relative {
+    position: relative !important;
 }
-.absolute {
+.absolute,
+.position-absolute {
     position: absolute !important;
 }
+.fixed,
+.position-fixed {
+    position: fixed !important;
+}
+.static,
+.position-static {
+    position: static !important;
+}
+.sticky,
+.position-sticky {
+    position: sticky !important;
+}
 .flex {
     display: flex;
     align-items: center;
@@ -3195,7 +2857,8 @@ img.preview[data-v-1be8d7b1] {
     align-items: stretch;
 }
 .hide,
-.display-hide {
+.none,
+.display-none {
     display: none;
 }
 .display-block {
@@ -3523,14 +3186,12 @@ img.preview[data-v-1be8d7b1] {
         display: grid !important;
     }
 
-    .m_none {
+    .m_hide,
+    .m_none,
+    .m_display-none {
         display: none !important;
     }
 
-    .m_w-100 {
-        width: 100% !important;
-    }
-
     .m_inline-grid {
         display: inline-grid;
     }
@@ -3630,12 +3291,11 @@ img.preview[data-v-1be8d7b1] {
         inset-inline-end: 0px;
     }
 
-    .m_position-absolute {
-        position: absolute;
-    }
-
-    .m_position-relative {
-        position: relative;
+    .m_positioned-full {
+        top: 0;
+        bottom: 0;
+        inset-inline-start: 0;
+        inset-inline-end: 0;
     }
 
     .m_auto-flow-rows {
@@ -3657,9 +3317,7 @@ img.preview[data-v-1be8d7b1] {
 
     .m_w-100,
     .m_width-100 {
-        width: 100%;
-        max-width: 100px;
-
+        width: 100% !important;
     }
 
     .m_w300,
@@ -3681,14 +3339,62 @@ img.preview[data-v-1be8d7b1] {
         width: 98%;
     }
 
+    .m_w10 {
+        max-width: 10px;
+    }
+
+    .m_w20 {
+        max-width: 20px;
+    }
+
+    .m_w20 {
+        max-width: 20px;
+    }
+
+    .m_w30 {
+        max-width: 30px;
+    }
+
+    .m_w40 {
+        max-width: 40px;
+    }
+
+    .m_w50 {
+        max-width: 50px;
+    }
+
+    .m_w60 {
+        max-width: 60px;
+    }
+
+    .m_w70 {
+        max-width: 70px;
+    }
+
+    .m_w80 {
+        max-width: 80px;
+    }
+
+    .m_w90 {
+        max-width: 90px;
+    }
+
     .m_w100 {
         max-width: 100px;
     }
 
+    .m_w150 {
+        max-width: 150px;
+    }
+
     .m_w200 {
         max-width: 200px;
     }
 
+    .m_w250 {
+        max-width: 250px;
+    }
+
     .m_w300 {
         max-width: 300px;
     }
@@ -4564,14 +4270,31 @@ img.preview[data-v-1be8d7b1] {
         padding: 0.25rem !important;
     }
 
-    .m_relative {
-        position: relative;
+    .m_relative,
+    .m_position-relative {
+        position: relative !important;
     }
 
-    .m_absolute {
+    .m_absolute,
+    .m_position-absolute {
         position: absolute !important;
     }
 
+    .m_fixed,
+    .m_position-fixed {
+        position: fixed !important;
+    }
+
+    .m_static,
+    .m_position-static {
+        position: static !important;
+    }
+
+    .m_sticky,
+    .m_position-sticky {
+        position: sticky !important;
+    }
+
     .m_flex-stretch {
         display: flex;
         align-items: stretch;
@@ -5280,7 +5003,6 @@ select {
     white-space: nowrap;
 }
 @media screen and (max-width: 910px) {
-
     .txt20,
     .txt-20 {
         font-size: 18px;
@@ -5295,6 +5017,159 @@ select {
     .txt-14 {
         font-size: 12px;
     }
+
+    .m_txt-center {
+        text-align: center;
+    }
+
+    .m_txt-start {
+        text-align: start;
+    }
+
+    .m_txt-end {
+        text-align: end;
+    }
+
+    .m_txt-small {
+        font-size: 12px;
+    }
+
+    .m_txt20,
+    .m_txt-20 {
+        font-size: 20px;
+    }
+
+    .m_txt18,
+    .m_txt-18 {
+        font-size: 18px;
+    }
+
+    .m_txt16,
+    .m_txt-16 {
+        font-size: 16px;
+    }
+
+    .m_txt14,
+    .m_txt-14 {
+        font-size: 14px;
+    }
+
+    .m_txt12,
+    .m_txt-12 {
+        font-size: 12px;
+    }
+
+    .m_txt10,
+    .m_txt-10 {
+        font-size: 10px;
+    }
+
+    .m_txt9,
+    .m_txt-9 {
+        font-size: 9px;
+    }
+
+    .m_no-margin {
+        margin: 0;
+    }
+
+    .m_txt-gray,
+    .m_txtgray {
+        color: var(--bgl-gray);
+    }
+
+    .m_txt-blue,
+    .m_txtblue {
+        color: var(--bgl-primary);
+    }
+
+    .m_txt-black,
+    .m_txtblack {
+        color: var(--bgl-black);
+    }
+
+    .m_txt-red,
+    .m_txtred {
+        color: var(--bgl-red);
+    }
+
+    .m_txt-white,
+    .m_txtwhite {
+        color: var(--bgl-white);
+    }
+
+    .m_font-light {
+        font-weight: 100;
+    }
+
+    .m_bold {
+        font-weight: 700;
+    }
+
+    .m_line-height-1 {
+        line-height: 1;
+    }
+
+    .m_ellipsis {
+        overflow: hidden;
+        display: block;
+        width: 100%;
+        text-overflow: ellipsis;
+    }
+
+    .m_ellipsis-1,
+    .m_ellipsis-2,
+    .m_ellipsis-3,
+    .m_ellipsis-4,
+    .m_ellipsis-5,
+    .m_ellipsis-6 {
+        display: block;
+        display: -webkit-box;
+        max-width: 100%;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    .m_ellipsis-1 {
+        -webkit-line-clamp: 1;
+    }
+
+    .m_ellipsis-2 {
+        -webkit-line-clamp: 2;
+    }
+
+    .m_ellipsis-3 {
+        -webkit-line-clamp: 3;
+    }
+
+    .m_ellipsis-4 {
+        -webkit-line-clamp: 4;
+    }
+
+    .m_ellipsis-5 {
+        -webkit-line-clamp: 5;
+    }
+
+    .m_ellipsis-6 {
+        -webkit-line-clamp: 6;
+    }
+
+    .m_pointer {
+        cursor: pointer;
+    }
+
+    .m_decoration-none {
+        text-decoration: none;
+    }
+
+    .m_bgl_icon-font {
+        font-family: "Material Symbols Outlined", serif;
+    }
+
+    .m_nowrap {
+        white-space: nowrap;
+    }
 }
 ::-webkit-scrollbar {
     width: 0.5em;
@@ -5442,6 +5317,47 @@ select {
 .opacity-10 {
     opacity: 1;
 }
+@media screen and (max-width: 910px) {
+    .m_opacity-1 {
+        opacity: 0.1;
+    }
+
+    .m_opacity-2 {
+        opacity: 0.2;
+    }
+
+    .m_opacity-3 {
+        opacity: 0.3;
+    }
+
+    .m_opacity-4 {
+        opacity: 0.4;
+    }
+
+    .m_opacity-5 {
+        opacity: 0.5;
+    }
+
+    .m_opacity-6 {
+        opacity: 0.6;
+    }
+
+    .m_opacity-7 {
+        opacity: 0.7;
+    }
+
+    .m_opacity-8 {
+        opacity: 0.8;
+    }
+
+    .m_opacity-9 {
+        opacity: 0.9;
+    }
+
+    .m_opacity-10 {
+        opacity: 1;
+    }
+}
 /* @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@300;400;500;600;700&display=swap"); */
 /*noinspection CssUnknownTarget*/
 :root {