:root {
	--ldt-icon-size: 32px;
	--ldt-column-gap: 16px;
	--ldt-row-gap: 1px;
	--ldt-font-size: 16px;
	--ldt-line-height: 1.35;
	--ldt-label-color: #2f3337;
	--ldt-available-color: #168447;
	--ldt-unavailable-color: #bf6b00;
	--ldt-value-font-weight: 600;
	--ldt-unavailable-font-weight: 500;
	--ldt-fade-duration: 180ms;
	--ldt-min-height: 45px;
}

.lumenor-delivery-window-shell {
	min-height: var(--ldt-min-height, 45px);
}

.lumenor-delivery-window {
	display: grid;
	grid-template-columns: var(--ldt-icon-size, 32px) auto;
	grid-template-rows: auto auto;
	column-gap: var(--ldt-column-gap, 16px);
	row-gap: var(--ldt-row-gap, 1px);
	align-items: center;
	min-height: var(--ldt-min-height, 45px);
	font-size: var(--ldt-font-size, 16px);
	line-height: var(--ldt-line-height, 1.35);
	font-weight: 600;
	color: var(--ldt-label-color, #2f3337);
}

.lumenor-delivery-window::before {
	content: "";
	grid-column: 1;
	grid-row: 1 / span 2;
	width: var(--ldt-icon-size, 32px);
	height: var(--ldt-icon-size, 32px);
	background-color: var(--ldt-label-color, #2f3337);
	-webkit-mask: url("../images/package.svg") center / contain no-repeat;
	mask: url("../images/package.svg") center / contain no-repeat;
}

.lumenor-delivery-window__label {
	grid-column: 2;
	grid-row: 1;
	color: var(--ldt-label-color, #2f3337);
	font-weight: 600;
}

.lumenor-delivery-window__value {
	grid-column: 2;
	grid-row: 2;
	min-height: 1.35em;
	color: var(--ldt-available-color, #168447);
	font-weight: var(--ldt-value-font-weight, 600);
	opacity: 1;
	transition: opacity var(--ldt-fade-duration, 180ms) ease;
}

.lumenor-delivery-unavailable .lumenor-delivery-window__value {
	color: var(--ldt-unavailable-color, #bf6b00);
	font-weight: var(--ldt-unavailable-font-weight, 500);
	font-style: normal;
}

.lumenor-delivery-window-shell.is-loading .lumenor-delivery-window__value,
.lumenor-delivery-window__value.is-updating {
	opacity: 0;
}

.lumenor-delivery-window-shell.is-not-applicable {
	visibility: hidden;
}

.lumenor-delivery-window-shell.is-initially-not-applicable {
	height: 0;
	min-height: 0;
	overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
	.lumenor-delivery-window__value {
		transition: none;
	}
}