.tasks-field-replication {
	background: rgba(var(--ui-color-palette-white-base-rgb), var(--ui-opacity-40));
	border-radius: var(--ui-border-radius-md);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}

.tasks-field-replication-content-wrapper {
	background: var(--ui-color-base-8);
	padding: var(--ui-space-inset-md2);
	border-radius: var(--ui-border-radius-md);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	cursor: pointer;
}

.tasks-field-replication-content-wrapper.--readonly {
	cursor: default;
}

.tasks-full-card-field-container-replication {
	background-color: rgba(255, 255, 255, 0.44) !important;
	border-radius: var(--ui-border-radius-md);
}

.tasks-field-replication-history {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	min-height: 40px;
	padding: 8px 16px;
	cursor: pointer;
}

.tasks-field-replication-history-title {
	color: var(--ui-color-base-4);
}

.tasks-field-replication-content {
	display: flex;
	flex-direction: column;
	gap: var(--ui-space-inline-2xs2);
}

.tasks-field-replication-actions {
	display: flex;
	flex-direction: column;
	gap: var(--ui-space-inline-2xs);
}

.tasks-replication-content-text-wrapper .b24-hover-pill-content
{
	padding-left: 4px;
}

.tasks-replication-content-text {
	padding: var(--ui-space-inline-3xs) 0;
}

.task-replication-content-text-pause {
	color: var(--ui-color-base-3);
}

.task-replication-content-control {
	display: flex;
	flex-direction: column;
	gap: var(--ui-space-inline-2xs);
}

.tasks-replication-content-element {
	display: flex;
	align-items: center;
	cursor: pointer;
	color: var(--ui-color-base-4);
	gap: var(--ui-space-inline-2xs);
}

.tasks-replication-content-element-text {
	color: var(--ui-color-base-4);
}

.tasks-replication-content-element-text:hover {
	color: var(--ui-color-base-3);
}

.tasks-field-replication-row {
	display: flex;
	align-items: center;
	gap: var(--ui-space-inline-2xs2);
}

.tasks-field-replication-link {
	cursor: pointer;
	color: var(--ui-color-accent-main-primary);
	padding: var(--ui-space-inline-3xs) 0;
}

.tasks-field-replication-secondary {
	color: var(--ui-color-base-2);
}

.tasks-bottom-sheet-replicate-content {
	background-color: var(--ui-color-bg-vibrant-less);
	-webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
}

.tasks-bottom-sheet-replicate-content > .b24-bottom-sheet-content {
	box-sizing: border-box;
}

.tasks-field-replication-sheet {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.tasks-field-replication-sheet-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: var(--ui-space-stack-md2);
	padding-bottom: var(--ui-space-stack-md2);
	overflow-y: auto;
	scrollbar-width: thin;
}

.tasks-field-replication-sheet-description-text {
	color: var(--ui-color-base-3);
	line-height: var(--ui-font-size-2xl);
	font-size: var(--ui-font-size-lg);
}

.tasks-field-replication-helpdesk {
	cursor: pointer;
}

.tasks-field-replication-section {
	display: flex;
	flex-direction: column;
	gap: var(--ui-space-stack-xs);
}

.tasks-field-replication-section-head .ui-system-input {
	margin: 0;
	border: none;
	padding: 2px 0 0 0;
	background-color: transparent;
}

.tasks-field-replication-section-head .ui-system-input-container {
	margin: 0;
	border: none;
	padding: 0;
	background-color: transparent;
	min-height: auto;
}

.tasks-field-replication-section-head .ui-system-input-value {
	color: var(--ui-color-design-plain-a-content);
	font-size: var(--ui-font-size-lg);
}

.tasks-field-replication-sheet__stack {
	display: flex;
	flex-direction: column;
	gap: var(--ui-space-stack-xs);
}
.tasks-field-replication-sheet__stack + .tasks-field-replication-sheet__stack {
	margin: var(--ui-space-stack-xs) 0 0 0;
}

.tasks-replication-sheet-action-row {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: var(--ui-space-inline-xs);
	min-height: 28px;
}

.tasks-replication-sheet-action-row.--selectable {
	cursor: pointer;
}

.tasks-replication-sheet-action-row:not(.--active) .tasks-field-replication-row.--text,
.tasks-replication-sheet-action-row:not(.--active) .tasks-replication-sheet-action-row__text,
.tasks-replication-sheet-action-row:not(.--active) {
	color: var(--ui-color-base-3);
}

.tasks-replication-sheet-action-row .tasks-card-checkbox {
	margin: 0;
	line-height: 0;
}

.tasks-replication-sheet-action-row input.tasks-elements-radio[type="radio"] {
	display: block;
}

.tasks-replication-sheet-action-row__hint {
	margin: 0 0 0 auto;
}

.tasks-field-replication-settings {
	display: flex;
	flex-direction: column;
	gap: var(--ui-space-inline-sm);
	background: var(--ui-color-bg-content-primary);
	padding: 18px;
	border-radius: var(--ui-border-radius-lg);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}
.tasks-field-replication-repeat-select {
	display: flex;
	align-items: center;
}

.tasks-field-replication-secondary {
	margin-right: 16px;
}

.tasks-field-replication-period-select {
	width: 160px;
}

.tasks-field-replication-period-select .ui-system-input {
	padding-bottom: 0;
}
.tasks-field-replication-row-grow {
	flex-grow: 1;
}

.task-field-replication-interval {
	margin-right: 6px;
	width: 3em;
}

.task-field-replication-interval .ui-system-input-container {
	padding-inline: 2px;
	text-align: center;
}

.tasks-replication-sheet-replication-settings-week {
	display: flex;
	flex-direction: column;
	gap: var(--ui-space-stack-xs);
}

.tasks-field-replication-weekday {
	display: flex;
	align-items: start;
	gap: var(--ui-space-inline-xs);
	cursor: pointer;
}

.tasks-replication-sheet-action-row.--weekdays {
	gap: var(--ui-space-inline-lg2);
}

.tasks-field-replication-weekday-text:not(.--checked) {
	color: var(--ui-color-base-3);
}



.tasks-field-replication-sheet-footer {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	margin-top: auto;
	padding-right: 4px;
	padding-top: var(--ui-space-inline-xl);
	border-top: var(--ui-border-width-thin) solid var(--ui-color-divider-default);
}

.tasks-field-replication-sheet-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: var(--ui-space-stack-md2);
}

.tasks-field-replication-sheet-close {
	--ui-icon-set__icon-color: var(--ui-color-base-4);
	cursor: pointer;
}

.tasks-field-replication-error-icon {
	--ui-icon-set__icon-color: var(--ui-color-accent-main-alert);
}

.tasks-field-replication-message {
	display: flex;
	justify-content: space-between;
}

.tasks-field-replication-hint {
	display: grid;
	font-weight: var(--ui-font-weight-light);
}

.tasks-field-replication-hint a {
	margin-top: 12px;
	border-bottom: 1px dashed;
	color: inherit;
	max-width: max-content;
}

.tasks-field-replication-hint a:not(:hover) {
	opacity: 0.8;
}

.tasks-template-history-grid-loader-spinner-container {
	display: flex;
	align-self: center;
	justify-content: center;
	width: 100%;
}

.tasks-template-history-grid-loader-spinner {
	display: inline-block;
	width: var(--ui-size-8xl);
	height: var(--ui-size-8xl);
	border: 3px solid var(--ui-color-base-5);
	border-bottom-color: transparent;
	border-radius: 50%;
	box-sizing: border-box;
	animation: template-history-grid-spinner-loader-animation 1s linear infinite;
}

@keyframes template-history-grid-spinner-loader-animation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}