@use "../../../mixins/breakpoints" as *;

:not(.style-v3).dotdungeon {
	.actor--basic-sync {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		gap: 4px;

		label {
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		.sync-input {
			width: 30%;
			text-align: center;
		}

		.name-input {
			width: 60%;
			text-align: center;
		}

		.rest-container {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			gap: 4px;

			.button-row {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 4px;
				align-items: center;
				text-align: center;
			}
		}
	}

	&--sync-sheet {
		header {
			.configure-token {
				display: none;
				visibility: hidden;
			}
		}
	}
}

@include bp-xs {
	:not(.style-v3).dotdungeon {
		&--sync-sheet {
			header {
				.configure-sheet {
					display: none;
					visibility: hidden;
				}
			}
		}
	}
}