html, body {
	position: relative;
	width: 100%;
	display: flex;
}

body {
	color: #333;
	margin: 0;
	padding: 8px;
	box-sizing: border-box;
	/*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;*/
	font-family: 'Roboto', sans-serif;
}

a {
	color: rgb(0,100,200);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: rgb(0,80,160);
}

input, button, textarea {
	font-family: inherit;
	font-size: inherit;
	-webkit-padding: 0.4em 0;
	padding: 0.4em;
	margin: 0 0 0.5em 0;
	border: 1px solid #ccc;
	border-radius: 2px;
	flex-grow: 1;
}

input[type=text], input[type=number], input[type=password], select {
	border-style: none;
	border-bottom: 2px solid #333333;
	margin: 5px
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	text-align: center;
	-moz-appearance: textfield;
}

input:disabled {
	color: #ccc;
}

button {
	color: #333;
	background-color: #f4f4f4;
	outline: none;
}

button:disabled {
	color: #999;
}

button:not(:disabled):active {
	background-color: #ddd;
}

button:focus {
	border-color: #666;
}

.field {
	display: flex;
	flex-direction: row;
	width: 90%;
	margin: 10px;
}

.fieldname {
	min-width: 10%;
	padding-top: 10px;
}

.textin {
	display: grid;
	grid-template-columns: 1fr 4fr;
	width: 100%;
	margin: 0 10px;
}

.textname {
	min-width: 20%;
	padding-top: 15px;
}

.row {
	display: flex;
	flex-direction: row;
}

.enhanced_attr {
	color: mediumseagreen;
}

.worsened_attr {
	color: orangered;
}

.col {
	display: flex;
	flex-direction: column;
}

.char-btn {
	padding: 0 5px;
	color: dodgerblue;
	background-color: transparent;
	border: none;
}

/* button */
.char-btn:hover {
	background-color: grey;
	color: white;
}

.char-btn.selected {
	background-color: aquamarine;
}

.char-btn.selected:hover {
	color: black;
}
.attr-grid.svelte-p3llz7.svelte-p3llz7{display:grid;grid-template-columns:15% 5% 10% 10% 10%
                               15% 5% 10% 10% 10%;grid-row-gap:10px}.attr-grid.svelte-p3llz7>b.svelte-p3llz7{text-align:center;margin:auto}.attr-grid.svelte-p3llz7>input.svelte-p3llz7{margin:auto;padding:0;width:60%}.attr.svelte-p3llz7.svelte-p3llz7{text-align:center;margin:auto}.smaller.svelte-p3llz7.svelte-p3llz7{width:30%}.shortname.svelte-p3llz7.svelte-p3llz7{color:#999999;text-align:center;margin:auto}
.attr-grid.svelte-bu8aau{display:grid;grid-template-columns:3fr 1fr 1fr 1fr 3fr;grid-column-gap:10%}.row.svelte-bu8aau{display:flex;flex-direction:row}input[type=button].filter.svelte-bu8aau{border:none;background-color:white}input[type=button].filter.active.svelte-bu8aau{background-color:#85fff7}input[type=button].filter.svelte-bu8aau:hover{background-color:#b3fffa}input[type=button].roll.svelte-bu8aau{border:none;color:blue;background-color:white;width:100%}.smaller.svelte-bu8aau{width:50%}.cap.svelte-bu8aau{color:#999999}.positive_cap.svelte-bu8aau{color:#23991f}.negative_cap.svelte-bu8aau{color:#991f21}
.attr-grid.svelte-4ahcuj{display:grid;grid-template-columns:1fr 6fr 2fr 2fr;width:100%}.item-remark.svelte-4ahcuj{grid-column-start:1;grid-column-end:span 4;text-align:center;font-size:20px;width:100%;color:#666666;padding:30px}.btn.svelte-4ahcuj{border:none;background:#ffffff00;color:blue}input.svelte-4ahcuj{min-width:0px;margin:5px 15px}
.attr-grid.svelte-3wue7{display:grid;grid-template-columns:5% 55% 10% 20% 10%;width:100%;padding:5px;margin:10px}.ability-remark.svelte-3wue7{grid-column-start:1;grid-column-end:span 5;text-align:center;font-size:20px;color:#666666;width:100%;padding:30px}.btn.svelte-3wue7{border:none;background:#ffffff00;color:blue}
.sheet.svelte-czthtz.svelte-czthtz{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:0.5fr;width:98%;border:4px solid;margin:auto;padding:1%}.sheet.svelte-czthtz>div.svelte-czthtz{justify-self:left;width:95%}
.modal.svelte-13tyle9{position:fixed;display:none;width:100%;height:100%;margin:0;padding:0;top:0;left:0;border:none;overflow:auto;background-color:rgba(127, 127, 127, 0.5);animation-name:svelte-13tyle9-fade-my-modal;animation-duration:0.4s}.modal-contents.svelte-13tyle9{display:flex;flex-direction:column;background-color:white;vertical-align:middle;margin:auto;padding:1%;min-width:50%;min-height:30%}@keyframes svelte-13tyle9-fade-my-modal{from{opacity:0 }to{opacity:1 }}.close.svelte-13tyle9{float:right;font-size:28px;font-weight:bold;color:#999999;text-align:right;width:100%}.close.svelte-13tyle9:hover{color:#333333}
.login-box.svelte-b3qxvm{flex-direction:column;display:flex;padding:15px;gap:20px}.buttons.svelte-b3qxvm{align-self:flex-end;gap:10px}input.svelte-b3qxvm{flex-grow:initial}