:root {
  --bs-panel-background: white;
  --bs-panel-max-height: 85vh;
  --bs-panel-border-radius: 25px;
  --bs-panel-inset-x: 12px;
  --bs-panel-inset-bottom: 12px;
  --bs-panel-bleed: 60px;
  --bs-panel-hidden-offset: 20px;
  --bs-panel-box-shadow: 0 1px 20px -4px #0000004d, 0 0 7px 0 #0000001a;
  --bs-handle-color: #bbb;
  --bs-handle-width: 50px;
  --bs-handle-height: 5px;
  --bs-content-padding: 20px;
  --bs-content-padding-block: 0;
  --bs-transition-duration: .4s;
  --bs-transition-timing: cubic-bezier(.32, .72, 0, 1);
  --bs-snap-duration: .4s;
  --bs-snap-timing: cubic-bezier(.2, 1.25, .3, 1);
  --bs-overlay-background: #00000080;
  --bs-overlay-blur: 5px;
}

dialog-panel:has(bottom-sheet) > dialog {
  background: var(--bs-panel-background);
  box-sizing: border-box;
  border-top-left-radius: var(--bs-panel-border-radius);
  border-top-right-radius: var(--bs-panel-border-radius);
  width: 100%;
  max-width: 100%;
  max-height: var(--bs-panel-max-height);
  padding: 0;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  box-shadow: 0 var(--bs-panel-bleed) 0 0 var(--bs-panel-background),
		var(--bs-panel-box-shadow);
  will-change: transform;
  border: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  flex-direction: column;
  margin: 0;
  transition: none;
  position: fixed;
  inset: auto 0 0;
  overflow: hidden;
}

dialog-panel:has(bottom-sheet) > dialog[open] {
  display: flex;
}

dialog-panel:has(bottom-sheet-footer) > dialog {
  padding-bottom: 0;
}

dialog-panel[state="hidden"]:has(bottom-sheet) > dialog {
  opacity: 1;
  transform: translate3d(0, calc(100% + var(--bs-panel-hidden-offset)), 0);
}

dialog-panel[state="showing"]:has(bottom-sheet) > dialog {
  opacity: 1;
  transform: translate3d(0, calc(100% + var(--bs-panel-hidden-offset)), 0);
}

dialog-panel[state="shown"]:has(bottom-sheet) > dialog {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

dialog-panel[state="hiding"]:has(bottom-sheet) > dialog {
  opacity: 1;
  transform: translate3d(0, calc(100% + var(--bs-panel-hidden-offset)), 0);
  transition: transform var(--bs-transition-duration) var(--bs-transition-timing);
}

dialog-panel:has(bottom-sheet) > dialog.transitioning {
  transition: transform var(--bs-transition-duration) var(--bs-transition-timing),
		height var(--bs-transition-duration) var(--bs-transition-timing);
}

dialog-panel:has(bottom-sheet) > dialog.transitioning.snapping {
  transition: transform var(--bs-snap-duration) var(--bs-snap-timing),
		height var(--bs-snap-duration) var(--bs-snap-timing);
}

dialog-panel:has(bottom-sheet[snap-points]) > dialog {
  max-height: none;
}

dialog-panel:has(bottom-sheet[snap-points]) > dialog bottom-sheet {
  max-height: none;
}

dialog-panel:has(bottom-sheet[snap-points]) > dialog bottom-sheet {
  height: 100%;
}

dialog-panel:has(bottom-sheet[inset]) > dialog {
  left: var(--bs-panel-inset-x);
  right: var(--bs-panel-inset-x);
  border-radius: var(--bs-panel-border-radius);
  width: auto;
  max-width: none;
  margin-bottom: calc(var(--bs-panel-inset-bottom) + env(safe-area-inset-bottom, 0px));
  box-shadow: var(--bs-panel-box-shadow);
  padding-bottom: 0;
}

dialog-panel:has(bottom-sheet[inset]) bottom-sheet-footer {
  padding-bottom: var(--bs-footer-padding, var(--bs-content-padding));
}

:is(dialog-panel[state="hidden"]:has(bottom-sheet[inset]) > dialog, dialog-panel[state="showing"]:has(bottom-sheet[inset]) > dialog, dialog-panel[state="hiding"]:has(bottom-sheet[inset]) > dialog) {
  transform: translate3d(0,
		calc(100% + var(--bs-panel-inset-bottom) + env(safe-area-inset-bottom, 0px) +
				var(--bs-panel-hidden-offset)),
		0);
}

dialog-panel:has(bottom-sheet) > dialog-backdrop {
  display: none;
}

dialog-panel:has(bottom-sheet) > dialog::backdrop {
  background: var(--bs-overlay-background);
  -webkit-backdrop-filter: blur(var(--bs-overlay-blur));
  backdrop-filter: blur(var(--bs-overlay-blur));
  opacity: 0;
}

dialog-panel[state="shown"]:has(bottom-sheet) > dialog::backdrop {
  opacity: 1;
  transition: opacity var(--bs-transition-duration) var(--bs-transition-timing);
}

dialog-panel[state="hiding"]:has(bottom-sheet) > dialog::backdrop {
  opacity: 0;
  transition: opacity var(--bs-transition-duration) var(--bs-transition-timing);
}

bottom-sheet {
  max-height: var(--bs-panel-max-height);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

bottom-sheet-header {
  padding: 0 var(--bs-content-padding);
  touch-action: none;
  flex-shrink: 0;
  position: relative;
}

bottom-sheet-header:before {
  content: "";
  background: var(--bs-handle-color);
  height: var(--bs-handle-height);
  width: var(--bs-handle-width);
  border-radius: var(--bs-handle-height);
  display: block;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
}

bottom-sheet-footer {
  box-sizing: border-box;
  padding: var(--bs-footer-padding, var(--bs-content-padding));
  padding-bottom: calc(var(--bs-footer-padding, var(--bs-content-padding)) + env(safe-area-inset-bottom, 0px));
  background: var(--bs-footer-background, transparent);
  touch-action: none;
  flex-shrink: 0;
  display: block;
}

bottom-sheet-content {
  box-sizing: border-box;
  overscroll-behavior-y: contain;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
  padding: var(--bs-content-padding-block, 0) var(--bs-content-padding);
  flex: 1;
  min-height: 0;
  display: block;
  overflow-y: scroll;
}
/*$vite$:1*/