body {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

#page-root {
	min-width: 500px;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

#login-elements {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

#login-form {
  display: flex;
  flex-direction: column;
  gap: 15px; 
}

.input-group {
	box-sizing: border-box;
	width: 100%;
}

input {
	box-sizing: border-box;
	width: 100%;
}

textarea {
	box-sizing: border-box;
	width: 100%;
}

.item-container {
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 8px;
	word-break: break-all;
}

#frame-container {
	display: none;
    flex-direction: column;
	align-items: center;
}

div.token {
	width: fit-content;
	background-color: lightsteelblue;
}