@bagelink/vue 0.0.190 → 0.0.196

package/dist/style.css

@@ -306,139 +306,129 @@
 }
 }
 
-.loading[data-v-8fe48560] {
-  border: 1px solid var(--bgl-white);
-  border-bottom: 2px solid var(--bgl-white);
-  animation: spin-8fe48560 1s linear infinite;
-  border-radius: 100px;
-  width: 1rem;
-  height: 1rem;
-  margin: auto;
-}
-@keyframes spin-8fe48560 {
+.loading[data-v-86c248d5] {
+	border: 1px solid var(--bgl-white);
+	border-bottom: 2px solid var(--bgl-white);
+	animation: spin-86c248d5 1s linear infinite;
+	border-radius: 100px;
+	width: 1rem;
+	height: 1rem;
+	margin: auto;
+}
+@keyframes spin-86c248d5 {
 0% {
-    transform: rotate(0deg);
+		transform: rotate(0deg);
 }
 100% {
-    transform: rotate(360deg);
-}
+		transform: rotate(360deg);
 }
-.btn-icon[data-v-8fe48560] {
-  height: var(--btn-height);
-  width: var(--btn-height);
-  border-radius: 100%;
-  font-size: 1rem;
-  background: var(--bgl-primary);
-  color: var(--bgl-white);
-  flex-shrink: 0;
-  transition: var(--bgl-transition);
-}
-.btn[data-v-8fe48560] {
-  background: var(--bgl-primary);
-  color: var(--bgl-white);
-  padding-left: var(--btn-padding);
-  padding-right: var(--btn-padding);
-  transition: var(--bgl-transition);
-  text-decoration: none;
 }
-.btn[disabled="true"][data-v-8fe48560] {
-  opacity: 0.5;
-  cursor: not-allowed;
+.btn-icon[data-v-86c248d5] {
+	height: var(--btn-height);
+	width: var(--btn-height);
+	border-radius: 100%;
+	font-size: 1rem;
+	background: var(--bgl-primary);
+	color: var(--bgl-white);
+	flex-shrink: 0;
+	transition: var(--bgl-transition);
 }
-.btn-flex[data-v-8fe48560] {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  justify-content: center;
+.btn[data-v-86c248d5] {
+	background: var(--bgl-primary);
+	color: var(--bgl-white);
+	padding-left: var(--btn-padding);
+	padding-right: var(--btn-padding);
+	transition: var(--bgl-transition);
+	text-decoration: none;
 }
-.btn .icon-font[data-v-8fe48560] {
-  font-size: calc(var(--input-font-size) * 1.3);
+.btn[disabled="true"][data-v-86c248d5] {
+	opacity: 0.5;
+	cursor: not-allowed;
 }
-.btn[data-v-8fe48560]:hover,
-.btn-icon[data-v-8fe48560]:hover {
-  filter: var(--bgl-hover-filter);
+.btn-flex[data-v-86c248d5] {
+	display: flex;
+	align-items: center;
+	gap: 0.5rem;
+	justify-content: center;
 }
-.btn[data-v-8fe48560]:active,
-.btn-icon[data-v-8fe48560]:active {
-  filter: var(--bgl-active-filter);
+.btn .icon-font[data-v-86c248d5] {
+	font-size: calc(var(--input-font-size) * 1.3);
 }
-.btn.red[data-v-8fe48560],
-.btn-icon.red[data-v-8fe48560] {
-  background: var(--bgl-red);
+.btn[data-v-86c248d5]:hover,
+.btn-icon[data-v-86c248d5]:hover {
+	filter: var(--bgl-hover-filter);
 }
-.btn.light[data-v-8fe48560],
-.btn-icon.light[data-v-8fe48560] {
-  background: var(--bgl-blue-light);
-  color: var(--bgl-primary);
+.btn[data-v-86c248d5]:active,
+.btn-icon[data-v-86c248d5]:active {
+	filter: var(--bgl-active-filter);
 }
-.btn.gray[data-v-8fe48560],
-.btn-icon.gray[data-v-8fe48560] {
-  background: var(--bgl-gray-light);
-  color: var(--bgl-black);
+.btn[data-v-86c248d5],
+.btn-icon[data-v-86c248d5] {
+	background-color: var(--7d77cfe0);
+	color: var(--44b26a2a);
 }
-.btn.green[data-v-8fe48560],
-.btn-icon.green[data-v-8fe48560] {
-  background: var(--bgl-green);
-  color: var(--bgl-white);
+.btn.btn-txt[data-v-86c248d5] {
+	color: var(--bgl-primary);
+	padding-left: var(--btn-padding);
+	padding-right: var(--btn-padding);
+	background: transparent;
 }
-.btn.gray-light[data-v-8fe48560],
-.btn-icon.gray-light[data-v-8fe48560] {
-  background: var(--bgl-gray-light);
-  color: var(--bgl-gray);
+.btn-icon.btn-txt[data-v-86c248d5] {
+	color: var(--bgl-primary);
+	background: transparent;
 }
-.btn.black[data-v-8fe48560],
-.btn-icon.black[data-v-8fe48560] {
-  background: var(--bgl-black);
+.btn.btn-txt[data-v-86c248d5]:hover,
+.btn-icon.btn-txt[data-v-86c248d5]:hover {
+	filter: var(--bgl-active-filter);
 }
-.btn.btn-txt[data-v-8fe48560] {
-  color: var(--bgl-primary);
-  padding-left: var(--btn-padding);
-  padding-right: var(--btn-padding);
-  background: transparent;
+.btn.btn-txt[data-v-86c248d5]:active,
+.btn-icon.btn-txt[data-v-86c248d5]:active {
+	background: var(--bgl-white);
+	filter: var(--bgl-hover-filter);
 }
-.btn-icon.btn-txt[data-v-8fe48560] {
-  color: var(--bgl-primary);
-  background: transparent;
+.btn.btn-txt.red[data-v-86c248d5],
+.btn-icon.btn-txt.red[data-v-86c248d5] {
+	color: var(--bgl-red);
 }
-.btn.btn-txt[data-v-8fe48560]:hover,
-.btn-icon.btn-txt[data-v-8fe48560]:hover {
-  filter: var(--bgl-active-filter);
+.btn.btn-txt.light[data-v-86c248d5],
+.btn-icon.btn-txt.light[data-v-86c248d5] {
+	color: var(--bgl-primary-tint);
 }
-.btn.btn-txt[data-v-8fe48560]:active,
-.btn-icon.btn-txt[data-v-8fe48560]:active {
-  background: var(--bgl-white);
-  filter: var(--bgl-hover-filter);
+.btn.btn-txt.black[data-v-86c248d5],
+.btn-icon.btn-txt.black[data-v-86c248d5] {
+	color: var(--bgl-black);
 }
-.btn.btn-txt.red[data-v-8fe48560],
-.btn-icon.btn-txt.red[data-v-8fe48560] {
-  color: var(--bgl-red);
+.btn.btn-txt.gray[data-v-86c248d5],
+.btn-icon.btn-txt.gray[data-v-86c248d5] {
+	color: var(--bgl-gray);
 }
-.btn.btn-txt.light[data-v-8fe48560],
-.btn-icon.btn-txt.light[data-v-8fe48560] {
-  color: var(--bgl-primary-tint);
+.btn.thin[data-v-86c248d5] {
+	padding-left: calc(var(--btn-padding) / 2);
+	padding-right: calc(var(--btn-padding) / 2);
 }
-.btn.btn-txt.black[data-v-8fe48560],
-.btn-icon.btn-txt.black[data-v-8fe48560] {
-  color: var(--bgl-black);
+.btn.round[data-v-86c248d5] {
+	border-radius: calc(var(--btn-border-radius) * 2);
 }
-.btn.btn-txt.gray[data-v-8fe48560],
-.btn-icon.btn-txt.gray[data-v-8fe48560] {
-  color: var(--bgl-gray);
+.btn-icon.thin[data-v-86c248d5] {
+	height: calc(var(--btn-height) / 1.5);
+	width: calc(var(--btn-height) / 1.5);
+	line-height: 1;
 }
-.btn.thin[data-v-8fe48560] {
-  padding-left: calc(var(--btn-padding) / 2);
-  padding-right: calc(var(--btn-padding) / 2);
+[dir="rtl"] .icon-font[data-v-86c248d5] {
+	transform: rotateY(180deg);
 }
-.btn.round[data-v-8fe48560] {
-  border-radius: calc(var(--btn-border-radius) * 2);
+.btn-border[data-v-86c248d5] {
+	outline: 1px solid var(--7d77cfe0);
+	color: var(--7d77cfe0);
+	background: var(--bgl-white);
 }
-.btn-icon.thin[data-v-8fe48560] {
-  height: calc(var(--btn-height) / 1.5);
-  width: calc(var(--btn-height) / 1.5);
-  line-height: 1;
+.btn-border[data-v-86c248d5]:hover {
+	color: var(--44b26a2a);
+	background: var(--7d77cfe0);
+	filter: brightness(100%);
 }
-[dir="rtl"] .icon-font[data-v-8fe48560] {
-  transform: rotateY(180deg);
+.btn-border[data-v-86c248d5]:active {
+	filter: brightness(80%);
 }
 .bg-dark {
 	position: fixed;
@@ -1150,205 +1140,202 @@ th[data-v-f3a410c2] {
   border: none;
 }
 
-.bglform-contact[data-v-312e5767] {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  max-width: 700px;
-  position: relative;
+.bglform-contact[data-v-61e13dd7] {
+	display: flex;
+	align-items: center;
+	gap: 0.5rem;
+	max-width: 700px;
+	position: relative;
 }
-.bglform-contact-label[data-v-312e5767] {
-  flex-basis: 140px;
+.bglform-contact-label[data-v-61e13dd7] {
+	flex-basis: 140px;
 }
-.bglform-contact input[type="checkbox"][data-v-312e5767] {
-  width: 30px;
-  min-width: 0;
+.bglform-contact input[type="checkbox"][data-v-61e13dd7] {
+	width: 30px;
+	min-width: 0;
 }
-.light.thin.btn-txt.btn[data-v-312e5767] {
-  padding-left: calc(var(--btn-padding) / 4);
-  padding-right: calc(var(--btn-padding) / 4);
+.light.thin.btn-txt.btn[data-v-61e13dd7] {
+	padding-left: calc(var(--btn-padding) / 4);
+	padding-right: calc(var(--btn-padding) / 4);
 }
-.add-btn[data-v-312e5767] {
-  display: flex;
-  gap: 0.5rem;
-  align-items: center;
-  margin-inline-start: 1rem;
+.add-btn[data-v-61e13dd7] {
+	display: flex;
+	gap: 0.5rem;
+	align-items: center;
+	margin-inline-start: 1rem;
 }
-.add-btn[data-v-312e5767]:active {
-  background: none !important;
+.add-btn[data-v-61e13dd7]:active {
+	background: none !important;
 }
-.add-btn[data-v-312e5767]::before {
-  content: "+";
-  font-size: 10px;
-  background: var(--bgl-blue-light);
-  border-radius: 100%;
-  height: 14px;
-  width: 14px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--bgl-primary);
+.add-btn[data-v-61e13dd7]::before {
+	content: "+";
+	font-size: 10px;
+	background: var(--bgl-blue-light);
+	border-radius: 100%;
+	height: 14px;
+	width: 14px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: var(--bgl-primary);
 }
-.add-btn[data-v-312e5767]:hover::before {
-  background: var(--bgl-primary);
-  color: var(--bgl-white);
+.add-btn[data-v-61e13dd7]:hover::before {
+	background: var(--bgl-primary);
+	color: var(--bgl-white);
 }
 @media screen and (max-width: 910px) {
-.bglform-contact-label[data-v-312e5767] {
-    min-width: 0;
+.bglform-contact-label[data-v-61e13dd7] {
+		min-width: 0;
 }
 }
-
 .bglform-contact-confirm {
-  position: absolute;
-  background: rgba(255, 255, 255, 0.5);
-  height: 100%;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-  backdrop-filter: blur(1px);
+	position: absolute;
+	background: rgba(255, 255, 255, 0.5);
+	height: 100%;
+	width: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	gap: 0.5rem;
+	backdrop-filter: blur(1px);
 }
 
-.bglform-contact[data-v-1e3274f9] {
-  display: flex;
-  gap: 0.5rem;
-  max-width: 700px;
-  position: relative;
+.bglform-contact[data-v-01e485e2] {
+	display: flex;
+	gap: 0.5rem;
+	max-width: 700px;
+	position: relative;
 }
-.bglform-contact-label[data-v-1e3274f9] {
-  flex-basis: 140px;
+.bglform-contact-label[data-v-01e485e2] {
+	flex-basis: 140px;
 }
-.bglform-contact-address[data-v-1e3274f9] {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
+.bglform-contact-address[data-v-01e485e2] {
+	display: flex;
+	flex-direction: column;
+	gap: 0.5rem;
 }
-.bglform-contact input[type="checkbox"][data-v-1e3274f9] {
-  width: 30px;
-  min-width: 0;
+.bglform-contact input[type="checkbox"][data-v-01e485e2] {
+	width: 30px;
+	min-width: 0;
 }
-.light.thin.btn-txt.btn[data-v-1e3274f9] {
-  padding-left: calc(var(--btn-padding) / 4);
-  padding-right: calc(var(--btn-padding) / 4);
+.light.thin.btn-txt.btn[data-v-01e485e2] {
+	padding-left: calc(var(--btn-padding) / 4);
+	padding-right: calc(var(--btn-padding) / 4);
 }
-.bglform-address-del[data-v-1e3274f9] {
-  margin-top: 6px;
+.bglform-address-del[data-v-01e485e2] {
+	margin-top: 6px;
 }
-.bglform-contact-address-flex[data-v-1e3274f9] {
-  display: flex;
-  gap: 0.5rem;
+.bglform-contact-address-flex[data-v-01e485e2] {
+	display: flex;
+	gap: 0.5rem;
 }
-.add-btn[data-v-1e3274f9] {
-  display: flex;
-  gap: 0.5rem;
-  align-items: center;
-  margin-inline-start: 1rem;
+.add-btn[data-v-01e485e2] {
+	display: flex;
+	gap: 0.5rem;
+	align-items: center;
+	margin-inline-start: 1rem;
 }
-.add-btn[data-v-1e3274f9]:active {
-  background: none !important;
+.add-btn[data-v-01e485e2]:active {
+	background: none !important;
 }
-.add-btn[data-v-1e3274f9]::before {
-  content: "+";
-  font-size: 10px;
-  background: var(--bgl-blue-light);
-  border-radius: 100%;
-  height: 14px;
-  width: 14px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--bgl-primary);
+.add-btn[data-v-01e485e2]::before {
+	content: "+";
+	font-size: 10px;
+	background: var(--bgl-blue-light);
+	border-radius: 100%;
+	height: 14px;
+	width: 14px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: var(--bgl-primary);
 }
-.add-btn[data-v-1e3274f9]:hover::before {
-  background: var(--bgl-primary);
-  color: var(--bgl-white);
+.add-btn[data-v-01e485e2]:hover::before {
+	background: var(--bgl-primary);
+	color: var(--bgl-white);
 }
 @media screen and (max-width: 910px) {
-.bglform-contact-address-flex[data-v-1e3274f9] {
-    flex-wrap: wrap;
+.bglform-contact-address-flex[data-v-01e485e2] {
+		flex-wrap: wrap;
 }
-.bglform-contact-label[data-v-1e3274f9] {
-    min-width: 0;
+.bglform-contact-label[data-v-01e485e2] {
+		min-width: 0;
 }
 }
-
 .bglform-contact-confirm {
-  position: absolute;
-  background: rgba(255, 255, 255, 0.5);
-  height: 100%;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-  backdrop-filter: blur(1px);
+	position: absolute;
+	background: rgba(255, 255, 255, 0.5);
+	height: 100%;
+	width: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	gap: 0.5rem;
+	backdrop-filter: blur(1px);
 }
 
-.bglform-contact[data-v-cc20bcbb] {
-  display: flex;
-  gap: 0.5rem;
-  max-width: 700px;
-  position: relative;
+.bglform-contact[data-v-c63408c1] {
+	display: flex;
+	gap: 0.5rem;
+	max-width: 700px;
+	position: relative;
 }
-.bglform-contact-label[data-v-cc20bcbb] {
-  flex-basis: 140px;
+.bglform-contact-label[data-v-c63408c1] {
+	flex-basis: 140px;
 }
-.bglform-contact-address[data-v-cc20bcbb] {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
+.bglform-contact-address[data-v-c63408c1] {
+	display: flex;
+	flex-direction: column;
+	gap: 0.5rem;
 }
-.bglform-contact input[type="checkbox"][data-v-cc20bcbb] {
-  width: 30px;
-  min-width: 0;
+.bglform-contact input[type="checkbox"][data-v-c63408c1] {
+	width: 30px;
+	min-width: 0;
 }
-.light.thin.btn-txt.btn[data-v-cc20bcbb] {
-  padding-left: calc(var(--btn-padding) / 4);
-  padding-right: calc(var(--btn-padding) / 4);
+.light.thin.btn-txt.btn[data-v-c63408c1] {
+	padding-left: calc(var(--btn-padding) / 4);
+	padding-right: calc(var(--btn-padding) / 4);
 }
-.bglform-address-del[data-v-cc20bcbb] {
-  margin-top: 6px;
+.bglform-address-del[data-v-c63408c1] {
+	margin-top: 6px;
 }
-.bglform-contact-address-flex[data-v-cc20bcbb] {
-  display: flex;
-  gap: 0.5rem;
+.bglform-contact-address-flex[data-v-c63408c1] {
+	display: flex;
+	gap: 0.5rem;
 }
-.add-btn[data-v-cc20bcbb] {
-  display: flex;
-  gap: 0.5rem;
-  align-items: center;
-  margin-inline-start: 1rem;
+.add-btn[data-v-c63408c1] {
+	display: flex;
+	gap: 0.5rem;
+	align-items: center;
+	margin-inline-start: 1rem;
 }
-.add-btn[data-v-cc20bcbb]:active {
-  background: none !important;
+.add-btn[data-v-c63408c1]:active {
+	background: none !important;
 }
-.add-btn[data-v-cc20bcbb]::before {
-  content: "+";
-  font-size: 10px;
-  background: var(--bgl-blue-light);
-  border-radius: 100%;
-  height: 14px;
-  width: 14px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--bgl-primary);
+.add-btn[data-v-c63408c1]::before {
+	content: "+";
+	font-size: 10px;
+	background: var(--bgl-blue-light);
+	border-radius: 100%;
+	height: 14px;
+	width: 14px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: var(--bgl-primary);
 }
-.add-btn[data-v-cc20bcbb]:hover::before {
-  background: var(--bgl-primary);
-  color: var(--bgl-white);
+.add-btn[data-v-c63408c1]:hover::before {
+	background: var(--bgl-primary);
+	color: var(--bgl-white);
 }
 @media screen and (max-width: 910px) {
-.bglform-contact-address-flex[data-v-cc20bcbb] {
-    flex-wrap: wrap;
+.bglform-contact-address-flex[data-v-c63408c1] {
+		flex-wrap: wrap;
 }
-.bglform-contact-label[data-v-cc20bcbb] {
-    min-width: 0;
+.bglform-contact-label[data-v-c63408c1] {
+		min-width: 0;
 }
 }
-
 .misc-wrap[data-v-91b04350] {
   display: flex;
   gap: 1rem;
@@ -2181,31 +2168,53 @@ input[type='email'][data-v-ed81a514] {
 	box-shadow: 0 0 10px 0 rgb(0 0 0 /20%);
 }
 
-.bagel-input.shrink, .bagel-input.shrink input{
+.bagel-input.shrink,
+.bagel-input.shrink input {
 	min-width: unset !important;
 	/* width: auto; */
 }
 
-.bagel-input input[disabled][data-v-7b082166]{
+.bagel-input input[disabled][data-v-1502ca60] {
 	background: none;
 }
-.bagel-input.toggleEdit[data-v-7b082166]:hover {
+.bagel-input.toggleEdit[data-v-1502ca60]:hover {
 	background-color: var(--input-bg);
 }
-.bagel-input.small[data-v-7b082166]{
-	margin-bottom:0;
+.bagel-input.small[data-v-1502ca60] {
+	margin-bottom: 0;
 	height: 30px;
 }
-.toggleEditBtn[data-v-7b082166]{
+.toggleEditBtn[data-v-1502ca60] {
 	position: absolute;
 	right: -24px;
 	top: 4;
 	opacity: 0;
 }
-.bagel-input:hover .toggleEditBtn[data-v-7b082166], .bagel-input.editMode .toggleEditBtn[data-v-7b082166]{
+.textInputIconWrap[data-v-1502ca60] {
+	position: relative;
+}
+.textInputIconWrap .icon-font[data-v-1502ca60] {
+	position: absolute;
+	inset-inline-end: 0.7rem;
+	bottom: 50%;
+	line-height: 0;
+	color: var(--bgl-gray);
+}
+.txtInputIconStart .iconStart[data-v-1502ca60] {
+	position: absolute;
+	inset-inline-start: 0.7rem;
+	top: 50%;
+	line-height: 0;
+	color: var(--bgl-gray);
+}
+.txtInputIconStart input[data-v-1502ca60] {
+	padding-inline-start: 2rem;
+}
+.bagel-input:hover .toggleEditBtn[data-v-1502ca60],
+.bagel-input.editMode .toggleEditBtn[data-v-1502ca60] {
 	opacity: 1;
 }
-.bagel-input.small input[data-v-7b082166]{
+.bagel-input.small input[data-v-1502ca60] {
 	height: 30px;
 }
 
@@ -2233,107 +2242,133 @@ input[type='email'][data-v-ed81a514] {
 .no-edit[data-v-188270a2] {
 	cursor: not-allowed;
 }
+.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_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__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__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__menu_content_wrapper{display:flex}@media only screen and (width <= 600px){.dp__menu_content_wrapper{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__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;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_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.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__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__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 */
 
 .datetime-wrap {
-  display: flex;
-  gap: 3rem;
-  padding: 1rem;
+	display: flex;
+	gap: 3rem;
+	padding: 1rem;
 }
 .time-wrap {
-  display: grid;
-  gap: 0.5rem;
-  grid-template-columns: 1fr 1fr;
-  width: 100%;
+	display: grid;
+	gap: 0.5rem;
+	grid-template-columns: 1fr 1fr;
+	width: 100%;
 }
 .time-wrap input {
-  display: none;
+	display: none;
 }
 .time-wrap label {
-  background: var(--input-bg);
-  border-radius: var(--btn-border-radius);
-  line-height: calc(var(--btn-height) * 0.9);
-  display: block;
-  cursor: pointer;
-  transition: var(--bgl-transition);
-  text-align: center;
-  font-size: 16px;
-  color: var(--bgl-primary);
-  border: 1px solid var(--bgl-primary);
+	background: var(--input-bg);
+	border-radius: var(--btn-border-radius);
+	line-height: calc(var(--btn-height) * 0.9);
+	display: block;
+	cursor: pointer;
+	transition: var(--bgl-transition);
+	text-align: center;
+	font-size: 16px;
+	color: var(--bgl-primary);
+	border: 1px solid var(--bgl-primary);
 }
 .time-wrap input[type="radio"]:checked+label {
-  background: var(--bgl-primary);
-  color: var(--bgl-white);
+	background: var(--bgl-primary);
+	color: var(--bgl-white);
 }
 .time-wrap label:hover {
-  filter: var(--bgl-hover-filter);
+	filter: var(--bgl-hover-filter);
 }
 .time-wrap label:active {
-  filter: var(--bgl-active-filter);
+	filter: var(--bgl-active-filter);
 }
 .dp__theme_light {
-  --dp-background-color: var(--bgl-white);
-  --dp-text-color: var(--bgl-black);
-  --dp-hover-color: var(--input-bg);
-  --dp-hover-text-color: var(--bgl-black);
-  --dp-hover-icon-color: var(--bgl-primary);
-  --dp-primary-color: var(--bgl-primary);
-  --dp-primary-disabled-color: var(--bgl-primary);
-  --dp-primary-text-color: var(--bgl-white);
-  --dp-secondary-color: var(--bgl-gray);
-  --dp-border-color: transparent;
-  --dp-menu-border-color: transparent;
-  --dp-scroll-bar-background: transparent;
-  --dp-scroll-bar-color: var(--bgl-gray);
-  --dp-icon-color: var(--bgl-gray);
-  --dp-highlight-color: var(--bgl-gray-light);
+	--dp-background-color: var(--bgl-white);
+	--dp-text-color: var(--bgl-black);
+	--dp-hover-color: var(--input-bg);
+	--dp-hover-text-color: var(--bgl-black);
+	--dp-hover-icon-color: var(--bgl-primary);
+	--dp-primary-color: var(--bgl-primary);
+	--dp-primary-disabled-color: var(--bgl-primary);
+	--dp-primary-text-color: var(--bgl-white);
+	--dp-secondary-color: var(--bgl-gray);
+	--dp-border-color: transparent;
+	--dp-menu-border-color: transparent;
+	--dp-scroll-bar-background: transparent;
+	--dp-scroll-bar-color: var(--bgl-gray);
+	--dp-icon-color: var(--bgl-gray);
+	--dp-highlight-color: var(--bgl-gray-light);
 }
 :root {
-  --dp-font-family: inherit;
-  --dp-cell-border-radius: 100%;
-  --dp-common-transition: all 200s ease-in;
+	--dp-font-family: inherit;
+	--dp-cell-border-radius: 100%;
+	--dp-common-transition: all 200s ease-in;
 
-  --dp-cell-size: 40px;
-  /*Width and height of calendar cell*/
-  --dp-menu-min-width: 280px;
-  /*Adjust the min width of the menu*/
-  --dp-row-margin: 8px 0;
-  /*Adjust the spacing between rows in the calendar*/
+	--dp-cell-size: 40px;
+	/*Width and height of calendar cell*/
+	--dp-menu-min-width: 280px;
+	/*Adjust the min width of the menu*/
+	--dp-row-margin: 8px 0;
+	/*Adjust the spacing between rows in the calendar*/
 }
 .dp__calendar_header {
-  font-weight: 400;
-  padding: 10px 0 0;
-  margin-bottom: -10px;
+	font-weight: 400;
+	padding: 10px 0 0;
+	margin-bottom: -10px;
 }
 .dp__calendar_row>div:last-child {
-  pointer-events: none;
+	pointer-events: none;
 }
-.dp__outer_menu_wrap.dp--menu-wrapper{
-filter: drop-shadow(0 0 20px var(--bgl-shadow));
+.dp__outer_menu_wrap.dp--menu-wrapper {
+	filter: drop-shadow(0 0 20px var(--bgl-shadow));
 }
-.dp__input{
-  background: var(--input-bg);
-    border: none;
-    padding: 0.7rem;
-    border-radius: var(--input-border-radius);
-    color: var(--input-color);
-    min-width: calc(var(--input-height) * 3);
-    width: 100%;
+.dp__input {
+	background: var(--input-bg);
+	border: none;
+	padding: 0.7rem;
+	border-radius: var(--input-border-radius);
+	color: var(--input-color);
+	min-width: calc(var(--input-height) * 3);
+	width: 100%;
 }
 .dp__input:focus-visible {
-    outline: none;
-    box-shadow: inset 0 0 10px #00000012;
+	outline: none;
+	box-shadow: inset 0 0 10px #00000012;
 }
 @media screen and (max-width: 767px) {
 .datetime-wrap {
-    flex-wrap: wrap;
-    padding: 0rem;
-    gap: 1rem;
-    justify-content: center;
+		flex-wrap: wrap;
+		padding: 0rem;
+		gap: 1rem;
+		justify-content: center;
 }
 :root {
-    --dp-menu-min-width: 200px;
-    --dp-cell-size: 35px;
+		--dp-menu-min-width: 200px;
+		--dp-cell-size: 35px;
+}
+}
+
+.radio-pill label[data-v-97e3ba8c] {
+  color: var(--bgl-primary);
+  white-space: nowrap;
+  border-radius: calc(var(--btn-border-radius) * 2);
+  outline: 1px solid var(--bgl-primary);
+  padding-left: calc(var(--btn-padding) / 2);
+  padding-right: calc(var(--btn-padding) / 2);
+  padding-top: calc(var(--btn-padding) / 6);
+  padding-bottom: calc(var(--btn-padding) / 6);
+  cursor: pointer;
+  transition: var(--bgl-transition);
+  background: var(--bgl-white);
+  user-select: none;
+}
+.radio-pill label[data-v-97e3ba8c]:hover {
+  filter: var(--bgl-hover-filter);
 }
+.radio-pill input[data-v-97e3ba8c] {
+  display: none;
+}
+.radio-pill input:checked~label[data-v-97e3ba8c] {
+  background: var(--bgl-primary);
+  color: var(--bgl-white);
 }
 
 .chart-line {
@@ -2483,6 +2518,9 @@ filter: drop-shadow(0 0 20px var(--bgl-shadow));
 .row-gap-3 {
     row-gap: 1rem;
 }
+.align-items-end {
+    align-items: end !important;
+}
 .fit-content {
     width: fit-content;
     height: fit-content;
@@ -2542,6 +2580,9 @@ filter: drop-shadow(0 0 20px var(--bgl-shadow));
     top: 0px;
     right: 0px;
 }
+.position-absolute {
+    position: absolute;
+}
 .position-relative {
     position: relative;
 }
@@ -2566,6 +2607,46 @@ filter: drop-shadow(0 0 20px var(--bgl-shadow));
 .w-100 {
     width: 100%;
 }
+.w300,
+.w350,
+.w400,
+.w450,
+.w500,
+.w550,
+.w600,
+.w650,
+.w700 {
+    margin-left: auto;
+    margin-right: auto;
+    width: 98%;
+}
+.w300 {
+    max-width: 300px;
+}
+.w350 {
+    max-width: 350px;
+}
+.w400 {
+    max-width: 400px;
+}
+.w450 {
+    max-width: 450px;
+}
+.w500 {
+    max-width: 500px;
+}
+.w550 {
+    max-width: 550px;
+}
+.w600 {
+    max-width: 600px;
+}
+.w650 {
+    max-width: 650px;
+}
+.w650 {
+    max-width: 700px;
+}
 .gap-1 {
     gap: 0.25rem;
 }
@@ -2657,12 +2738,24 @@ filter: drop-shadow(0 0 20px var(--bgl-shadow));
 .pb-2 {
     padding-bottom: 2rem;
 }
+.pb-3 {
+    padding-bottom: 3rem;
+}
+.pb-025 {
+    padding-bottom: 0.25rem;
+}
 .pt-1 {
     padding-top: 1rem;
 }
 .pt-2 {
     padding-top: 2rem;
 }
+.pt-3 {
+    padding-top: 3rem;
+}
+.pt-025 {
+    padding-top: 0.25rem;
+}
 .flex {
     display: flex;
     align-items: center;
@@ -2680,6 +2773,14 @@ filter: drop-shadow(0 0 20px var(--bgl-shadow));
 .space-between {
     justify-content: space-between;
 }
+label,
+.label {
+    display: block;
+    font-size: var(--input-font-size);
+    margin-bottom: 2px;
+    line-height: 1.3;
+    color: var(--label-color);
+}
 input,
 textarea,
 select {
@@ -3133,6 +3234,7 @@ h6 {}
 :root {
   --bgl-primary: #2E5BFF;
   --bgl-primary-tint: #2E5BFF80;
+  --bgl-primary-light: #eef6ff;
 
   --bgl-blue-20: rgba(46, 91, 255, 20%);
   --bgl-blue-dark: #191c30;
@@ -3183,6 +3285,10 @@ h6 {}
   height: 1rem;
   line-height: 1rem;
 }
+::-moz-selection {
+  color: var(--bgl-white);
+  background: var(--bgl-blue-dark);
+}
 ::selection {
   color: var(--bgl-white);
   background: var(--bgl-blue-dark);
@@ -3200,15 +3306,16 @@ h6 {}
   text-align: center;
   font-weight: 600;
   font-size: 20px;
-  margin-top: 0;
+  margin-top: 0.5rem;
   margin-bottom: 20px;
   width: 100%;
-  padding-inline-end: 40px;
+  -webkit-padding-end: 40px;
+          padding-inline-end: 40px;
 }
 .modal-footer {
   gap: 1rem;
   display: flex;
-  justify-content: space-around;
+  justify-content: space-between;
 }
 .formkit-actions .formkit-wrapper {
   gap: 1rem;
@@ -3272,7 +3379,8 @@ body {
   text-decoration: none;
 }
 .login-card .forgot-password:active {
-  filter: brightness(70%);
+  -webkit-filter: brightness(70%);
+          filter: brightness(70%);
   color: var(--bgl-primary);
 }
 .login-card .error {
@@ -3290,13 +3398,16 @@ body {
   text-align: center;
 }
 .tabs {
-  column-gap: 1rem;
+  -moz-column-gap: 1rem;
+       column-gap: 1rem;
   margin-top: 20px;
   margin-bottom: -2rem;
   border-top: 1px solid var(--border-color);
   width: calc(100% + 4rem);
-  margin-inline-start: -2rem;
-  padding-inline-start: 2rem;
+  -webkit-margin-start: -2rem;
+          margin-inline-start: -2rem;
+  -webkit-padding-start: 2rem;
+          padding-inline-start: 2rem;
   overflow: auto;
   display: flex;
 }
@@ -3326,7 +3437,8 @@ body {
   color: var(--bgl-primary);
 }
 .tab:active {
-  filter: brightness(70%);
+  -webkit-filter: brightness(70%);
+          filter: brightness(70%);
 }
 .router-tab {
   font-size: 14px;
@@ -3348,7 +3460,8 @@ body {
   color: var(--bgl-primary);
 }
 .router-tab:active {
-  filter: brightness(70%);
+  -webkit-filter: brightness(70%);
+          filter: brightness(70%);
 }
 .pill {
   border-radius: 10px;
@@ -3395,6 +3508,8 @@ body {
 }
 .list-item {
   padding: 0.5rem 1rem;
+  min-height: -webkit-fit-content;
+  min-height: -moz-fit-content;
   min-height: fit-content;
   margin: 0.25rem 0;
   border-radius: 10px;
@@ -3417,7 +3532,8 @@ body {
   background-color: var(--bgl-blue-light);
 }
 .list-item:active {
-  filter: var(--bgl-hover-filter);
+  -webkit-filter: var(--bgl-hover-filter);
+          filter: var(--bgl-hover-filter);
 }
 .entity-container {
   display: grid;
@@ -3425,10 +3541,12 @@ body {
   /* grid-template-columns: 2fr 0fr; */
   grid-template-columns: minmax(300px, 1fr) 3fr;
   grid-gap: 1rem;
-  column-gap: 1rem;
+  -moz-column-gap: 1rem;
+       column-gap: 1rem;
   grid-template-rows: 1fr;
   grid-template-areas: "list-view detail-view";
   transition: grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99);
+  transition: grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99), -ms-grid-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99);
   transition: all 0.5s cubic-bezier(0.79, 0.01, 0.34, 0.99);
 }
 .FormRow {
@@ -3473,6 +3591,7 @@ body {
   display: grid;
   height: 100%;
   overflow: hidden;
+  grid-template-rows: -webkit-max-content 1fr;
   grid-template-rows: max-content 1fr;
   gap: 1rem;
 }
@@ -3490,10 +3609,12 @@ body {
 .list-logo {
   width: 50px;
   aspect-ratio: 1;
-  object-fit: contain;
+  -o-object-fit: contain;
+     object-fit: contain;
   line-height: 1;
 }
 .list-content {
+  grid-auto-rows: -webkit-max-content;
   grid-auto-rows: max-content;
   overflow-y: auto;
 }
@@ -3504,6 +3625,7 @@ body {
   overflow-y: visible !important;
 }
 .DonationsDashbored .tabs-top {
+  position: -webkit-sticky;
   position: sticky;
   padding-top: 1rem;
   inset-inline-start: 0;
@@ -3534,6 +3656,7 @@ body {
   grid-template-areas: "list-header""list-content";
   grid-template-columns: 1fr;
   overflow-y: auto;
+  grid-template-rows: -webkit-max-content 1fr;
   grid-template-rows: max-content 1fr;
   transition: var(--transition);
 }
@@ -3602,12 +3725,15 @@ body {
   }
 
   .tabs {
-    column-gap: 10px;
+    -moz-column-gap: 10px;
+         column-gap: 10px;
     margin-top: 10px;
     margin-bottom: -15px;
     box-sizing: border-box;
-    margin-inline-start: -1rem;
-    padding-inline-start: 1rem;
+    -webkit-margin-start: -1rem;
+            margin-inline-start: -1rem;
+    -webkit-padding-start: 1rem;
+            padding-inline-start: 1rem;
     max-width: calc(100vw - 2rem);
   }
 
@@ -3637,6 +3763,8 @@ body {
   }
 
   .detail-section {
+    height: -webkit-fit-content;
+    height: -moz-fit-content;
     height: fit-content;
   }
 
@@ -3651,7 +3779,8 @@ body {
     font-size: 1.25em;
     margin-bottom: 1rem;
     font-weight: 400;
-    margin-inline-start: 0.5rem;
+    -webkit-margin-start: 0.5rem;
+            margin-inline-start: 0.5rem;
   }
 }
 [theme="dark"] {