.wc-email-otp-field__control {
	align-items: stretch;
	background: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	display: flex;
	min-height: 52px;
	position: relative;
	width: 100%;
}

.wc-email-otp-field__control:focus-within { border-color: #282828; }
.wc-email-otp-field__control [hidden] { display: none !important; }
.wc-email-otp-field__control:has([aria-invalid="true"]) {
	border-color: var(--wc-email-otp-field-border, #e1e1e1);
	border-bottom-color: var(--wc-email-otp-error-color, #f27362);
}

.wc-email-otp-field__input {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box;
	flex: 1 1 auto;
	font-feature-settings: "tnum";
	font-variant-numeric: tabular-nums;
	letter-spacing: .28em;
	min-width: 0;
	padding-right: 96px !important;
	width: 100%;
}

.wc-email-otp-field__timer {
	align-items: center;
	color: #777;
	display: flex;
	font-feature-settings: "tnum";
	font-size: 12px;
	font-variant-numeric: tabular-nums;
	height: 100%;
	position: absolute;
	right: 48px;
	top: 0;
}

.wc-email-otp-field__resend {
	align-items: center;
	appearance: none;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #dc9814 !important;
	cursor: pointer;
	display: flex;
	height: 100%;
	justify-content: center;
	margin: 0;
	padding: 0 !important;
	position: absolute;
	right: 0;
	top: 0;
	width: 44px;
}

.wc-email-otp-field__resend:disabled {
	cursor: default;
	opacity: .35;
}

.wc-email-otp-field__resend:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: -5px;
}

.wc-email-otp-field__resend-icon {
	fill: none;
	height: 24px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	width: 24px;
}

.wc-email-otp-field__feedback {
	display: block;
	font-size: 12px;
	line-height: 1.4;
	margin-top: 5px;
	min-height: 17px;
}

.wc-email-otp-field__feedback.is-error { color: #f27362; }
.wc-email-otp-field__feedback.is-success { color: #2f7d4a; }

.wc-email-otp-field__change-row {
	font-size: 12px;
	margin: 6px 0 0;
	text-align: right;
}

.wc-email-otp-field__change {
	background: none !important;
	border: 0 !important;
	border-bottom: 1px dotted currentColor !important;
	box-shadow: none !important;
	color: inherit;
	cursor: pointer;
	font: inherit;
	padding: 0 !important;
	text-decoration: none !important;
}

.wc-email-otp-field__change:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}