@apple-pie/slice 0.1.58 → 0.1.60

package/dist/styles.css

@@ -8,26 +8,6 @@
 	z-index: var(--elevation-overlay);
 }
 
-.Icon-module_icon__szG-X {
-	cursor: var(--cursor);
-	user-select: none;
-	pointer-events: var(--pointer-events);
-	--webkit-user-select: none;
-	-webkit-tap-highlight-color: transparent;
-	outline: none;
-	border: 0;
-	transition: stroke, fill var(--motion-water-duration) var(--motion-water);
-}
-
-path,
-circle,
-rect,
-polyline,
-polygon,
-line {
-	transition: stroke, fill var(--motion-water-duration) var(--motion-water);
-}
-
 .Video-module_wrapper__a9iH8 {
 	position: relative;
 	display: flex;
@@ -176,6 +156,26 @@ line {
 	border-radius: var(--video-border-radius, var(--corner-xl));
 }
 
+.Icon-module_icon__szG-X {
+	cursor: var(--cursor);
+	user-select: none;
+	pointer-events: var(--pointer-events);
+	--webkit-user-select: none;
+	-webkit-tap-highlight-color: transparent;
+	outline: none;
+	border: 0;
+	transition: stroke, fill var(--motion-water-duration) var(--motion-water);
+}
+
+path,
+circle,
+rect,
+polyline,
+polygon,
+line {
+	transition: stroke, fill var(--motion-water-duration) var(--motion-water);
+}
+
 .Level-module_wrapper__yOfXw {
 	display: flex;
 	align-items: center;
@@ -210,6 +210,91 @@ line {
 	transition: background-color 120ms linear;
 }
 
+.flexBox-module_row__z24tF {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_rowBetween__5FEvi {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_rowStart__4tcxS {
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_rowEnd__rVdVm {
+	display: flex;
+	justify-content: flex-end;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_column__ezvMq {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnStart__C7P44 {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	align-items: flex-start;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnStartCenter__PKcrG {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnBetween__ERfp7 {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnEnd__lLJuc {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-end;
+	align-items: flex-end;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}
+
+.AvatarGroup-module_wrapper__MtOyq {
+	gap: var(--ag-gap);
+	margin: var(--ag-margin);
+}
+
+.AvatarGroup-module_avatar__5NVpW {
+	display: inline-block;
+	margin-left: var(--ag-overlap);
+	border-radius: 100%;
+}
+
+.AvatarGroup-module_avatar__5NVpW:first-child {
+		margin-left: 0;
+	}
+
 .flexBox-module_row__z24tF {
 	display: flex;
 	justify-content: center;
@@ -420,114 +505,50 @@ line {
 	line-height: var(--line-height-xs);
 	letter-spacing: var(--letter-spacing-m);
 }
-
-.Camera-module_wrapper__GOsKp {
+	.IconButton-module_button__rziqa {
 	position: relative;
-	width: 100%;
-	height: 100%;
-	background-color: var(--core-surface-secondary);
-	overflow: hidden;
-	border-radius: var(--corner-xs);
-}
-
-.Camera-module_video__Q2r9B {
-	width: 100%;
-	height: 100%;
-	object-fit: cover;
-}
-
-.Camera-module_controls__qXYoL {
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	right: 0;
-	padding: var(--spacing-m) !important;
-	gap: 16px;
-	background-color: var(--camera-controls-bg);
-	transform: var(--camera-controls-transform);
-	transition: transform var(--motion-water-duration) var(--motion-water) 0s;
-}
-
-.Camera-module_controlsRight__VcIz7 {
-	gap: 12px;
-	flex: 1;
-}
-
-.Camera-module_controlsCenter__e-erq {
-	gap: 12px;
-	flex: 1;
+	background: var(--ib-bg-color);
+	border-radius: var(--ib-border-radius);
+	border: var(--ib-border) solid var(--core-outline-primary);
+	gap: 6px;
+	cursor: var(--ib-cursor);
+	appearance: none;
+	-webkit-appearance: none;
+	background-image: none;
+	outline: none;
+	min-height: var(--ib-button-size);
+	height: var(--ib-button-size);
+	min-width: var(--ib-button-size);
+	width: var(--ib-button-size);
+	user-select: none;
+	-webkit-user-select: none;
 }
+	.IconButton-module_button__rziqa:hover {
+		background: var(--ib-bg-color-hover);
+	}
 
-.Camera-module_controlsLeft__bR4TN {
-	gap: 12px;
-	flex: 1;
+.IconButton-module_label__qWGFD {
+	color: var(--ib-color);
+	text-overflow: ellipsis;
+	overflow: hidden;
+	word-break: break-all;
+	display: -webkit-box;
+	-webkit-line-clamp: 1;
+	-webkit-box-orient: vertical;
 }
 
-.Camera-module_error__t0w-d {
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	transform: translate(-50%, -50%);
-	color: var(--feedback-warning);
+.IconButton-module_icon__2DDWy {
+	min-height: var(--ib-icon-size);
+	height: var(--ib-icon-size);
+	min-width: var(--ib-icon-size);
+	width: var(--ib-icon-size);
 }
 
-.Camera-module_poster__Gun-v {
+.IconButton-module_count__6r373 {
 	position: absolute;
-	aspect-ratio: 1 / 1;
 	top: 0;
-	bottom: 0;
-	left: 50%;
-	transform: translateX(-50%);
-	color: var(--core-text-primary);
-}
-
-.Camera-module_snapshotFrame__YM6Eu {
-	position: absolute;
-	max-width: 25%;
-	height: min-content;
-	top: 16px;
-	right: 16px;
-	z-index: 1;
-}
-
-.Camera-module_clear__aaCfT {
-	position: absolute;
-	top: 16px;
-	right: 16px;
-	z-index: 3;
-}
-
-.Camera-module_snapshot__odQH0 {
-	width: 100%;
-	border: 1px solid var(--core-outline-special);
-	z-index: 2;
-}
-
-.Camera-module_toolbarButton__mnmoF {
-	gap: 4px;
-	cursor: pointer;
-	user-select: none;
-	-webkit-user-select: none;
-}
-
-.Camera-module_buttonIcon__a-VBR {
-	min-height: var(--toolbar-button-size);
-	max-height: var(--toolbar-button-size);
-	min-width: var(--toolbar-button-size);
-	max-width: var(--toolbar-button-size);
-	background: var(--toolbar-button-bg-color);
-	border: 1px solid transparent;
-	border-radius: 100%;
-	opacity: var(--toolbar-button-opacity);
-	transition: background, border var(--motion-water-duration) var(--motion-water) 0s;
-}
-
-.Camera-module_buttonIcon__a-VBR:hover {
-	border: 1px solid var(--core-outline-special);
-}
-
-.Camera-module_buttonLabel__6BEs1 {
-	color: var(--toolbar-button-label-color);
+	right: 0;
+	transform: translateX(5px) translateY(-2px);
 }
 
 .flexBox-module_row__z24tF {
@@ -741,43 +762,39 @@ line {
 	letter-spacing: var(--letter-spacing-m);
 }
 
-.Avatar-module_wrapper__ab1D7 {
-	position: relative;
-	min-height: var(--avatar-size);
-	min-width: var(--avatar-size);
-	max-height: var(--avatar-size);
-	max-width: var(--avatar-size);
-	height: var(--avatar-size);
-	width: var(--avatar-size);
-	border: var(--avatar-outer-border-size) solid var(--avatar-outer-border-color);
-	border-radius: 100%;
-	outline: 0;
-}
-
-.Avatar-module_user__ZQv0Q {
-	font-size: var(--avatar-font-size) !important;
-	height: 100%;
+.Grouper-module_header__D5fV0 {
 	width: 100%;
-	line-height: 1em;
-	text-transform: uppercase;
-	border-radius: 100%;
-	border: var(--avatar-border) solid var(--avatar-border-color);
-	background-color: var(--avatar-bg-color);
-	color: var(--avatar-color);
-	background-image: var(--avatar-bg-image);
-	background-size: cover;
-	background-position: center;
-	background-repeat: no-repeat;
-	background-origin: border-box;
 	cursor: pointer;
+	appearance: none;
+	-webkit-appearance: none;
+	background-image: none;
+	background-color: transparent;
+	border: 0;
+	outline: none;
+	padding: 0;
+}
+
+.Grouper-module_title__ZKqTP {
+	color: var(--core-text-primary);
+	flex: 1;
+}
+
+.Grouper-module_content__Mof50 {
 	user-select: none;
 	-webkit-user-select: none;
-	transition: border-color var(--motion-water-duration) var(--motion-water) 0s;
+	padding: 0 var(--spacing-l) !important;
+	width: 100%;
+	gap: 6px;
+	height: var(--grouper-height);
+	border-top: var(--grouper-border) solid var(--core-outline-primary);
 }
 
-.Avatar-module_user__ZQv0Q:hover {
-		border-color: var(--avatar-border-color-hover);
-	}
+.Grouper-module_icon__14Jis {
+	min-height: var(--grouper-icon-size);
+	height: var(--grouper-icon-size);
+	min-width: var(--grouper-icon-size);
+	width: var(--grouper-icon-size);
+}
 
 .flexBox-module_row__z24tF {
 	display: flex;
@@ -1004,6 +1021,102 @@ line {
 	padding: var(--spacing-xxs) var(--spacing-xxs);
 }
 
+.flexBox-module_row__z24tF {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_rowBetween__5FEvi {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_rowStart__4tcxS {
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_rowEnd__rVdVm {
+	display: flex;
+	justify-content: flex-end;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_column__ezvMq {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnStart__C7P44 {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	align-items: flex-start;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnStartCenter__PKcrG {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnBetween__ERfp7 {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnEnd__lLJuc {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-end;
+	align-items: flex-end;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}
+
+.DraggablePanel-module_panel__vuq2R {
+	position: relative;
+	background-color: var(--panel-bg);
+}
+
+.DraggablePanel-module_content__SBL0T {
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+}
+
+.DraggablePanel-module_handle__LPZw8 {
+	width: var(--drag-handle-width);
+	height: var(--drag-handle-height);
+	min-width: var(--drag-handle-width);
+	min-height: var(--drag-handle-height);
+	border-radius: var(--drag-handle-radius);
+	border: var(--drag-handle-border) solid var(--drag-handle-border-color);
+	background: var(--drag-handle-bg);
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translateX(-50%) translateY(-50%);
+	z-index: var(--elevation-overlay);
+}
+
 .flexBox-module_row__z24tF {
 	display: flex;
 	justify-content: center;
@@ -1214,50 +1327,30 @@ line {
 	line-height: var(--line-height-xs);
 	letter-spacing: var(--letter-spacing-m);
 }
-	.IconButton-module_button__rziqa {
-	position: relative;
-	background: var(--ib-bg-color);
-	border-radius: var(--ib-border-radius);
-	border: var(--ib-border) solid var(--core-outline-primary);
+
+.CheckBox-module_wrapper__uRsjI {
+	min-height: var(--cb-size);
+	height: var(--cb-size);
+	width: auto;
 	gap: 6px;
-	cursor: var(--ib-cursor);
-	appearance: none;
-	-webkit-appearance: none;
-	background-image: none;
-	outline: none;
-	min-height: var(--ib-button-size);
-	height: var(--ib-button-size);
-	min-width: var(--ib-button-size);
-	width: var(--ib-button-size);
+	cursor: pointer;
+	overflow: hidden;
 	user-select: none;
 	-webkit-user-select: none;
-}
-	.IconButton-module_button__rziqa:hover {
-		background: var(--ib-bg-color-hover);
-	}
-
-.IconButton-module_label__qWGFD {
-	color: var(--ib-color);
-	text-overflow: ellipsis;
-	overflow: hidden;
-	word-break: break-all;
-	display: -webkit-box;
-	-webkit-line-clamp: 1;
-	-webkit-box-orient: vertical;
+	outline: none;
+	border: 0;
 }
 
-.IconButton-module_icon__2DDWy {
-	min-height: var(--ib-icon-size);
-	height: var(--ib-icon-size);
-	min-width: var(--ib-icon-size);
-	width: var(--ib-icon-size);
+.CheckBox-module_icon__FoDJN {
+	min-width: var(--cb-size);
+	max-width: var(--cb-size);
+	min-height: var(--cb-size);
+	max-height: var(--cb-size);
 }
 
-.IconButton-module_count__6r373 {
-	position: absolute;
-	top: 0;
-	right: 0;
-	transform: translateX(5px) translateY(-2px);
+.CheckBox-module_label__0AiBp {
+	color: var(--cb-label-color);
+	transition: color var(--motion-water-duration) var(--motion-water-easing) 0s;
 }
 
 .flexBox-module_row__z24tF {
@@ -1328,24 +1421,7 @@ line {
 	box-sizing: border-box;
 	padding: 0;
 	margin: 0;
-}
-
-.AvatarGroup-module_wrapper__MtOyq {
-	gap: var(--ag-gap);
-	margin: var(--ag-margin);
-}
-
-.AvatarGroup-module_avatar__5NVpW {
-	display: inline-block;
-	margin-left: var(--ag-overlap);
-	border-radius: 100%;
-}
-
-.AvatarGroup-module_avatar__5NVpW:first-child {
-		margin-left: 0;
-	}
-
-.type-module_body-xs-regular__ZAFft {
+}.type-module_body-xs-regular__ZAFft {
 	font-family: var(--font-family), sans-serif;
 	font-weight: var(--font-weight-regular);
 	font-size: var(--font-size-xs);
@@ -1487,131 +1563,44 @@ line {
 	line-height: var(--line-height-xs);
 	letter-spacing: var(--letter-spacing-m);
 }
-	.DivInput-module_wrapper__ZQxY- {
-	padding: var(--div-input-padding);
-	width: var(--div-input-width);
-	border-radius: var(--div-input-border-radius);
-	background: var(--div-input-wrapper-bg);
+
+.Avatar-module_wrapper__ab1D7 {
+	position: relative;
+	min-height: var(--avatar-size);
+	min-width: var(--avatar-size);
+	max-height: var(--avatar-size);
+	max-width: var(--avatar-size);
+	height: var(--avatar-size);
+	width: var(--avatar-size);
+	border: var(--avatar-outer-border-size) solid var(--avatar-outer-border-color);
+	border-radius: 100%;
+	outline: 0;
 }
-	.DivInput-module_wrapper__ZQxY-:hover {
-		background: var(--div-input-bg);
-	}
 
-.DivInput-module_input__J34-l {
-	color: var(--div-input-color);
-	user-select: var(--div-input-user-select);
-	-webkit-user-select: var(--div-input-user-select);
-	text-align: var(--div-input-text-align);
-	pointer-events: all;
-	background: transparent;
-	border-radius: var(--corner-xs);
-	border: 0;
-	outline: none;
-	text-overflow: ellipsis;
-	display: -webkit-box;
-	overflow: hidden;
-	white-space: var(--div-input-white-space);
-	-webkit-line-clamp: var(--div-input-line-clamp);
-	-webkit-box-orient: vertical;
-	cursor: var(--div-input-cursor);
-	transition: background var(--motion-water-duration) var(--motion-water) 0s;
-}
-
-.flexBox-module_row__z24tF {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_rowBetween__5FEvi {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_rowStart__4tcxS {
-	display: flex;
-	justify-content: flex-start;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_rowEnd__rVdVm {
-	display: flex;
-	justify-content: flex-end;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_column__ezvMq {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnStart__C7P44 {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-start;
-	align-items: flex-start;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnStartCenter__PKcrG {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-start;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnBetween__ERfp7 {
-	display: flex;
-	flex-direction: column;
-	justify-content: space-between;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnEnd__lLJuc {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-end;
-	align-items: flex-end;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}
-
-.DraggablePanel-module_panel__vuq2R {
-	position: relative;
-	background-color: var(--panel-bg);
-}
-
-.DraggablePanel-module_content__SBL0T {
-	width: 100%;
+.Avatar-module_user__ZQv0Q {
+	font-size: var(--avatar-font-size) !important;
 	height: 100%;
-	overflow: hidden;
+	width: 100%;
+	line-height: 1em;
+	text-transform: uppercase;
+	border-radius: 100%;
+	border: var(--avatar-border) solid var(--avatar-border-color);
+	background-color: var(--avatar-bg-color);
+	color: var(--avatar-color);
+	background-image: var(--avatar-bg-image);
+	background-size: cover;
+	background-position: center;
+	background-repeat: no-repeat;
+	background-origin: border-box;
+	cursor: pointer;
+	user-select: none;
+	-webkit-user-select: none;
+	transition: border-color var(--motion-water-duration) var(--motion-water) 0s;
 }
 
-.DraggablePanel-module_handle__LPZw8 {
-	width: var(--drag-handle-width);
-	height: var(--drag-handle-height);
-	min-width: var(--drag-handle-width);
-	min-height: var(--drag-handle-height);
-	border-radius: var(--drag-handle-radius);
-	border: var(--drag-handle-border) solid var(--drag-handle-border-color);
-	background: var(--drag-handle-bg);
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	transform: translateX(-50%) translateY(-50%);
-	z-index: var(--elevation-overlay);
-}
+.Avatar-module_user__ZQv0Q:hover {
+		border-color: var(--avatar-border-color-hover);
+	}
 
 .flexBox-module_row__z24tF {
 	display: flex;
@@ -1681,48 +1670,6 @@ line {
 	box-sizing: border-box;
 	padding: 0;
 	margin: 0;
-}.scrollBars-module_scrollbars__c-ZPl {
-	/* Consumers override these to theme their own scrollbar (e.g. Modal
-	   binds them to its scrollHandleColor/scrollHandleColorHover props).
-	   Unoverridden, they fall back to the shared page-level scroll tokens. */
-	--scrollbar-size: 6px;
-	--scrollbar-bg: transparent;
-	--scrollbar-thumb: var(--scroll-bar);
-	--scrollbar-thumb-hover: var(--scroll-bar-hover);
-
-	/* firefox does not support -webkit-scrollbar */
-	@supports not selector(::-webkit-scrollbar) {
-		scrollbar-width: thin;
-		scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
-	}
-
-	&::-webkit-scrollbar {
-		background-color: var(--scrollbar-bg);
-		width: var(--scrollbar-size);
-		height: var(--scrollbar-size);
-	}
-
-	&::-webkit-scrollbar-track {
-		background-color: var(--scrollbar-bg);
-		width: var(--scrollbar-size);
-		height: var(--scrollbar-size);
-	}
-
-	&::-webkit-scrollbar-thumb {
-		background-color: var(--scrollbar-thumb);
-		border-radius: var(--corner-round);
-		border: 1px solid var(--scrollbar-bg);
-	}
-
-	&::-webkit-scrollbar-thumb:hover {
-		background-color: var(--scrollbar-thumb-hover);
-		border-radius: var(--corner-round);
-		border: 1px solid var(--scrollbar-bg);
-	}
-
-	&::-webkit-scrollbar-corner {
-		background-color: var(--scrollbar-bg);
-	}
 }.type-module_body-xs-regular__ZAFft {
 	font-family: var(--font-family), sans-serif;
 	font-weight: var(--font-weight-regular);
@@ -1866,92 +1813,113 @@ line {
 	letter-spacing: var(--letter-spacing-m);
 }
 
-.Modal-module_wrapper__34Hds {
+.Camera-module_wrapper__GOsKp {
 	position: relative;
-	min-width: var(--modal-min-width);
-	min-height: var(--modal-min-height);
-	max-height: var(--modal-max-height);
-	max-width: var(--modal-max-width);
-	background: var(--modal-background-color);
-	border: var(--modal-border-width) solid var(--modal-border-color);
-	border-radius: var(--modal-border-radius);
-	box-shadow: var(--surface-shadow-soft);
+	width: 100%;
+	height: 100%;
+	background-color: var(--core-surface-secondary);
 	overflow: hidden;
+	border-radius: var(--corner-xs);
 }
 
-.Modal-module_title__A5OeE {
-	padding: var(--modal-padding) !important;
+.Camera-module_video__Q2r9B {
 	width: 100%;
+	height: 100%;
+	object-fit: cover;
+}
+
+.Camera-module_controls__qXYoL {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	padding: var(--spacing-m) !important;
 	gap: 16px;
-	border-bottom: var(--modal-title-border-width) solid var(--modal-title-border-color);
+	background-color: var(--camera-controls-bg);
+	transform: var(--camera-controls-transform);
+	transition: transform var(--motion-water-duration) var(--motion-water) 0s;
 }
 
-.Modal-module_titleBlock__HUepX {
-	color: var(--modal-title-color);
+.Camera-module_controlsRight__VcIz7 {
+	gap: 12px;
 	flex: 1;
-	gap: 6px;
-	touch-action: none;
-	user-select: none;
-	-webkit-user-select: none;
 }
 
-.Modal-module_titleIcon__xJYzy {
-	height: 20px;
-	width: 20px;
-	min-height: 20px;
-	min-width: 20px;
-	user-select: none;
-	-webkit-user-select: none;
+.Camera-module_controlsCenter__e-erq {
+	gap: 12px;
+	flex: 1;
 }
 
-.Modal-module_contentWrapper__Swyjx {
-	width: 100%;
+.Camera-module_controlsLeft__bR4TN {
+	gap: 12px;
 	flex: 1;
-	overflow: hidden;
-	overflow-y: auto;
-	margin-right: var(--spacing-xs) !important;
-	/* keeps scrollHandleColor/scrollHandleColorHover props working as before */
-	--scrollbar-bg: var(--modal-background-color);
-	--scrollbar-thumb: var(--modal-scroll-handle);
-	--scrollbar-thumb-hover: var(--modal-scroll-handle-hover);
 }
 
-.Modal-module_content__dWO-B {
-	padding: var(--modal-padding) !important;
-	padding-top: 0 !important;
-	padding-bottom: var(--modal-content-padding-tops) !important;
-	width: 100%;
+.Camera-module_error__t0w-d {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	color: var(--feedback-warning);
 }
 
-.Modal-module_actions__hY6zi {
-	padding: var(--modal-padding) !important;
-	width: 100%;
-	user-select: none;
-	-webkit-user-select: none;
-	border-top: var(--modal-actions-border-width) solid var(--modal-actions-border-color);
+.Camera-module_poster__Gun-v {
+	position: absolute;
+	aspect-ratio: 1 / 1;
+	top: 0;
+	bottom: 0;
+	left: 50%;
+	transform: translateX(-50%);
+	color: var(--core-text-primary);
 }
 
-.Modal-module_leftActions__-M-DM {
-	gap: 8px;
+.Camera-module_snapshotFrame__YM6Eu {
+	position: absolute;
+	max-width: 25%;
+	height: min-content;
+	top: 16px;
+	right: 16px;
+	z-index: 1;
 }
 
-.Modal-module_rightActions__IFgrN {
-	gap: 8px;
+.Camera-module_clear__aaCfT {
+	position: absolute;
+	top: 16px;
+	right: 16px;
+	z-index: 3;
 }
 
-.Modal-module_xs__iPcS9 {
+.Camera-module_snapshot__odQH0 {
+	width: 100%;
+	border: 1px solid var(--core-outline-special);
+	z-index: 2;
 }
 
-.Modal-module_s__31sYS {
+.Camera-module_toolbarButton__mnmoF {
+	gap: 4px;
+	cursor: pointer;
+	user-select: none;
+	-webkit-user-select: none;
 }
 
-.Modal-module_m__Iz82L {
+.Camera-module_buttonIcon__a-VBR {
+	min-height: var(--toolbar-button-size);
+	max-height: var(--toolbar-button-size);
+	min-width: var(--toolbar-button-size);
+	max-width: var(--toolbar-button-size);
+	background: var(--toolbar-button-bg-color);
+	border: 1px solid transparent;
+	border-radius: 100%;
+	opacity: var(--toolbar-button-opacity);
+	transition: background, border var(--motion-water-duration) var(--motion-water) 0s;
 }
 
-.Modal-module_l__pntdS {
+.Camera-module_buttonIcon__a-VBR:hover {
+	border: 1px solid var(--core-outline-special);
 }
 
-.Modal-module_xl__MR-68 {
+.Camera-module_buttonLabel__6BEs1 {
+	color: var(--toolbar-button-label-color);
 }
 
 .flexBox-module_row__z24tF {
@@ -2165,197 +2133,95 @@ line {
 	letter-spacing: var(--letter-spacing-m);
 }
 
-.Grouper-module_header__D5fV0 {
-	width: 100%;
-	cursor: pointer;
-	appearance: none;
-	-webkit-appearance: none;
-	background-image: none;
-	background-color: transparent;
-	border: 0;
-	outline: none;
-	padding: 0;
+.DropDown-module_wrapper__CyX0u {
+	display: var(--dd-display) !important;
+	padding: var(--dd-padding) !important;
+	margin: var(--dd-margin) !important;
+	position: relative;
+	gap: var(--dd-gap);
+	width: var(--dd-width);
+	border-radius: var(--dd-border-radius);
+	background-color: var(--dd-bg-color);
+	border: var(--dd-border);
+	border-bottom: var(--dd-border-bottom);
+	transition: all var(--motion-water-duration) var(--motion-water) 0s;
+	user-select: none;
+	-webkit-user-select: none;
 }
 
-.Grouper-module_title__ZKqTP {
-	color: var(--core-text-primary);
+.DropDown-module_face__6gyF3 {
+	overflow: hidden;
+	min-width: 0;
 	flex: 1;
 }
 
-.Grouper-module_content__Mof50 {
-	user-select: none;
-	-webkit-user-select: none;
-	padding: 0 var(--spacing-l) !important;
-	width: 100%;
-	gap: 6px;
-	height: var(--grouper-height);
-	border-top: var(--grouper-border) solid var(--core-outline-primary);
+.DropDown-module_faceText__glhB3 {
+	display: -webkit-box;
+	-webkit-line-clamp: 1;
+	-webkit-box-orient: vertical;
+	box-sizing: border-box;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	word-break: break-all;
+	color: var(--dd-color);
+	min-width: 0;
 }
 
-.Grouper-module_icon__14Jis {
-	min-height: var(--grouper-icon-size);
-	height: var(--grouper-icon-size);
-	min-width: var(--grouper-icon-size);
-	width: var(--grouper-icon-size);
+.DropDown-module_label__Mrwbp {
+	width: min-content;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	color: var(--dd-label-color);
 }
 
-.flexBox-module_row__z24tF {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_rowBetween__5FEvi {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_rowStart__4tcxS {
-	display: flex;
-	justify-content: flex-start;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_rowEnd__rVdVm {
-	display: flex;
-	justify-content: flex-end;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_column__ezvMq {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnStart__C7P44 {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-start;
-	align-items: flex-start;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnStartCenter__PKcrG {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-start;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnBetween__ERfp7 {
-	display: flex;
-	flex-direction: column;
-	justify-content: space-between;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnEnd__lLJuc {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-end;
-	align-items: flex-end;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.Dot-module_dot__RNz87 {
-	display: var(--dot-display);
-	box-sizing: content-box;
-	position: var(--dot-position);
-	top: var(--dot-top);
-	right: var(--dot-right);
-	vertical-align: var(--dot-vertical-align);
-	min-height: var(--dot-size);
-	min-width: var(--dot-size);
-	height: var(--dot-size);
-	width: var(--dot-size);
-	border: var(--dot-border) solid var(--core-surface-primary);
-	background: var(--dot-bg);
-	border-radius: 100%;
-	z-index: var(--elevation-status);
+.DropDown-module_xs__7L71q {
 }
 
-.flexBox-module_row__z24tF {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_rowBetween__5FEvi {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_rowStart__4tcxS {
-	display: flex;
-	justify-content: flex-start;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_rowEnd__rVdVm {
-	display: flex;
-	justify-content: flex-end;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_column__ezvMq {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnStart__C7P44 {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-start;
-	align-items: flex-start;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnStartCenter__PKcrG {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-start;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnBetween__ERfp7 {
-	display: flex;
-	flex-direction: column;
-	justify-content: space-between;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnEnd__lLJuc {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-end;
-	align-items: flex-end;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.type-module_body-xs-regular__ZAFft {
-	font-family: var(--font-family), sans-serif;
-	font-weight: var(--font-weight-regular);
-	font-size: var(--font-size-xs);
+.DropDown-module_s__vAxXD {
+}
+
+.DropDown-module_m__K6JPk {
+}
+
+.DropDown-module_l__Kib48 {
+}
+
+.DropDown-module_xl__mwc0C {
+}
+
+.DropDown-module_chevron__LkYsE {
+	min-height: var(--dd-icon-size);
+	max-height: var(--dd-icon-size);
+	min-width: var(--dd-icon-size);
+	max-width: var(--dd-icon-size);
+}
+
+.DropDown-module_select__mzNnv {
+	position: absolute;
+	opacity: 0;
+	width: 100%;
+	height: 100%;
+	font-size: 14px;
+	background-color: #1f99cd;
+	background-position: right 10px center;
+	background-repeat: no-repeat;
+	background-size: auto 50%;
+	border: none;
+	outline: none;
+	-moz-appearance: none;
+	-webkit-appearance: none;
+	appearance: none;
+}
+
+.DropDown-module_select__mzNnv::-ms-expand {
+		display: none;
+	}
+
+.type-module_body-xs-regular__ZAFft {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-regular);
+	font-size: var(--font-size-xs);
 	line-height: var(--line-height-m);
 	text-decoration: none;
 	letter-spacing: var(--letter-spacing-m);
@@ -2494,67 +2360,105 @@ line {
 	line-height: var(--line-height-xs);
 	letter-spacing: var(--letter-spacing-m);
 }
-
-.ErrorSummary-module_errorBox__hjY50 {
-	width: 100%;
-	background: var(--error-bg-color);
-	border: 1px solid var(--error-text-color);
-	border-radius: var(--corner-xs);
-	overflow: hidden;
-	gap: 0;
-}
-
-.ErrorSummary-module_errorBox__hjY50.ErrorSummary-module_errorBox__hjY50 {
-	padding: var(--spacing-m) !important;
-}
-
-.ErrorSummary-module_error__QX1mr {
-	width: 100%;
+	.DivInput-module_wrapper__ZQxY- {
+	padding: var(--div-input-padding);
+	width: var(--div-input-width);
+	border-radius: var(--div-input-border-radius);
+	background: var(--div-input-wrapper-bg);
 }
-
-.ErrorSummary-module_error__QX1mr:last-child {
-		margin-bottom: 0;
+	.DivInput-module_wrapper__ZQxY-:hover {
+		background: var(--div-input-bg);
 	}
 
-.ErrorSummary-module_error__QX1mr.ErrorSummary-module_error__QX1mr {
-	margin-bottom: var(--spacing-xs) !important;
+.DivInput-module_input__J34-l {
+	color: var(--div-input-color);
+	user-select: var(--div-input-user-select);
+	-webkit-user-select: var(--div-input-user-select);
+	text-align: var(--div-input-text-align);
+	pointer-events: all;
+	background: transparent;
+	border-radius: var(--corner-xs);
+	border: 0;
+	outline: none;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	overflow: hidden;
+	white-space: var(--div-input-white-space);
+	-webkit-line-clamp: var(--div-input-line-clamp);
+	-webkit-box-orient: vertical;
+	cursor: var(--div-input-cursor);
+	transition: background var(--motion-water-duration) var(--motion-water) 0s;
 }
 
-.ErrorSummary-module_p__N-2Po {
+.flexBox-module_row__z24tF {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
 	margin: 0;
+}.flexBox-module_rowBetween__5FEvi {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	box-sizing: border-box;
 	padding: 0;
-	color: var(--error-text-color);
-}
-
-.ErrorSummary-module_ul__Xv0K7 {
+	margin: 0;
+}.flexBox-module_rowStart__4tcxS {
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;
+	box-sizing: border-box;
 	padding: 0;
 	margin: 0;
-}
-
-.ErrorSummary-module_li__0ciEx {
-	color: var(--error-text-color);
-	line-height: 1.5em;
-}
-.ErrorSummary-module_li__0ciEx.ErrorSummary-module_li__0ciEx {
-	margin: 0 0 0 1.2em;
-}
-
-.ErrorSummary-module_xs__pTqMn {
-}
-
-.ErrorSummary-module_s__u2sIP {
-}
-
-.ErrorSummary-module_m__-QyP- {
-}
-
-.ErrorSummary-module_l__bb1xZ {
-}
-
-.ErrorSummary-module_xl__SaVRd {
-}
-
-.type-module_body-xs-regular__ZAFft {
+}.flexBox-module_rowEnd__rVdVm {
+	display: flex;
+	justify-content: flex-end;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_column__ezvMq {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnStart__C7P44 {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	align-items: flex-start;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnStartCenter__PKcrG {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnBetween__ERfp7 {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnEnd__lLJuc {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-end;
+	align-items: flex-end;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.type-module_body-xs-regular__ZAFft {
 	font-family: var(--font-family), sans-serif;
 	font-weight: var(--font-weight-regular);
 	font-size: var(--font-size-xs);
@@ -2695,65 +2599,76 @@ line {
 	font-size: var(--font-size-h6);
 	line-height: var(--line-height-xs);
 	letter-spacing: var(--letter-spacing-m);
-}.scrollBars-module_scrollbars__c-ZPl {
-	/* Consumers override these to theme their own scrollbar (e.g. Modal
-	   binds them to its scrollHandleColor/scrollHandleColorHover props).
-	   Unoverridden, they fall back to the shared page-level scroll tokens. */
-	--scrollbar-size: 6px;
-	--scrollbar-bg: transparent;
-	--scrollbar-thumb: var(--scroll-bar);
-	--scrollbar-thumb-hover: var(--scroll-bar-hover);
-
-	/* firefox does not support -webkit-scrollbar */
-	@supports not selector(::-webkit-scrollbar) {
-		scrollbar-width: thin;
-		scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
-	}
+}
 
-	&::-webkit-scrollbar {
-		background-color: var(--scrollbar-bg);
-		width: var(--scrollbar-size);
-		height: var(--scrollbar-size);
-	}
+.ErrorSummary-module_errorBox__hjY50 {
+	width: 100%;
+	background: var(--error-bg-color);
+	border: 1px solid var(--error-text-color);
+	border-radius: var(--corner-xs);
+	overflow: hidden;
+	gap: 0;
+}
 
-	&::-webkit-scrollbar-track {
-		background-color: var(--scrollbar-bg);
-		width: var(--scrollbar-size);
-		height: var(--scrollbar-size);
-	}
+.ErrorSummary-module_errorBox__hjY50.ErrorSummary-module_errorBox__hjY50 {
+	padding: var(--spacing-m) !important;
+}
 
-	&::-webkit-scrollbar-thumb {
-		background-color: var(--scrollbar-thumb);
-		border-radius: var(--corner-round);
-		border: 1px solid var(--scrollbar-bg);
-	}
+.ErrorSummary-module_error__QX1mr {
+	width: 100%;
+}
 
-	&::-webkit-scrollbar-thumb:hover {
-		background-color: var(--scrollbar-thumb-hover);
-		border-radius: var(--corner-round);
-		border: 1px solid var(--scrollbar-bg);
+.ErrorSummary-module_error__QX1mr:last-child {
+		margin-bottom: 0;
 	}
 
-	&::-webkit-scrollbar-corner {
-		background-color: var(--scrollbar-bg);
-	}
-}.FlexDiv-module_flexDiv__EY5A- {
-	/* --flex-div-bg was never actually set anywhere (FlexDiv.tsx sets
-	   --flex-div-scroll-border for this purpose) -- bind to the real one. */
-	--scrollbar-bg: var(--flex-div-scroll-border);
-	--scrollbar-thumb: var(--flex-div-scroll-handle);
-	--scrollbar-thumb-hover: var(--flex-div-scroll-handle-hover);
+.ErrorSummary-module_error__QX1mr.ErrorSummary-module_error__QX1mr {
+	margin-bottom: var(--spacing-xs) !important;
 }
 
-.flexBox-module_row__z24tF {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
+.ErrorSummary-module_p__N-2Po {
 	margin: 0;
-}.flexBox-module_rowBetween__5FEvi {
-	display: flex;
+	padding: 0;
+	color: var(--error-text-color);
+}
+
+.ErrorSummary-module_ul__Xv0K7 {
+	padding: 0;
+	margin: 0;
+}
+
+.ErrorSummary-module_li__0ciEx {
+	color: var(--error-text-color);
+	line-height: 1.5em;
+}
+.ErrorSummary-module_li__0ciEx.ErrorSummary-module_li__0ciEx {
+	margin: 0 0 0 1.2em;
+}
+
+.ErrorSummary-module_xs__pTqMn {
+}
+
+.ErrorSummary-module_s__u2sIP {
+}
+
+.ErrorSummary-module_m__-QyP- {
+}
+
+.ErrorSummary-module_l__bb1xZ {
+}
+
+.ErrorSummary-module_xl__SaVRd {
+}
+
+.flexBox-module_row__z24tF {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_rowBetween__5FEvi {
+	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	box-sizing: border-box;
@@ -3137,39 +3052,11 @@ line {
 	box-sizing: border-box;
 	padding: 0;
 	margin: 0;
+}.ToggleButton-module_toggleButton__H7KgI {
+	width: min-content;
+	gap: var(--tb-gap);
 }
 
-.Pager-module_wrapper__eutVg {
-	gap: var(--pager-gap);
-	width: 100%;
-	z-index: var(--elevation-status);
-}
-
-.Pager-module_bullet__TxyR5 {
-	width: var(--pager-size);
-	height: var(--pager-size);
-	max-width: var(--pager-size);
-	max-height: var(--pager-size);
-	background: var(--pager-color);
-	border-radius: 100%;
-	border: 0;
-	cursor: pointer;
-	outline: none;
-	transition: background var(--motion-water-duration) var(--motion-water) 0s;
-}
-
-.Pager-module_bullet__TxyR5:hover {
-		background: var(--pager-colorHover);
-	}
-
-.Pager-module_selected__C6xbR {
-	background: var(--pager-colorOn);
-}
-
-.Pager-module_selected__C6xbR:hover {
-		background: var(--pager-colorOn);
-	}
-
 .flexBox-module_row__z24tF {
 	display: flex;
 	justify-content: center;
@@ -3381,29 +3268,46 @@ line {
 	letter-spacing: var(--letter-spacing-m);
 }
 
-.CheckBox-module_wrapper__uRsjI {
-	min-height: var(--cb-size);
-	height: var(--cb-size);
-	width: auto;
-	gap: 6px;
+.RadioButton-module_wrapper__-pWRe {
+	padding: var(--rb-padding) !important;
+	max-width: var(--rb-max-width);
+	flex: var(--rb-flex);
+	border: var(--rb-border);
+	background: var(--rb-bg);
+	gap: var(--rb-gap);
+	border-radius: var(--corner-m);
 	cursor: pointer;
-	overflow: hidden;
+	transition: all var(--motion-water-duration) var(--motion-water) 0s;
 	user-select: none;
 	-webkit-user-select: none;
+	appearance: none;
+	-webkit-appearance: none;
+	background-image: none;
 	outline: none;
-	border: 0;
 }
 
-.CheckBox-module_icon__FoDJN {
-	min-width: var(--cb-size);
-	max-width: var(--cb-size);
-	min-height: var(--cb-size);
-	max-height: var(--cb-size);
+.RadioButton-module_radioIcon__I27Xv {
+	width: 20px;
+	height: 20px;
+	max-width: 20px;
+	max-height: 20px;
+	min-height: 20px;
+	min-width: 20px;
 }
 
-.CheckBox-module_label__0AiBp {
-	color: var(--cb-label-color);
-	transition: color var(--motion-water-duration) var(--motion-water-easing) 0s;
+.RadioButton-module_radioTitle__zCQII {
+	color: var(--core-text-primary);
+	white-space: nowrap;
+	flex: 1;
+}
+
+.RadioButton-module_radioSummary__PNr0Z {
+	color: var(--core-text-primary);
+	flex: 1;
+}
+
+.RadioButton-module_radioContent__38xVx {
+	width: 100%;
 }
 
 .flexBox-module_row__z24tF {
@@ -3560,30 +3464,37 @@ line {
 	margin: 0;
 }
 
-.ModalController-module_container__3cSaO {
-	position: fixed;
-	inset: 0;
-	overflow: hidden;
-	z-index: var(--elevation-confirm);
+.Pager-module_wrapper__eutVg {
+	gap: var(--pager-gap);
+	width: 100%;
+	z-index: var(--elevation-status);
 }
 
-.ModalController-module_box__cPzOz {
-	position: relative;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	background: transparent;
-	width: 100%;
-	height: 100%;
-	overflow: visible;
-	z-index: var(--elevation-confirm);
+.Pager-module_bullet__TxyR5 {
+	width: var(--pager-size);
+	height: var(--pager-size);
+	max-width: var(--pager-size);
+	max-height: var(--pager-size);
+	background: var(--pager-color);
+	border-radius: 100%;
+	border: 0;
+	cursor: pointer;
+	outline: none;
+	transition: background var(--motion-water-duration) var(--motion-water) 0s;
 }
 
-.ModalController-module_wrapper__HkOoX {
-	position: absolute;
-	z-index: var(--elevation-confirm);
+.Pager-module_bullet__TxyR5:hover {
+		background: var(--pager-colorHover);
+	}
+
+.Pager-module_selected__C6xbR {
+	background: var(--pager-colorOn);
 }
 
+.Pager-module_selected__C6xbR:hover {
+		background: var(--pager-colorOn);
+	}
+
 .flexBox-module_row__z24tF {
 	display: flex;
 	justify-content: center;
@@ -3652,48 +3563,6 @@ line {
 	box-sizing: border-box;
 	padding: 0;
 	margin: 0;
-}.scrollBars-module_scrollbars__c-ZPl {
-	/* Consumers override these to theme their own scrollbar (e.g. Modal
-	   binds them to its scrollHandleColor/scrollHandleColorHover props).
-	   Unoverridden, they fall back to the shared page-level scroll tokens. */
-	--scrollbar-size: 6px;
-	--scrollbar-bg: transparent;
-	--scrollbar-thumb: var(--scroll-bar);
-	--scrollbar-thumb-hover: var(--scroll-bar-hover);
-
-	/* firefox does not support -webkit-scrollbar */
-	@supports not selector(::-webkit-scrollbar) {
-		scrollbar-width: thin;
-		scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
-	}
-
-	&::-webkit-scrollbar {
-		background-color: var(--scrollbar-bg);
-		width: var(--scrollbar-size);
-		height: var(--scrollbar-size);
-	}
-
-	&::-webkit-scrollbar-track {
-		background-color: var(--scrollbar-bg);
-		width: var(--scrollbar-size);
-		height: var(--scrollbar-size);
-	}
-
-	&::-webkit-scrollbar-thumb {
-		background-color: var(--scrollbar-thumb);
-		border-radius: var(--corner-round);
-		border: 1px solid var(--scrollbar-bg);
-	}
-
-	&::-webkit-scrollbar-thumb:hover {
-		background-color: var(--scrollbar-thumb-hover);
-		border-radius: var(--corner-round);
-		border: 1px solid var(--scrollbar-bg);
-	}
-
-	&::-webkit-scrollbar-corner {
-		background-color: var(--scrollbar-bg);
-	}
 }.type-module_body-xs-regular__ZAFft {
 	font-family: var(--font-family), sans-serif;
 	font-weight: var(--font-weight-regular);
@@ -3837,77 +3706,186 @@ line {
 	letter-spacing: var(--letter-spacing-m);
 }
 
-.TextArea-module_wrapper__O0sWP {
-	position: relative;
-	padding: var(--ta-padding) !important;
-	width: var(--ta-width);
-	height: var(--ta-height);
-	max-height: var(--ta-max-height);
-	border-radius: var(--ta-border-radius);
-	background-color: var(--ta-bg-color);
-	box-shadow: 0 0 0 1px var(--ta-border-color);
-	transition: all var(--motion-water-duration) var(--motion-water) 0s;
+.Toast-module_wrapper__1uj9O {
+	padding: var(--toast-padding) !important;
+	color: var(--toast-color);
+	position: var(--toast-position);
+	border: var(--toast-border);
+	border-radius: var(--toast-border-radius);
+	background: var(--toast-background);
+	z-index: var(--elevation-status);
+	gap: 16px;
+	box-shadow: var(--surface-shadow-soft);
+	left: 50%;
+	transform: translateX(-50%);
 }
 
-.TextArea-module_textarea__-R2n0 {
-	border: 0;
-	outline: 0;
-	padding: 0;
-	width: 100%;
-	height: 100%;
-	color: var(--core-text-primary);
-	background-color: transparent;
-	box-sizing: border-box;
-	resize: var(--ta-resize);
+.Toast-module_close__i10-s {
+	min-height: 20px;
+	max-height: 20px;
+	min-width: 20px;
+	max-width: 20px;
+	cursor: pointer;
 }
 
-.TextArea-module_textarea__-R2n0:disabled {
-		color: var(--core-text-disabled);
-	}
-
-.TextArea-module_textarea__-R2n0::placeholder {
-		color: var(--core-text-disabled);
-	}
+.Toast-module_message__3dP0P {
+	gap: 6px;
+}
 
-.TextArea-module_textarea__-R2n0 {
+.Toast-module_progress__SWsbA {
+	min-height: 20px;
+	max-height: 20px;
+	min-width: 20px;
+	max-width: 20px;
+}
 
-	overflow-y: auto;
+.Toast-module_xs__ptQ-h {
 }
 
-.TextArea-module_actions__yunQx {
-	width: 100%;
-	min-height: 30px;
-	color: var(--core-text-disabled);
-	gap: 16px;
+.Toast-module_s__kc5Ef {
 }
 
-.TextArea-module_option__2SFx5 {
-	gap: 4px;
-	white-space: nowrap;
-	user-select: none;
-	-webkit-user-select: none;
-	cursor: default;
+.Toast-module_m__JtmLz {
+}
+.Toast-module_l__-W0PD {
 }
 
-.TextArea-module_send__Cub13 {
-	position: absolute;
-	bottom: var(--ta-send-icon-offset-bottom);
-	right: var(--ta-send-icon-offset-right);
+.Toast-module_xl__j5Zhr {
 }
 
-.TextArea-module_xs__5e748 {
+.flexBox-module_row__z24tF {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_rowBetween__5FEvi {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_rowStart__4tcxS {
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_rowEnd__rVdVm {
+	display: flex;
+	justify-content: flex-end;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_column__ezvMq {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnStart__C7P44 {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	align-items: flex-start;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnStartCenter__PKcrG {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnBetween__ERfp7 {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnEnd__lLJuc {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-end;
+	align-items: flex-end;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
 }
 
-.TextArea-module_s__Ac-fq {
+.Slider-module_wrapper__KCCs1 {
+	position: relative;
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0 var(--slider-padding);
+	margin: 0;
+	width: var(--slider-width);
+	height: auto;
+	min-height: var(--slider-touch-height);
+	cursor: var(--slider-cursor);
+	opacity: var(--slider-opacity);
+	background: transparent;
 }
 
-.TextArea-module_m__dod4R {
+.Slider-module_trackBg__7zfqm {
+	position: relative;
+	width: 100%;
+	height: var(--slider-height);
+	background-color: var(--slider-track-color);
+	overflow: hidden;
+	border-radius: var(--corner-round);
 }
 
-.TextArea-module_l__-uLCG {
+.Slider-module_track__kaJkL {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	width: 0;
+	background-color: var(--slider-progress-color);
+	overflow: visible;
+	border-radius: var(--corner-round);
 }
 
-.TextArea-module_xl__H6-7T {
+.Slider-module_trackHead__W-UdG {
+	position: absolute;
+	display: var(--slider-head-display);
+	background-color: var(--slider-head-color);
+	border: var(--slider-track-head-border);
+	border-radius: var(--slider-head-radius);
+	max-width: var(--slider-head-width);
+	max-height: var(--slider-head-size);
+	min-width: var(--slider-head-width);
+	min-height: var(--slider-head-size);
+	top: 50%;
+	transform: translateY(-50%) translateX(-50%);
+}
+
+.Slider-module_trackWrapper__Ot0Wh {
+	position: relative;
+	width: 100%;
+	height: var(--slider-height);
+	min-height: var(--slider-touch-height);
+	background-color: transparent;
+	border-radius: var(--corner-xs);
+	overflow: visible;
+	outline: none;
+}
+
+.Slider-module_trackWrapper__Ot0Wh:focus-visible {
+	outline: 2px solid var(--core-link-primary);
+	outline-offset: 2px;
 }
 
 .flexBox-module_row__z24tF {
@@ -3978,27 +3956,21 @@ line {
 	box-sizing: border-box;
 	padding: 0;
 	margin: 0;
-}
-
-.Switch-module_wrapper__kudO9 {
-	padding: var(--switch-padding) !important;
-	width: var(--switch-width);
-	height: var(--switch-height);
-	border-radius: var(--corner-round);
-	cursor: pointer;
-	background: var(--switch-bg-color);
-	transition: background var(--motion-water-duration) var(--motion-water) 0s;
-	appearance: none;
-	-webkit-appearance: none;
-	border: 0;
-	outline: none;
-}
-
-.Switch-module_knob__vKNOc {
-	width: var(--switch-knob-size);
-	height: var(--switch-knob-size);
-	background: var(--switch-knob-color);
+}.Dot-module_dot__RNz87 {
+	display: var(--dot-display);
+	box-sizing: content-box;
+	position: var(--dot-position);
+	top: var(--dot-top);
+	right: var(--dot-right);
+	vertical-align: var(--dot-vertical-align);
+	min-height: var(--dot-size);
+	min-width: var(--dot-size);
+	height: var(--dot-size);
+	width: var(--dot-size);
+	border: var(--dot-border) solid var(--core-surface-primary);
+	background: var(--dot-bg);
 	border-radius: 100%;
+	z-index: var(--elevation-status);
 }
 
 .flexBox-module_row__z24tF {
@@ -4212,91 +4184,61 @@ line {
 	letter-spacing: var(--letter-spacing-m);
 }
 
-.DropDown-module_wrapper__CyX0u {
-	display: var(--dd-display) !important;
-	padding: var(--dd-padding) !important;
-	margin: var(--dd-margin) !important;
+.Button-module_button__2ZuB7 {
 	position: relative;
-	gap: var(--dd-gap);
-	width: var(--dd-width);
-	border-radius: var(--dd-border-radius);
-	background-color: var(--dd-bg-color);
-	border: var(--dd-border);
-	border-bottom: var(--dd-border-bottom);
-	transition: all var(--motion-water-duration) var(--motion-water) 0s;
 	user-select: none;
 	-webkit-user-select: none;
+	appearance: none;
+	-webkit-appearance: none;
+	background-image: none;
+	outline: none;
 }
 
-.DropDown-module_face__6gyF3 {
+.Button-module_label__UJ3Zt {
+	user-select: none;
+	-webkit-user-select: none;
+	text-overflow: ellipsis;
 	overflow: hidden;
-	min-width: 0;
-	flex: 1;
-}
-
-.DropDown-module_faceText__glhB3 {
+	white-space: nowrap;
+	word-break: break-all;
 	display: -webkit-box;
 	-webkit-line-clamp: 1;
 	-webkit-box-orient: vertical;
-	box-sizing: border-box;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	word-break: break-all;
-	color: var(--dd-color);
-	min-width: 0;
 }
 
-.DropDown-module_label__Mrwbp {
-	width: min-content;
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-	color: var(--dd-label-color);
+.Button-module_label__UJ3Zt:hover {
+		text-decoration: var(--ui-button-decoration);
+	}
+
+.Button-module_count__DFxVB {
+	position: absolute;
+	top: 0;
+	right: 0;
+	transform: translateX(10px) translateY(-2px);
 }
 
-.DropDown-module_xs__7L71q {
+.Button-module_icon__-43u5 {
+	min-width: var(--ui-button-icon-size);
+	min-height: var(--ui-button-icon-size);
+	height: var(--ui-button-icon-size);
+	width: var(--ui-button-icon-size);
 }
 
-.DropDown-module_s__vAxXD {
+.Button-module_xs__cF6m0 {
 }
 
-.DropDown-module_m__K6JPk {
+.Button-module_m__DR-gs {
 }
 
-.DropDown-module_l__Kib48 {
+.Button-module_l__0E0yI {
 }
 
-.DropDown-module_xl__mwc0C {
+.Button-module_xl__nx4V0 {
 }
 
-.DropDown-module_chevron__LkYsE {
-	min-height: var(--dd-icon-size);
-	max-height: var(--dd-icon-size);
-	min-width: var(--dd-icon-size);
-	max-width: var(--dd-icon-size);
-}
-
-.DropDown-module_select__mzNnv {
-	position: absolute;
-	opacity: 0;
-	width: 100%;
-	height: 100%;
-	font-size: 14px;
-	background-color: #1f99cd;
-	background-position: right 10px center;
-	background-repeat: no-repeat;
-	background-size: auto 50%;
-	border: none;
-	outline: none;
-	-moz-appearance: none;
-	-webkit-appearance: none;
-	appearance: none;
+.Button-module_s__dSKOL {
 }
 
-.DropDown-module_select__mzNnv::-ms-expand {
-		display: none;
-	}
-
 .flexBox-module_row__z24tF {
 	display: flex;
 	justify-content: center;
@@ -4508,46 +4450,198 @@ line {
 	letter-spacing: var(--letter-spacing-m);
 }
 
-.RadioButton-module_wrapper__-pWRe {
-	padding: var(--rb-padding) !important;
-	max-width: var(--rb-max-width);
-	flex: var(--rb-flex);
-	border: var(--rb-border);
-	background: var(--rb-bg);
-	gap: var(--rb-gap);
-	border-radius: var(--corner-m);
-	cursor: pointer;
+.TextField-module_wrapper__qZ-p- {
+	position: relative;
+	padding: var(--tf-padding) !important;
+	gap: 8px;
+	overflow: visible;
+	width: var(--tf-width);
+	height: var(--tf-height);
+	border-radius: var(--tf-border-radius);
+	background: var(--tf-bg-color);
+	box-shadow: var(--tf-box-shadow);
 	transition: all var(--motion-water-duration) var(--motion-water) 0s;
-	user-select: none;
-	-webkit-user-select: none;
+}
+
+.TextField-module_container__5U9yK {
+	flex: 1;
+	height: 100%;
+	gap: 8px;
+}
+
+.TextField-module_label__jD8MR {
+	color: var(--tf-label-color);
+	height: auto;
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+.TextField-module_input__AkWBQ {
+	color: var(--tf-text-color);
+	background-color: transparent;
+	box-sizing: border-box;
+	outline: none;
+	border: 0;
+	padding: 0;
+	height: 100%;
+	width: var(--tf-input-width);
+	field-sizing: var(--tf-field-size);
+	text-align: var(--tf-text-align);
+}
+
+.TextField-module_input__AkWBQ::placeholder {
+		color: var(--tf-placeholder-color);
+	}
+
+.TextField-module_input__AkWBQ:focus::placeholder {
+		color: var(--tf-placeholder-color);
+	}
+
+.TextField-module_input__AkWBQ:disabled {
+		color: var(--core-text-disabled);
+	}
+
+.TextField-module_input__AkWBQ:-webkit-autofill,
+	.TextField-module_input__AkWBQ:-webkit-autofill:hover,
+	.TextField-module_input__AkWBQ:-webkit-autofill:focus,
+	.TextField-module_input__AkWBQ:-webkit-autofill:active {
+		box-shadow: 0 0 0 50px var(--core-button-disabled) inset !important;
+		-webkit-text-fill-color: var(--core-text-primary);
+	}
+
+.TextField-module_input__AkWBQ:-webkit-autofill::placeholder {
+		color: var(--tf-placeholder-color);
+	}
+
+.TextField-module_input__AkWBQ:-webkit-autofill::backdrop {
+		color: transparent;
+	}
+
+.TextField-module_showPassword__4Ecfo {
+	min-height: 18px;
+	min-width: 18px;
+	max-height: 18px;
+	max-width: 18px;
+	opacity: var(--tf-show-opacity);
+}
+
+.TextField-module_showPassword__4Ecfo:hover {
+		opacity: var(--tf-show-opacity-hover);
+	}
+
+.TextField-module_clearButton__O9ed3 {
+	border: 0;
+	background: transparent;
 	appearance: none;
 	-webkit-appearance: none;
-	background-image: none;
 	outline: none;
+	cursor: pointer;
 }
 
-.RadioButton-module_radioIcon__I27Xv {
-	width: 20px;
-	height: 20px;
-	max-width: 20px;
-	max-height: 20px;
-	min-height: 20px;
-	min-width: 20px;
+.TextField-module_xs__vyt2t {
 }
 
-.RadioButton-module_radioTitle__zCQII {
-	color: var(--core-text-primary);
-	white-space: nowrap;
-	flex: 1;
+.TextField-module_s__0qm83 {
 }
 
-.RadioButton-module_radioSummary__PNr0Z {
-	color: var(--core-text-primary);
-	flex: 1;
+.TextField-module_m__M-tLl {
 }
 
-.RadioButton-module_radioContent__38xVx {
-	width: 100%;
+.TextField-module_l__gbNRz {
+}
+
+.TextField-module_xl__tp--W {
+}
+
+.flexBox-module_row__z24tF {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_rowBetween__5FEvi {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_rowStart__4tcxS {
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_rowEnd__rVdVm {
+	display: flex;
+	justify-content: flex-end;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_column__ezvMq {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnStart__C7P44 {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	align-items: flex-start;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnStartCenter__PKcrG {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnBetween__ERfp7 {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnEnd__lLJuc {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-end;
+	align-items: flex-end;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}
+
+.Switch-module_wrapper__kudO9 {
+	padding: var(--switch-padding) !important;
+	width: var(--switch-width);
+	height: var(--switch-height);
+	border-radius: var(--corner-round);
+	cursor: pointer;
+	background: var(--switch-bg-color);
+	transition: background var(--motion-water-duration) var(--motion-water) 0s;
+	appearance: none;
+	-webkit-appearance: none;
+	border: 0;
+	outline: none;
+}
+
+.Switch-module_knob__vKNOc {
+	width: var(--switch-knob-size);
+	height: var(--switch-knob-size);
+	background: var(--switch-knob-color);
+	border-radius: 100%;
 }
 
 .flexBox-module_row__z24tF {
@@ -4761,178 +4855,31 @@ line {
 	letter-spacing: var(--letter-spacing-m);
 }
 
-.TextField-module_wrapper__qZ-p- {
-	position: relative;
-	padding: var(--tf-padding) !important;
-	gap: 8px;
-	overflow: visible;
-	width: var(--tf-width);
-	height: var(--tf-height);
-	border-radius: var(--tf-border-radius);
-	background: var(--tf-bg-color);
-	box-shadow: var(--tf-box-shadow);
-	transition: all var(--motion-water-duration) var(--motion-water) 0s;
+.Tip-module_wrapper__D7ACT {
+	padding: var(--tooltip-padding) !important;
+	position: fixed;
+	border: var(--tooltip-border);
+	border-radius: var(--tooltip-border-radius);
+	background: var(--tooltip-background);
+	white-space: nowrap;
+	z-index: var(--elevation-describe);
 }
 
-.TextField-module_container__5U9yK {
-	flex: 1;
-	height: 100%;
-	gap: 8px;
-}
-
-.TextField-module_label__jD8MR {
-	color: var(--tf-label-color);
-	height: auto;
-	overflow: hidden;
-	white-space: nowrap;
-}
-
-.TextField-module_input__AkWBQ {
-	color: var(--tf-text-color);
-	background-color: transparent;
-	box-sizing: border-box;
-	outline: none;
-	border: 0;
-	padding: 0;
-	height: 100%;
-	width: var(--tf-input-width);
-	field-sizing: var(--tf-field-size);
-	text-align: var(--tf-text-align);
-}
-
-.TextField-module_input__AkWBQ::placeholder {
-		color: var(--tf-placeholder-color);
-	}
-
-.TextField-module_input__AkWBQ:focus::placeholder {
-		color: var(--tf-placeholder-color);
-	}
-
-.TextField-module_input__AkWBQ:disabled {
-		color: var(--core-text-disabled);
-	}
-
-.TextField-module_input__AkWBQ:-webkit-autofill,
-	.TextField-module_input__AkWBQ:-webkit-autofill:hover,
-	.TextField-module_input__AkWBQ:-webkit-autofill:focus,
-	.TextField-module_input__AkWBQ:-webkit-autofill:active {
-		box-shadow: 0 0 0 50px var(--core-button-disabled) inset !important;
-		-webkit-text-fill-color: var(--core-text-primary);
-	}
-
-.TextField-module_input__AkWBQ:-webkit-autofill::placeholder {
-		color: var(--tf-placeholder-color);
-	}
-
-.TextField-module_input__AkWBQ:-webkit-autofill::backdrop {
-		color: transparent;
-	}
-
-.TextField-module_showPassword__4Ecfo {
-	min-height: 18px;
-	min-width: 18px;
-	max-height: 18px;
-	max-width: 18px;
-	opacity: var(--tf-show-opacity);
-}
-
-.TextField-module_showPassword__4Ecfo:hover {
-		opacity: var(--tf-show-opacity-hover);
-	}
-
-.TextField-module_clearButton__O9ed3 {
-	border: 0;
-	background: transparent;
-	appearance: none;
-	-webkit-appearance: none;
-	outline: none;
-	cursor: pointer;
-}
-
-.TextField-module_xs__vyt2t {
+.Tip-module_xs__wsz9y {
 }
 
-.TextField-module_s__0qm83 {
+.Tip-module_s__Wvz3q {
 }
 
-.TextField-module_m__M-tLl {
+.Tip-module_m__9qJbB {
 }
-
-.TextField-module_l__gbNRz {
+.Tip-module_l__OdNuh {
 }
 
-.TextField-module_xl__tp--W {
+.Tip-module_xl__izmFk {
 }
 
-.flexBox-module_row__z24tF {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_rowBetween__5FEvi {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_rowStart__4tcxS {
-	display: flex;
-	justify-content: flex-start;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_rowEnd__rVdVm {
-	display: flex;
-	justify-content: flex-end;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_column__ezvMq {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnStart__C7P44 {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-start;
-	align-items: flex-start;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnStartCenter__PKcrG {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-start;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnBetween__ERfp7 {
-	display: flex;
-	flex-direction: column;
-	justify-content: space-between;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnEnd__lLJuc {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-end;
-	align-items: flex-end;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.type-module_body-xs-regular__ZAFft {
+.type-module_body-xs-regular__ZAFft {
 	font-family: var(--font-family), sans-serif;
 	font-weight: var(--font-weight-regular);
 	font-size: var(--font-size-xs);
@@ -5075,202 +5022,46 @@ line {
 	letter-spacing: var(--letter-spacing-m);
 }
 
-.TabBar-module_wrapper__cyOR1 {
-	justify-content: var(--tab-bar-justify) !important;
-	gap: var(--tab-bar-gap);
-	border-bottom: var(--tab-bar-border-bottom) solid var(--tab-bar-border-color);
-	height: var(--tab-bar-height);
-	width: var(--tab-bar-width);
-	cursor: pointer;
+.Label-module_label__RaRvM {
+	line-height: 1em;
+	white-space: nowrap;
+	padding: var(--label-padding) !important;
+	width: min-content;
+	color: var(--label-color);
+	border-radius: var(--label-border-radius);
+	border: var(--label-border-size) solid var(--label-border-color);
+	cursor: default;
+	background: var(--label-bg-color);
 }
 
-.TabBar-module_option__gYjDf {
-	gap: var(--tab-bar-option-gap);
-	color: var(--tab-bar-option-color);
-	padding: var(--tab-bar-option-padding) !important;
-	height: 100%;
-	width: var(--tab-bar-option-width);
-	flex: var(--tab-bar-option-flex);
+.Label-module_button__N8bcQ {
+	display: inline-flex !important;
+	background: var(--label-bg-color);
+	color: var(--label-color);
+	border-radius: var(--label-border-radius);
+	border: var(--label-border-size) solid var(--label-border-color);
+	width: min-content;
+	cursor: pointer;
 	white-space: nowrap;
-	box-shadow: 0 var(--tab-bar-option-border) 0 0 var(--core-text-special);
-	cursor: var(--tab-bar-option-cursor);
-	-webkit-user-select: none;
-	user-select: none;
 	appearance: none;
 	-webkit-appearance: none;
 	background-image: none;
-	background-color: transparent;
-	border: 0;
 	outline: none;
-	text-align: left;
 }
 
-.TabBar-module_icon__JDgG3 {
-	max-height: var(--tab-bar-icon-size);
-	min-height: var(--tab-bar-icon-size);
-	max-width: var(--tab-bar-icon-size);
-	min-width: var(--tab-bar-icon-size);
-}
-
-.TabBar-module_close__bvSBh {
-	height: 100%;
-	padding: var(--tab-bar-close-padding) !important;
-	border-left: 1px solid var(--core-outline-primary);
-	width: min-content;
-}
-
-.TabBar-module_xs__QDjV9 {
-}
-
-.TabBar-module_s__-EBj2 {
+.Label-module_xs__K9Ai6 {
 }
 
-.TabBar-module_m__3sCA3 {
+.Label-module_s__Zh8Gp {
 }
 
-.TabBar-module_l__hy1rR {
+.Label-module_m__BJtGL {
 }
 
-.TabBar-module_xl__zaASU {
+.Label-module_l__t70tt {
 }
 
-.TabBar-module_selected__UmBdu {
-	font-weight: 520 !important;
-}
-
-.flexBox-module_row__z24tF {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_rowBetween__5FEvi {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_rowStart__4tcxS {
-	display: flex;
-	justify-content: flex-start;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_rowEnd__rVdVm {
-	display: flex;
-	justify-content: flex-end;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_column__ezvMq {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnStart__C7P44 {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-start;
-	align-items: flex-start;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnStartCenter__PKcrG {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-start;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnBetween__ERfp7 {
-	display: flex;
-	flex-direction: column;
-	justify-content: space-between;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnEnd__lLJuc {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-end;
-	align-items: flex-end;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}
-
-.Slider-module_wrapper__KCCs1 {
-	position: relative;
-	display: flex;
-	justify-content: flex-start;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0 var(--slider-padding);
-	margin: 0;
-	width: var(--slider-width);
-	height: auto;
-	min-height: var(--slider-touch-height);
-	cursor: var(--slider-cursor);
-	opacity: var(--slider-opacity);
-	background: transparent;
-}
-
-.Slider-module_trackBg__7zfqm {
-	position: relative;
-	width: 100%;
-	height: var(--slider-height);
-	background-color: var(--slider-track-color);
-	overflow: hidden;
-	border-radius: var(--corner-round);
-}
-
-.Slider-module_track__kaJkL {
-	position: absolute;
-	top: 0;
-	bottom: 0;
-	width: 0;
-	background-color: var(--slider-progress-color);
-	overflow: visible;
-	border-radius: var(--corner-round);
-}
-
-.Slider-module_trackHead__W-UdG {
-	position: absolute;
-	display: var(--slider-head-display);
-	background-color: var(--slider-head-color);
-	border: var(--slider-track-head-border);
-	border-radius: var(--slider-head-radius);
-	max-width: var(--slider-head-width);
-	max-height: var(--slider-head-size);
-	min-width: var(--slider-head-width);
-	min-height: var(--slider-head-size);
-	top: 50%;
-	transform: translateY(-50%) translateX(-50%);
-}
-
-.Slider-module_trackWrapper__Ot0Wh {
-	position: relative;
-	width: 100%;
-	height: var(--slider-height);
-	min-height: var(--slider-touch-height);
-	background-color: transparent;
-	border-radius: var(--corner-xs);
-	overflow: visible;
-	outline: none;
-}
-
-.Slider-module_trackWrapper__Ot0Wh:focus-visible {
-	outline: 2px solid var(--core-link-primary);
-	outline-offset: 2px;
+.Label-module_xl__bX0ub {
 }
 
 .flexBox-module_row__z24tF {
@@ -5603,6 +5394,142 @@ line {
 	box-sizing: border-box;
 	padding: 0;
 	margin: 0;
+}
+
+.ModalController-module_container__3cSaO {
+	position: fixed;
+	inset: 0;
+	overflow: hidden;
+	z-index: var(--elevation-confirm);
+}
+
+.ModalController-module_box__cPzOz {
+	position: relative;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	background: transparent;
+	width: 100%;
+	height: 100%;
+	overflow: visible;
+	z-index: var(--elevation-confirm);
+}
+
+.ModalController-module_wrapper__HkOoX {
+	position: absolute;
+	z-index: var(--elevation-confirm);
+}
+
+.flexBox-module_row__z24tF {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_rowBetween__5FEvi {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_rowStart__4tcxS {
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_rowEnd__rVdVm {
+	display: flex;
+	justify-content: flex-end;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_column__ezvMq {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnStart__C7P44 {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	align-items: flex-start;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnStartCenter__PKcrG {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnBetween__ERfp7 {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnEnd__lLJuc {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-end;
+	align-items: flex-end;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.scrollBars-module_scrollbars__c-ZPl {
+	/* Consumers override these to theme their own scrollbar (e.g. Modal
+	   binds them to its scrollHandleColor/scrollHandleColorHover props).
+	   Unoverridden, they fall back to the shared page-level scroll tokens. */
+	--scrollbar-size: 6px;
+	--scrollbar-bg: transparent;
+	--scrollbar-thumb: var(--scroll-bar);
+	--scrollbar-thumb-hover: var(--scroll-bar-hover);
+
+	/* firefox does not support -webkit-scrollbar */
+	@supports not selector(::-webkit-scrollbar) {
+		scrollbar-width: thin;
+		scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
+	}
+
+	&::-webkit-scrollbar {
+		background-color: var(--scrollbar-bg);
+		width: var(--scrollbar-size);
+		height: var(--scrollbar-size);
+	}
+
+	&::-webkit-scrollbar-track {
+		background-color: var(--scrollbar-bg);
+		width: var(--scrollbar-size);
+		height: var(--scrollbar-size);
+	}
+
+	&::-webkit-scrollbar-thumb {
+		background-color: var(--scrollbar-thumb);
+		border-radius: var(--corner-round);
+		border: 1px solid var(--scrollbar-bg);
+	}
+
+	&::-webkit-scrollbar-thumb:hover {
+		background-color: var(--scrollbar-thumb-hover);
+		border-radius: var(--corner-round);
+		border: 1px solid var(--scrollbar-bg);
+	}
+
+	&::-webkit-scrollbar-corner {
+		background-color: var(--scrollbar-bg);
+	}
 }.type-module_body-xs-regular__ZAFft {
 	font-family: var(--font-family), sans-serif;
 	font-weight: var(--font-weight-regular);
@@ -5746,122 +5673,95 @@ line {
 	letter-spacing: var(--letter-spacing-m);
 }
 
-.Toast-module_wrapper__1uj9O {
-	padding: var(--toast-padding) !important;
-	color: var(--toast-color);
-	position: var(--toast-position);
-	border: var(--toast-border);
-	border-radius: var(--toast-border-radius);
-	background: var(--toast-background);
-	z-index: var(--elevation-status);
-	gap: 16px;
+.Modal-module_wrapper__34Hds {
+	position: relative;
+	min-width: var(--modal-min-width);
+	min-height: var(--modal-min-height);
+	max-height: var(--modal-max-height);
+	max-width: var(--modal-max-width);
+	background: var(--modal-background-color);
+	border: var(--modal-border-width) solid var(--modal-border-color);
+	border-radius: var(--modal-border-radius);
 	box-shadow: var(--surface-shadow-soft);
-	left: 50%;
-	transform: translateX(-50%);
+	overflow: hidden;
 }
 
-.Toast-module_close__i10-s {
-	min-height: 20px;
-	max-height: 20px;
-	min-width: 20px;
-	max-width: 20px;
-	cursor: pointer;
+.Modal-module_title__A5OeE {
+	padding: var(--modal-padding) !important;
+	width: 100%;
+	gap: 16px;
+	border-bottom: var(--modal-title-border-width) solid var(--modal-title-border-color);
 }
 
-.Toast-module_message__3dP0P {
+.Modal-module_titleBlock__HUepX {
+	color: var(--modal-title-color);
+	flex: 1;
 	gap: 6px;
+	touch-action: none;
+	user-select: none;
+	-webkit-user-select: none;
 }
 
-.Toast-module_progress__SWsbA {
+.Modal-module_titleIcon__xJYzy {
+	height: 20px;
+	width: 20px;
 	min-height: 20px;
-	max-height: 20px;
 	min-width: 20px;
-	max-width: 20px;
+	user-select: none;
+	-webkit-user-select: none;
 }
 
-.Toast-module_xs__ptQ-h {
+.Modal-module_contentWrapper__Swyjx {
+	width: 100%;
+	flex: 1;
+	overflow: hidden;
+	overflow-y: auto;
+	margin-right: var(--spacing-xs) !important;
+	/* keeps scrollHandleColor/scrollHandleColorHover props working as before */
+	--scrollbar-bg: var(--modal-background-color);
+	--scrollbar-thumb: var(--modal-scroll-handle);
+	--scrollbar-thumb-hover: var(--modal-scroll-handle-hover);
 }
 
-.Toast-module_s__kc5Ef {
+.Modal-module_content__dWO-B {
+	padding: var(--modal-padding) !important;
+	padding-top: 0 !important;
+	padding-bottom: var(--modal-content-padding-tops) !important;
+	width: 100%;
 }
 
-.Toast-module_m__JtmLz {
+.Modal-module_actions__hY6zi {
+	padding: var(--modal-padding) !important;
+	width: 100%;
+	user-select: none;
+	-webkit-user-select: none;
+	border-top: var(--modal-actions-border-width) solid var(--modal-actions-border-color);
 }
-.Toast-module_l__-W0PD {
+
+.Modal-module_leftActions__-M-DM {
+	gap: 8px;
 }
 
-.Toast-module_xl__j5Zhr {
+.Modal-module_rightActions__IFgrN {
+	gap: 8px;
 }
 
-.flexBox-module_row__z24tF {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_rowBetween__5FEvi {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_rowStart__4tcxS {
-	display: flex;
-	justify-content: flex-start;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_rowEnd__rVdVm {
-	display: flex;
-	justify-content: flex-end;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_column__ezvMq {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnStart__C7P44 {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-start;
-	align-items: flex-start;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnStartCenter__PKcrG {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-start;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnBetween__ERfp7 {
-	display: flex;
-	flex-direction: column;
-	justify-content: space-between;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnEnd__lLJuc {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-end;
-	align-items: flex-end;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.type-module_body-xs-regular__ZAFft {
+.Modal-module_xs__iPcS9 {
+}
+
+.Modal-module_s__31sYS {
+}
+
+.Modal-module_m__Iz82L {
+}
+
+.Modal-module_l__pntdS {
+}
+
+.Modal-module_xl__MR-68 {
+}
+
+.type-module_body-xs-regular__ZAFft {
 	font-family: var(--font-family), sans-serif;
 	font-weight: var(--font-weight-regular);
 	font-size: var(--font-size-xs);
@@ -6002,30 +5902,54 @@ line {
 	font-size: var(--font-size-h6);
 	line-height: var(--line-height-xs);
 	letter-spacing: var(--letter-spacing-m);
-}
+}.scrollBars-module_scrollbars__c-ZPl {
+	/* Consumers override these to theme their own scrollbar (e.g. Modal
+	   binds them to its scrollHandleColor/scrollHandleColorHover props).
+	   Unoverridden, they fall back to the shared page-level scroll tokens. */
+	--scrollbar-size: 6px;
+	--scrollbar-bg: transparent;
+	--scrollbar-thumb: var(--scroll-bar);
+	--scrollbar-thumb-hover: var(--scroll-bar-hover);
 
-.Tip-module_wrapper__D7ACT {
-	padding: var(--tooltip-padding) !important;
-	position: fixed;
-	border: var(--tooltip-border);
-	border-radius: var(--tooltip-border-radius);
-	background: var(--tooltip-background);
-	white-space: nowrap;
-	z-index: var(--elevation-describe);
-}
+	/* firefox does not support -webkit-scrollbar */
+	@supports not selector(::-webkit-scrollbar) {
+		scrollbar-width: thin;
+		scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
+	}
 
-.Tip-module_xs__wsz9y {
-}
+	&::-webkit-scrollbar {
+		background-color: var(--scrollbar-bg);
+		width: var(--scrollbar-size);
+		height: var(--scrollbar-size);
+	}
 
-.Tip-module_s__Wvz3q {
-}
+	&::-webkit-scrollbar-track {
+		background-color: var(--scrollbar-bg);
+		width: var(--scrollbar-size);
+		height: var(--scrollbar-size);
+	}
 
-.Tip-module_m__9qJbB {
-}
-.Tip-module_l__OdNuh {
-}
+	&::-webkit-scrollbar-thumb {
+		background-color: var(--scrollbar-thumb);
+		border-radius: var(--corner-round);
+		border: 1px solid var(--scrollbar-bg);
+	}
 
-.Tip-module_xl__izmFk {
+	&::-webkit-scrollbar-thumb:hover {
+		background-color: var(--scrollbar-thumb-hover);
+		border-radius: var(--corner-round);
+		border: 1px solid var(--scrollbar-bg);
+	}
+
+	&::-webkit-scrollbar-corner {
+		background-color: var(--scrollbar-bg);
+	}
+}.FlexDiv-module_flexDiv__EY5A- {
+	/* --flex-div-bg was never actually set anywhere (FlexDiv.tsx sets
+	   --flex-div-scroll-border for this purpose) -- bind to the real one. */
+	--scrollbar-bg: var(--flex-div-scroll-border);
+	--scrollbar-thumb: var(--flex-div-scroll-handle);
+	--scrollbar-thumb-hover: var(--flex-div-scroll-handle-hover);
 }
 
 .flexBox-module_row__z24tF {
@@ -6352,48 +6276,68 @@ line {
 	line-height: var(--line-height-xs);
 	letter-spacing: var(--letter-spacing-m);
 }
-	.Chip-module_chip__0nys- {
-	padding: var(--ui-chip-padding) !important;
-	width: min-content;
-	min-height: 30px;
-	gap: var(--ui-chip-gap);
-	background: var(--ui-chip-bg-color);
-	line-height: 1em;
-	color: var(--ui-chip-label-color);
-	border: var(--ui-chip-border-size) solid var(--ui-chip-border-color);
-	border-radius: var(--ui-chip-border-radius);
-	transition: all var(--motion-water-duration) var(--motion-water) 0s;
-	cursor: var(--ui-chip-cursor);
-	white-space: nowrap;
-	user-select: none;
-	-webkit-user-select: none;
+
+.TabBar-module_wrapper__cyOR1 {
+	justify-content: var(--tab-bar-justify) !important;
+	gap: var(--tab-bar-gap);
+	border-bottom: var(--tab-bar-border-bottom) solid var(--tab-bar-border-color);
+	height: var(--tab-bar-height);
+	width: var(--tab-bar-width);
+	cursor: pointer;
 }
-	.Chip-module_chip__0nys-:hover {
-		border-color: var(--ui-chip-border-color-hover);
-		background: var(--ui-chip-bg-color-hover);
-		color: var(--ui-chip-label-color-hover);
-	}
 
-.Chip-module_icon__dtR-K {
-	height: var(--ui-chip-icon-size);
-	min-height: var(--ui-chip-icon-size);
-	width: var(--ui-chip-icon-size);
-	min-width: var(--ui-chip-icon-size);
+.TabBar-module_option__gYjDf {
+	gap: var(--tab-bar-option-gap);
+	color: var(--tab-bar-option-color);
+	padding: var(--tab-bar-option-padding) !important;
+	height: 100%;
+	width: var(--tab-bar-option-width);
+	flex: var(--tab-bar-option-flex);
+	white-space: nowrap;
+	box-shadow: 0 var(--tab-bar-option-border) 0 0 var(--core-text-special);
+	cursor: var(--tab-bar-option-cursor);
+	-webkit-user-select: none;
+	user-select: none;
+	appearance: none;
+	-webkit-appearance: none;
+	background-image: none;
+	background-color: transparent;
+	border: 0;
+	outline: none;
+	text-align: left;
 }
 
-.Chip-module_xs__s-KNG {
+.TabBar-module_icon__JDgG3 {
+	max-height: var(--tab-bar-icon-size);
+	min-height: var(--tab-bar-icon-size);
+	max-width: var(--tab-bar-icon-size);
+	min-width: var(--tab-bar-icon-size);
 }
 
-.Chip-module_s__2KTXi {
+.TabBar-module_close__bvSBh {
+	height: 100%;
+	padding: var(--tab-bar-close-padding) !important;
+	border-left: 1px solid var(--core-outline-primary);
+	width: min-content;
 }
 
-.Chip-module_m__l2u3N {
+.TabBar-module_xs__QDjV9 {
 }
 
-.Chip-module_l__3MqPN {
+.TabBar-module_s__-EBj2 {
 }
 
-.Chip-module_xl__iJX-F {
+.TabBar-module_m__3sCA3 {
+}
+
+.TabBar-module_l__hy1rR {
+}
+
+.TabBar-module_xl__zaASU {
+}
+
+.TabBar-module_selected__UmBdu {
+	font-weight: 520 !important;
 }
 
 .flexBox-module_row__z24tF {
@@ -6464,12 +6408,49 @@ line {
 	box-sizing: border-box;
 	padding: 0;
 	margin: 0;
-}.ToggleButton-module_toggleButton__H7KgI {
-	width: min-content;
-	gap: var(--tb-gap);
-}
+}.scrollBars-module_scrollbars__c-ZPl {
+	/* Consumers override these to theme their own scrollbar (e.g. Modal
+	   binds them to its scrollHandleColor/scrollHandleColorHover props).
+	   Unoverridden, they fall back to the shared page-level scroll tokens. */
+	--scrollbar-size: 6px;
+	--scrollbar-bg: transparent;
+	--scrollbar-thumb: var(--scroll-bar);
+	--scrollbar-thumb-hover: var(--scroll-bar-hover);
 
-.type-module_body-xs-regular__ZAFft {
+	/* firefox does not support -webkit-scrollbar */
+	@supports not selector(::-webkit-scrollbar) {
+		scrollbar-width: thin;
+		scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
+	}
+
+	&::-webkit-scrollbar {
+		background-color: var(--scrollbar-bg);
+		width: var(--scrollbar-size);
+		height: var(--scrollbar-size);
+	}
+
+	&::-webkit-scrollbar-track {
+		background-color: var(--scrollbar-bg);
+		width: var(--scrollbar-size);
+		height: var(--scrollbar-size);
+	}
+
+	&::-webkit-scrollbar-thumb {
+		background-color: var(--scrollbar-thumb);
+		border-radius: var(--corner-round);
+		border: 1px solid var(--scrollbar-bg);
+	}
+
+	&::-webkit-scrollbar-thumb:hover {
+		background-color: var(--scrollbar-thumb-hover);
+		border-radius: var(--corner-round);
+		border: 1px solid var(--scrollbar-bg);
+	}
+
+	&::-webkit-scrollbar-corner {
+		background-color: var(--scrollbar-bg);
+	}
+}.type-module_body-xs-regular__ZAFft {
 	font-family: var(--font-family), sans-serif;
 	font-weight: var(--font-weight-regular);
 	font-size: var(--font-size-xs);
@@ -6612,49 +6593,148 @@ line {
 	letter-spacing: var(--letter-spacing-m);
 }
 
-.Label-module_label__RaRvM {
-	line-height: 1em;
+.TextArea-module_wrapper__O0sWP {
+	position: relative;
+	padding: var(--ta-padding) !important;
+	width: var(--ta-width);
+	height: var(--ta-height);
+	max-height: var(--ta-max-height);
+	border-radius: var(--ta-border-radius);
+	background-color: var(--ta-bg-color);
+	box-shadow: 0 0 0 1px var(--ta-border-color);
+	transition: all var(--motion-water-duration) var(--motion-water) 0s;
+}
+
+.TextArea-module_textarea__-R2n0 {
+	border: 0;
+	outline: 0;
+	padding: 0;
+	width: 100%;
+	height: 100%;
+	color: var(--core-text-primary);
+	background-color: transparent;
+	box-sizing: border-box;
+	resize: var(--ta-resize);
+}
+
+.TextArea-module_textarea__-R2n0:disabled {
+		color: var(--core-text-disabled);
+	}
+
+.TextArea-module_textarea__-R2n0::placeholder {
+		color: var(--core-text-disabled);
+	}
+
+.TextArea-module_textarea__-R2n0 {
+
+	overflow-y: auto;
+}
+
+.TextArea-module_actions__yunQx {
+	width: 100%;
+	min-height: 30px;
+	color: var(--core-text-disabled);
+	gap: 16px;
+}
+
+.TextArea-module_option__2SFx5 {
+	gap: 4px;
 	white-space: nowrap;
-	padding: var(--label-padding) !important;
-	width: min-content;
-	color: var(--label-color);
-	border-radius: var(--label-border-radius);
-	border: var(--label-border-size) solid var(--label-border-color);
+	user-select: none;
+	-webkit-user-select: none;
 	cursor: default;
-	background: var(--label-bg-color);
 }
 
-.Label-module_button__N8bcQ {
-	display: inline-flex !important;
-	background: var(--label-bg-color);
-	color: var(--label-color);
-	border-radius: var(--label-border-radius);
-	border: var(--label-border-size) solid var(--label-border-color);
-	width: min-content;
-	cursor: pointer;
-	white-space: nowrap;
-	appearance: none;
-	-webkit-appearance: none;
-	background-image: none;
-	outline: none;
+.TextArea-module_send__Cub13 {
+	position: absolute;
+	bottom: var(--ta-send-icon-offset-bottom);
+	right: var(--ta-send-icon-offset-right);
 }
 
-.Label-module_xs__K9Ai6 {
+.TextArea-module_xs__5e748 {
 }
 
-.Label-module_s__Zh8Gp {
+.TextArea-module_s__Ac-fq {
 }
 
-.Label-module_m__BJtGL {
+.TextArea-module_m__dod4R {
 }
 
-.Label-module_l__t70tt {
+.TextArea-module_l__-uLCG {
 }
 
-.Label-module_xl__bX0ub {
+.TextArea-module_xl__H6-7T {
 }
 
-.type-module_body-xs-regular__ZAFft {
+.flexBox-module_row__z24tF {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_rowBetween__5FEvi {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_rowStart__4tcxS {
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_rowEnd__rVdVm {
+	display: flex;
+	justify-content: flex-end;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_column__ezvMq {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnStart__C7P44 {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	align-items: flex-start;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnStartCenter__PKcrG {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnBetween__ERfp7 {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.flexBox-module_columnEnd__lLJuc {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-end;
+	align-items: flex-end;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}.type-module_body-xs-regular__ZAFft {
 	font-family: var(--font-family), sans-serif;
 	font-weight: var(--font-weight-regular);
 	font-size: var(--font-size-xs);
@@ -6795,229 +6875,49 @@ line {
 	font-size: var(--font-size-h6);
 	line-height: var(--line-height-xs);
 	letter-spacing: var(--letter-spacing-m);
-}.scrollBars-module_scrollbars__c-ZPl {
-	/* Consumers override these to theme their own scrollbar (e.g. Modal
-	   binds them to its scrollHandleColor/scrollHandleColorHover props).
-	   Unoverridden, they fall back to the shared page-level scroll tokens. */
-	--scrollbar-size: 6px;
-	--scrollbar-bg: transparent;
-	--scrollbar-thumb: var(--scroll-bar);
-	--scrollbar-thumb-hover: var(--scroll-bar-hover);
-
-	/* firefox does not support -webkit-scrollbar */
-	@supports not selector(::-webkit-scrollbar) {
-		scrollbar-width: thin;
-		scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
-	}
-
-	&::-webkit-scrollbar {
-		background-color: var(--scrollbar-bg);
-		width: var(--scrollbar-size);
-		height: var(--scrollbar-size);
-	}
-
-	&::-webkit-scrollbar-track {
-		background-color: var(--scrollbar-bg);
-		width: var(--scrollbar-size);
-		height: var(--scrollbar-size);
-	}
-
-	&::-webkit-scrollbar-thumb {
-		background-color: var(--scrollbar-thumb);
-		border-radius: var(--corner-round);
-		border: 1px solid var(--scrollbar-bg);
-	}
-
-	&::-webkit-scrollbar-thumb:hover {
-		background-color: var(--scrollbar-thumb-hover);
-		border-radius: var(--corner-round);
-		border: 1px solid var(--scrollbar-bg);
-	}
-
-	&::-webkit-scrollbar-corner {
-		background-color: var(--scrollbar-bg);
-	}
-}
-
-.DataTable-module_tableWrapper__BzoJE {
-	position: relative;
-	box-sizing: border-box;
-	display: flex;
-	justify-content: flex-start;
-	align-items: flex-start;
-	width: var(--table-width);
-	max-width: var(--table-max-width);
-	height: var(--table-height);
-	overflow-x: auto;
-	overflow-y: auto;
-	padding: 0;
-	margin: var(--table-margin);
-	border: var(--table-border-width) solid var(--table-border-color);
-	border-left-width: var(--table-border-sides);
-	border-right-width: var(--table-border-sides);
-	border-radius: var(--table-border-radius);
-}
-
-.DataTable-module_resizeBar__LmzEF {
-	position: absolute;
-	box-sizing: border-box;
-	display: flex;
-	height: 100%;
-	left: -500px;
-	width: 3px;
-	min-width: 2px;
-	max-width: 2px;
-	background: var(--table-handle-hover-color);
-	z-index: 20;
-	pointer-events: none;
-}
-
-.DataTable-module_table__oL4Dz {
-	table-layout: fixed; /* stop auto-recalculating from content */
-	flex-shrink: 0; /* stop flexbox squeezing the table */
-	box-sizing: border-box;
-	border-collapse: collapse;
-	min-width: 100%;
-	padding: 0;
-	margin: 0;
-	color: var(--core-text-primary);
-}
-
-/* hide caption - in code for accessibility */
-.DataTable-module_table__oL4Dz caption {
-	display: none;
-}
-
-/* each table header cell is sticky by default */
-.DataTable-module_table__oL4Dz thead tr th {
-	position: var(--table-header-sticky-position);
-	top: 0;
-	z-index: 1;
-	border-right: var(--table-border-width) solid var(--table-border-color);
-	border-right-width: var(--table-border-sides);
-	border-bottom: var(--table-border-width) solid var(--table-border-color);
-	box-shadow: var(--table-header-box-shadow);
-	background: var(--table-header-background-color);
-}
-
-/* last th of the header row, remove the right border */
-.DataTable-module_table__oL4Dz thead tr th:last-child {
-	border-right: 0;
-}
-
-/* border bot and right to all body cells */
-.DataTable-module_table__oL4Dz tbody tr td {
-	border-right: var(--table-border-width) solid var(--table-border-color);
-	border-right-width: var(--table-border-sides);
-	border-bottom: var(--table-border-width) solid var(--table-border-color);
-}
-
-/* candy stripe all even body rows */
-.DataTable-module_table__oL4Dz tbody tr:nth-child(even) td {
-	background-color: var(--table-candy-stripe-background-color);
-}
-
-/* remove right border from last cell of each body row */
-.DataTable-module_table__oL4Dz tbody tr td:last-child {
-	border-right: 0;
-}
-
-/* remove the bottom border from every td in the last tr of the body */
-.DataTable-module_table__oL4Dz tbody tr:last-child td {
-	border-bottom: 0;
-}
-
-/* style first cell in each row of the body */
-.DataTable-module_table__oL4Dz tbody tr td:nth-child(1) {
-	position: var(--table-freeze-column-position);
-	left: 0;
-	z-index: 2;
-	box-shadow: var(--table-column-box-shadow);
-}
-
-/* style first cell in the header row */
-.DataTable-module_table__oL4Dz thead tr th:nth-child(1) {
-	position: var(--table-corner-position);
-	left: var(--table-corner-left);
-	top: 0;
-	z-index: 3;
-	box-shadow: var(--table-corner-box-shadow);
-}
-
-.DataTable-module_baseCell__DQl-z {
-	box-sizing: border-box;
-	position: relative;
-	padding: 0;
-	margin: 0;
-	border: 0;
-	background-color: var(--table-background-color);
 }
-
-.DataTable-module_baseCellWrapper__WMgNm,
-.DataTable-module_headerCellWrapper__ytVYY {
-	box-sizing: border-box;
-	display: flex;
-	position: relative;
-	height: 100%;
-	width: 100%;
-}
-
-.DataTable-module_colResizeHandle__dF5Es {
-	position: absolute;
-	top: 0;
-	bottom: 0;
-	right: 0;
-	width: 5px;
-	background-color: rgba(255, 255, 255, 0);
-	cursor: col-resize;
-	z-index: 10;
-}
-
-.DataTable-module_header__QgdCY {
-	box-sizing: border-box;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: 100%;
-	height: 100%;
-	gap: 8px;
-}
-
-.DataTable-module_headerRight__QHHxv,
-.DataTable-module_headerLeft__OAzLv {
-	box-sizing: border-box;
-	position: relative;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	min-width: 16px;
-	max-width: 16px;
-	overflow: hidden;
+	.Chip-module_chip__0nys- {
+	padding: var(--ui-chip-padding) !important;
+	width: min-content;
+	min-height: 30px;
+	gap: var(--ui-chip-gap);
+	background: var(--ui-chip-bg-color);
+	line-height: 1em;
+	color: var(--ui-chip-label-color);
+	border: var(--ui-chip-border-size) solid var(--ui-chip-border-color);
+	border-radius: var(--ui-chip-border-radius);
+	transition: all var(--motion-water-duration) var(--motion-water) 0s;
+	cursor: var(--ui-chip-cursor);
+	white-space: nowrap;
+	user-select: none;
+	-webkit-user-select: none;
 }
+	.Chip-module_chip__0nys-:hover {
+		border-color: var(--ui-chip-border-color-hover);
+		background: var(--ui-chip-bg-color-hover);
+		color: var(--ui-chip-label-color-hover);
+	}
 
-.DataTable-module_headerTitle__K0pmX {
-	box-sizing: border-box;
-	position: relative;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	flex: 1;
-	font-weight: 540;
+.Chip-module_icon__dtR-K {
+	height: var(--ui-chip-icon-size);
+	min-height: var(--ui-chip-icon-size);
+	width: var(--ui-chip-icon-size);
+	min-width: var(--ui-chip-icon-size);
 }
 
-.DataTable-module_xs__P-Ize {
+.Chip-module_xs__s-KNG {
 }
 
-.DataTable-module_m__G9QOp {
+.Chip-module_s__2KTXi {
 }
 
-.DataTable-module_l__RzReg {
+.Chip-module_m__l2u3N {
 }
 
-.DataTable-module_s__5ENNl {
+.Chip-module_l__3MqPN {
 }
 
-.DataTable-module_scroll__grEU0 {
+.Chip-module_xl__iJX-F {
 }
 
 .flexBox-module_row__z24tF {
@@ -7231,130 +7131,110 @@ line {
 	letter-spacing: var(--letter-spacing-m);
 }
 
-.Button-module_button__2ZuB7 {
-	position: relative;
+.FileList-module_wrapper__9-rrl {
+	width: 100%;
+	overflow: hidden;
+	flex-wrap: var(--file-wrap);
+	flex-direction: var(--file-direction) !important;
+	align-items: flex-start !important;
+	gap: var(--file-gap);
 	user-select: none;
 	-webkit-user-select: none;
-	appearance: none;
-	-webkit-appearance: none;
-	background-image: none;
-	outline: none;
 }
 
-.Button-module_label__UJ3Zt {
-	user-select: none;
-	-webkit-user-select: none;
-	text-overflow: ellipsis;
+.FileList-module_file__61dkh {
+	position: relative;
+	padding: var(
+		--file-padding,
+		var(--file-row-vertical, var(--spacing-xs)) var(--file-row-right) var(--file-row-vertical, var(--spacing-xs))
+			calc(var(--file-row-horizontal, var(--spacing-xs)) - var(--file-row-adjustment, var(--spacing-xxs)))
+	) !important;
+	border: 1px solid var(--file-border-color);
+	border-radius: var(--corner-xs);
 	overflow: hidden;
-	white-space: nowrap;
-	word-break: break-all;
-	display: -webkit-box;
-	-webkit-line-clamp: 1;
-	-webkit-box-orient: vertical;
+	min-height: max-content;
+	max-width: var(--file-max-width);
+	min-width: var(--file-min-width);
+	color: var(--core-text-primary);
+	background: transparent;
+	gap: 4px;
 }
 
-.Button-module_label__UJ3Zt:hover {
-		text-decoration: var(--ui-button-decoration);
-	}
-
-.Button-module_count__DFxVB {
-	position: absolute;
-	top: 0;
-	right: 0;
-	transform: translateX(10px) translateY(-2px);
+/* file progress bar */
+.FileList-module_file__61dkh::before {
+	content: "";
+	position: absolute;
+	background: var(--file-bg-color);
+	top: 0;
+	bottom: 0;
+	left: 0;
+	width: var(--file-progress);
+	transition: width var(--motion-water-duration) var(--motion-water) 0s;
+	z-index: 1;
 }
 
-.Button-module_icon__-43u5 {
-	min-width: var(--ui-button-icon-size);
-	min-height: var(--ui-button-icon-size);
-	height: var(--ui-button-icon-size);
-	width: var(--ui-button-icon-size);
+.FileList-module_fileName__amame {
+	width: 100%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	word-break: break-all;
+	display: -webkit-box !important;
+	-webkit-line-clamp: 1;
+	-webkit-box-orient: vertical;
+	z-index: 2;
 }
 
-.Button-module_xs__cF6m0 {
+.FileList-module_meta__unbpG {
+	flex: 1;
+	min-width: 0;
+	gap: 2px;
+	z-index: 2;
 }
 
-.Button-module_m__DR-gs {
+.FileList-module_status__H1s6f {
+	color: var(--core-text-secondary);
+	line-height: 1.2;
 }
 
-.Button-module_l__0E0yI {
+.FileList-module_error__UZ4-T {
+	color: var(--feedback-warning);
 }
 
-.Button-module_xl__nx4V0 {
+.FileList-module_fileIcon__xDWW8 {
+	min-width: var(--file-icon-size);
+	min-height: var(--file-icon-size);
+	max-width: var(--file-icon-size);
+	max-height: var(--file-icon-size);
+	z-index: 2;
 }
 
-.Button-module_s__dSKOL {
+.FileList-module_icon__JR0HE {
+	margin-left: var(--spacing-xs) !important;
+	min-width: 20px;
+	min-height: 20px;
+	max-width: 20px;
+	max-height: 20px;
+	cursor: pointer;
+	z-index: 2;
 }
 
-.flexBox-module_row__z24tF {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_rowBetween__5FEvi {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_rowStart__4tcxS {
-	display: flex;
-	justify-content: flex-start;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_rowEnd__rVdVm {
-	display: flex;
-	justify-content: flex-end;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_column__ezvMq {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnStart__C7P44 {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-start;
-	align-items: flex-start;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnStartCenter__PKcrG {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-start;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnBetween__ERfp7 {
-	display: flex;
-	flex-direction: column;
-	justify-content: space-between;
-	align-items: center;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.flexBox-module_columnEnd__lLJuc {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-end;
-	align-items: flex-end;
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-}.type-module_body-xs-regular__ZAFft {
+.FileList-module_xs__i2S-5 {
+}
+
+.FileList-module_s__4q0ae {
+}
+
+.FileList-module_m__hWqBx {
+}
+
+.FileList-module_l__tHDNp {
+}
+
+.FileList-module_xl__fxW11 {
+}
+
+.type-module_body-xs-regular__ZAFft {
 	font-family: var(--font-family), sans-serif;
 	font-weight: var(--font-weight-regular);
 	font-size: var(--font-size-xs);
@@ -7495,109 +7375,229 @@ line {
 	font-size: var(--font-size-h6);
 	line-height: var(--line-height-xs);
 	letter-spacing: var(--letter-spacing-m);
-}
+}.scrollBars-module_scrollbars__c-ZPl {
+	/* Consumers override these to theme their own scrollbar (e.g. Modal
+	   binds them to its scrollHandleColor/scrollHandleColorHover props).
+	   Unoverridden, they fall back to the shared page-level scroll tokens. */
+	--scrollbar-size: 6px;
+	--scrollbar-bg: transparent;
+	--scrollbar-thumb: var(--scroll-bar);
+	--scrollbar-thumb-hover: var(--scroll-bar-hover);
 
-.FileList-module_wrapper__9-rrl {
-	width: 100%;
-	overflow: hidden;
-	flex-wrap: var(--file-wrap);
-	flex-direction: var(--file-direction) !important;
-	align-items: flex-start !important;
-	gap: var(--file-gap);
-	user-select: none;
-	-webkit-user-select: none;
+	/* firefox does not support -webkit-scrollbar */
+	@supports not selector(::-webkit-scrollbar) {
+		scrollbar-width: thin;
+		scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
+	}
+
+	&::-webkit-scrollbar {
+		background-color: var(--scrollbar-bg);
+		width: var(--scrollbar-size);
+		height: var(--scrollbar-size);
+	}
+
+	&::-webkit-scrollbar-track {
+		background-color: var(--scrollbar-bg);
+		width: var(--scrollbar-size);
+		height: var(--scrollbar-size);
+	}
+
+	&::-webkit-scrollbar-thumb {
+		background-color: var(--scrollbar-thumb);
+		border-radius: var(--corner-round);
+		border: 1px solid var(--scrollbar-bg);
+	}
+
+	&::-webkit-scrollbar-thumb:hover {
+		background-color: var(--scrollbar-thumb-hover);
+		border-radius: var(--corner-round);
+		border: 1px solid var(--scrollbar-bg);
+	}
+
+	&::-webkit-scrollbar-corner {
+		background-color: var(--scrollbar-bg);
+	}
 }
 
-.FileList-module_file__61dkh {
+.DataTable-module_tableWrapper__BzoJE {
 	position: relative;
-	padding: var(
-		--file-padding,
-		var(--file-row-vertical, var(--spacing-xs)) var(--file-row-right) var(--file-row-vertical, var(--spacing-xs))
-			calc(var(--file-row-horizontal, var(--spacing-xs)) - var(--file-row-adjustment, var(--spacing-xxs)))
-	) !important;
-	border: 1px solid var(--file-border-color);
-	border-radius: var(--corner-xs);
-	overflow: hidden;
-	min-height: max-content;
-	max-width: var(--file-max-width);
-	min-width: var(--file-min-width);
-	color: var(--core-text-primary);
-	background: transparent;
-	gap: 4px;
+	box-sizing: border-box;
+	display: flex;
+	justify-content: flex-start;
+	align-items: flex-start;
+	width: var(--table-width);
+	max-width: var(--table-max-width);
+	height: var(--table-height);
+	overflow-x: auto;
+	overflow-y: auto;
+	padding: 0;
+	margin: var(--table-margin);
+	border: var(--table-border-width) solid var(--table-border-color);
+	border-left-width: var(--table-border-sides);
+	border-right-width: var(--table-border-sides);
+	border-radius: var(--table-border-radius);
 }
 
-/* file progress bar */
-.FileList-module_file__61dkh::before {
-	content: "";
+.DataTable-module_resizeBar__LmzEF {
 	position: absolute;
-	background: var(--file-bg-color);
+	box-sizing: border-box;
+	display: flex;
+	height: 100%;
+	left: -500px;
+	width: 3px;
+	min-width: 2px;
+	max-width: 2px;
+	background: var(--table-handle-hover-color);
+	z-index: 20;
+	pointer-events: none;
+}
+
+.DataTable-module_table__oL4Dz {
+	table-layout: fixed; /* stop auto-recalculating from content */
+	flex-shrink: 0; /* stop flexbox squeezing the table */
+	box-sizing: border-box;
+	border-collapse: collapse;
+	min-width: 100%;
+	padding: 0;
+	margin: 0;
+	color: var(--core-text-primary);
+}
+
+/* hide caption - in code for accessibility */
+.DataTable-module_table__oL4Dz caption {
+	display: none;
+}
+
+/* each table header cell is sticky by default */
+.DataTable-module_table__oL4Dz thead tr th {
+	position: var(--table-header-sticky-position);
 	top: 0;
-	bottom: 0;
-	left: 0;
-	width: var(--file-progress);
-	transition: width var(--motion-water-duration) var(--motion-water) 0s;
 	z-index: 1;
+	border-right: var(--table-border-width) solid var(--table-border-color);
+	border-right-width: var(--table-border-sides);
+	border-bottom: var(--table-border-width) solid var(--table-border-color);
+	box-shadow: var(--table-header-box-shadow);
+	background: var(--table-header-background-color);
 }
 
-.FileList-module_fileName__amame {
-	width: 100%;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	word-break: break-all;
-	display: -webkit-box !important;
-	-webkit-line-clamp: 1;
-	-webkit-box-orient: vertical;
-	z-index: 2;
+/* last th of the header row, remove the right border */
+.DataTable-module_table__oL4Dz thead tr th:last-child {
+	border-right: 0;
 }
 
-.FileList-module_meta__unbpG {
-	flex: 1;
-	min-width: 0;
-	gap: 2px;
-	z-index: 2;
+/* border bot and right to all body cells */
+.DataTable-module_table__oL4Dz tbody tr td {
+	border-right: var(--table-border-width) solid var(--table-border-color);
+	border-right-width: var(--table-border-sides);
+	border-bottom: var(--table-border-width) solid var(--table-border-color);
 }
 
-.FileList-module_status__H1s6f {
-	color: var(--core-text-secondary);
-	line-height: 1.2;
+/* candy stripe all even body rows */
+.DataTable-module_table__oL4Dz tbody tr:nth-child(even) td {
+	background-color: var(--table-candy-stripe-background-color);
 }
 
-.FileList-module_error__UZ4-T {
-	color: var(--feedback-warning);
+/* remove right border from last cell of each body row */
+.DataTable-module_table__oL4Dz tbody tr td:last-child {
+	border-right: 0;
 }
 
-.FileList-module_fileIcon__xDWW8 {
-	min-width: var(--file-icon-size);
-	min-height: var(--file-icon-size);
-	max-width: var(--file-icon-size);
-	max-height: var(--file-icon-size);
-	z-index: 2;
+/* remove the bottom border from every td in the last tr of the body */
+.DataTable-module_table__oL4Dz tbody tr:last-child td {
+	border-bottom: 0;
 }
 
-.FileList-module_icon__JR0HE {
-	margin-left: var(--spacing-xs) !important;
-	min-width: 20px;
-	min-height: 20px;
-	max-width: 20px;
-	max-height: 20px;
-	cursor: pointer;
+/* style first cell in each row of the body */
+.DataTable-module_table__oL4Dz tbody tr td:nth-child(1) {
+	position: var(--table-freeze-column-position);
+	left: 0;
 	z-index: 2;
+	box-shadow: var(--table-column-box-shadow);
 }
 
-.FileList-module_xs__i2S-5 {
+/* style first cell in the header row */
+.DataTable-module_table__oL4Dz thead tr th:nth-child(1) {
+	position: var(--table-corner-position);
+	left: var(--table-corner-left);
+	top: 0;
+	z-index: 3;
+	box-shadow: var(--table-corner-box-shadow);
 }
 
-.FileList-module_s__4q0ae {
+.DataTable-module_baseCell__DQl-z {
+	box-sizing: border-box;
+	position: relative;
+	padding: 0;
+	margin: 0;
+	border: 0;
+	background-color: var(--table-background-color);
 }
 
-.FileList-module_m__hWqBx {
+.DataTable-module_baseCellWrapper__WMgNm,
+.DataTable-module_headerCellWrapper__ytVYY {
+	box-sizing: border-box;
+	display: flex;
+	position: relative;
+	height: 100%;
+	width: 100%;
 }
 
-.FileList-module_l__tHDNp {
+.DataTable-module_colResizeHandle__dF5Es {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	right: 0;
+	width: 5px;
+	background-color: rgba(255, 255, 255, 0);
+	cursor: col-resize;
+	z-index: 10;
 }
 
-.FileList-module_xl__fxW11 {
+.DataTable-module_header__QgdCY {
+	box-sizing: border-box;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+	height: 100%;
+	gap: 8px;
+}
+
+.DataTable-module_headerRight__QHHxv,
+.DataTable-module_headerLeft__OAzLv {
+	box-sizing: border-box;
+	position: relative;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	min-width: 16px;
+	max-width: 16px;
+	overflow: hidden;
+}
+
+.DataTable-module_headerTitle__K0pmX {
+	box-sizing: border-box;
+	position: relative;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	flex: 1;
+	font-weight: 540;
+}
+
+.DataTable-module_xs__P-Ize {
+}
+
+.DataTable-module_m__G9QOp {
+}
+
+.DataTable-module_l__RzReg {
+}
+
+.DataTable-module_s__5ENNl {
+}
+
+.DataTable-module_scroll__grEU0 {
 }
 
 .flexBox-module_row__z24tF {
@@ -7670,27 +7670,21 @@ line {
 	margin: 0;
 }
 
-.ProgressIndicator-module_container__pW2gW {
-	display: var(--pi-display) !important;
-	position: var(--pi-position);
-	top: var(--pi-inset);
-	bottom: var(--pi-inset);
-	left: var(--pi-inset);
-	right: var(--pi-inset);
-	color: var(--core-text-disabled);
-	z-index: var(--elevation-status);
+.DoneCheck-module_wrapper__AlISD {
+	height: var(--icon-height);
+	max-height: var(--icon-height);
+	width: var(--icon-width);
+	max-width: var(--icon-width);
+	overflow: visible;
 }
 
-.ProgressIndicator-module_iconWrapper__puIt4 {
-	min-width: var(--pi-icon-size);
-	max-width: var(--pi-icon-size);
-	max-height: var(--pi-icon-size);
-	min-height: var(--pi-icon-size);
-	height: var(--pi-icon-size);
-	width: var(--pi-icon-size);
-	padding: 0;
-	background: none;
-	border-radius: 100%;
+.DoneCheck-module_icon__bKaFp {
+	height: var(--icon-height);
+	max-height: var(--icon-height);
+	width: var(--icon-width);
+	max-width: var(--icon-width);
+	scale: var(--icon-scale);
+	transition: var(--icon-transition);
 }
 
 .flexBox-module_row__z24tF {
@@ -7763,21 +7757,27 @@ line {
 	margin: 0;
 }
 
-.DoneCheck-module_wrapper__AlISD {
-	height: var(--icon-height);
-	max-height: var(--icon-height);
-	width: var(--icon-width);
-	max-width: var(--icon-width);
-	overflow: visible;
+.ProgressIndicator-module_container__pW2gW {
+	display: var(--pi-display) !important;
+	position: var(--pi-position);
+	top: var(--pi-inset);
+	bottom: var(--pi-inset);
+	left: var(--pi-inset);
+	right: var(--pi-inset);
+	color: var(--core-text-disabled);
+	z-index: var(--elevation-status);
 }
 
-.DoneCheck-module_icon__bKaFp {
-	height: var(--icon-height);
-	max-height: var(--icon-height);
-	width: var(--icon-width);
-	max-width: var(--icon-width);
-	scale: var(--icon-scale);
-	transition: var(--icon-transition);
+.ProgressIndicator-module_iconWrapper__puIt4 {
+	min-width: var(--pi-icon-size);
+	max-width: var(--pi-icon-size);
+	max-height: var(--pi-icon-size);
+	min-height: var(--pi-icon-size);
+	height: var(--pi-icon-size);
+	width: var(--pi-icon-size);
+	padding: 0;
+	background: none;
+	border-radius: 100%;
 }
 
 /* Core brand colors (un-themed) */