.segmented_input_control {
	--segmented-input-slot-width:1.4em;
	--segmented-input-slot-height:1.8em;
	--segmented-input-slot-gap:0.18em;
	min-width:0;
}

.segmented_input_native {
	text-transform:uppercase;
}

.segmented_input_slots {
	display:none;
}

.segmented_input_control_enhanced {
	display:inline-block;
	position:relative;
	min-width:0;
}

.segmented_input_control_enhanced .segmented_input_slots {
	display:flex;
	gap:var(--segmented-input-slot-gap);
	pointer-events:none;
}

.segmented_input_slot {
	box-sizing:border-box;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:1 1 var(--segmented-input-slot-width);
	min-width:1.05em;
	width:var(--segmented-input-slot-width);
	height:var(--segmented-input-slot-height);
	border:1px solid rgba(0,0,0,0.35);
	border-radius:0.08em;
	background-color:rgba(255,255,255,0.94);
	color:#181818;
	font-family:monospace;
	line-height:1;
	text-align:center;
	text-transform:uppercase;
	transition:background-color 100ms ease, border-color 100ms ease, box-shadow 100ms ease;
}

.guessbox_segmented_control .segmented_input_slot {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-variant:inherit;
	font-weight:inherit;
	font-stretch:inherit;
	letter-spacing:inherit;
	line-height:inherit;
}

.segmented_input_character {
	display:inline-block;
	transform:translateY(0.02em);
}

.segmented_input_slot_filled {
	border-color:rgba(0,0,0,0.5);
}

.segmented_input_slot_next {
	border-color:currentColor;
	background-color:rgba(255,255,255,0.99);
	box-shadow:inset 0 0 0 1px currentColor;
}

.segmented_input_control.segmented_input_control_enhanced input.segmented_input_native,
.segmented_input_control.segmented_input_control_enhanced input.segmented_input_native:focus {
	box-sizing:border-box;
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1;
	width:100%;
	min-width:0;
	max-width:none;
	height:100%;
	margin:0;
	padding:0;
	appearance:none;
	border:0;
	border-radius:0;
	outline:none;
	box-shadow:none;
	background:none;
	color:transparent;
	caret-color:transparent;
	opacity:0;
	font:16px/1 sans-serif;
	letter-spacing:normal;
	text-align:left;
	text-indent:0;
	text-shadow:none;
	transform:none;
}
