/* GRID */
.ods-grid{
    display:grid;
    grid-template-columns:repeat(12,1fr);
    grid-template-rows:auto;
    gap:1rem
}
.ods-grid__item{
    grid-column:span 12;
    grid-row:span 1
}
/* XS Portrait */
@media(max-width: 35.4375rem){
    .ods-grid__item-xs-p-1{
        grid-column: span 1
    }
    .ods-grid__item-xs-p-2{
        grid-column: span 2
    }
    .ods-grid__item-xs-p-3{
        grid-column: span 3
    }
    .ods-grid__item-xs-p-4{
        grid-column: span 4
    }
    .ods-grid__item-xs-p-5{
        grid-column: span 5
    }
    .ods-grid__item-xs-p-6{
        grid-column: span 6
    }
    .ods-grid__item-xs-p-7{
        grid-column: span 7
    }
    .ods-grid__item-xs-p-8{
        grid-column: span 8
    }
    .ods-grid__item-xs-p-9{
        grid-column: span 9
    }
    .ods-grid__item-xs-p-10{
        grid-column: span 10
    }
    .ods-grid__item-xs-p-11{
        grid-column: span 11
    }
    .ods-grid__item-xs-p-12{
        grid-column: span 12
    }
}
/* XS Landscape*/ 
@media (min-width: 35.5rem) and (max-width: 47.9375rem){
    .ods-grid__item-xs-l-1{
        grid-column:span 1
    }
    .ods-grid__item-xs-l-2{
        grid-column:span 2
    }
    .ods-grid__item-xs-l-3{
        grid-column:span 3
    }
    .ods-grid__item-xs-l-4{
        grid-column:span 4
    }
    .ods-grid__item-xs-l-5{
        grid-column:span 5
    }
    .ods-grid__item-xs-l-6{
        grid-column:span 6
    }
    .ods-grid__item-xs-l-7{
        grid-column:span 7
    }
    .ods-grid__item-xs-l-8{
        grid-column:span 8
    }
    .ods-grid__item-xs-l-9{
        grid-column:span 9
    }
    .ods-grid__item-xs-l-10{
        grid-column:span 10
    }
    .ods-grid__item-xs-l-11{
        grid-column:span 11
    }
    .ods-grid__item-xs-l-12{
        grid-column:span 12
    }
}
/* MD Portrait*/
@media (min-width: 48rem) and (max-width: 63.9375rem){
    .ods-grid__item-md-p-1{
        grid-column:span 1
    }
    .ods-grid__item-md-p-2{
        grid-column:span 2
    }
    .ods-grid__item-md-p-3{
        grid-column:span 3
    }
    .ods-grid__item-md-p-4{
        grid-column:span 4
    }
    .ods-grid__item-md-p-5{
        grid-column:span 5
    }
    .ods-grid__item-md-p-6{
        grid-column:span 6
    }
    .ods-grid__item-md-p-7{
        grid-column:span 7
    }
    .ods-grid__item-md-p-8{
        grid-column:span 8
    }
    .ods-grid__item-md-p-9{
        grid-column:span 9
    }
    .ods-grid__item-md-p-10{
        grid-column:span 10
    }
    .ods-grid__item-md-p-11{
        grid-column:span 11
    }
    .ods-grid__item-md-p-12{
        grid-column:span 12
    }
}
/* tablet-landscape */
@media (min-width: 64rem) and (max-width: 89.9375rem){
    .ods-grid__item-md-l-1{
        grid-column:span 1
    }
    .ods-grid__item-md-l-2{
        grid-column:span 2
    }
    .ods-grid__item-md-l-3{
        grid-column:span 3
    }
    .ods-grid__item-md-l-4{
        grid-column:span 4
    }
    .ods-grid__item-md-l-5{
        grid-column:span 5
    }
    .ods-grid__item-md-l-6{
        grid-column:span 6
    }
    .ods-grid__item-md-l-7{
        grid-column:span 7
    }
    .ods-grid__item-md-l-8{
        grid-column:span 8
    }
    .ods-grid__item-md-l-9{
        grid-column:span 9
    }
    .ods-grid__item-md-l-10{
        grid-column:span 10
    }
    .ods-grid__item-md-l-11{
        grid-column:span 11
    }
    .ods-grid__item-md-l-12{
        grid-column:span 12
    }
}
/* desktop */
@media (min-width: 90rem){
    .ods-grid__item-lg-1{
        grid-column:span 1
    }
    .ods-grid__item-lg-2{
        grid-column:span 2
    }
    .ods-grid__item-lg-3{
        grid-column:span 3
    }
    .ods-grid__item-lg-4{
        grid-column:span 4
    }
    .ods-grid__item-lg-5{
        grid-column:span 5
    }
    .ods-grid__item-lg-6{
        grid-column:span 6
    }
    .ods-grid__item-lg-7{
        grid-column:span 7
    }
    .ods-grid__item-lg-8{
        grid-column:span 8
    }
    .ods-grid__item-lg-9{
        grid-column:span 9
    }
    .ods-grid__item-lg-10{
        grid-column:span 10
    }
    .ods-grid__item-lg-11{
        grid-column:span 11
    }
    .ods-grid__item-lg-12{
        grid-column:span 12
    }
}
.ods-grid__item:empty{
    display:none
}

/* Ods List */
.ods-list--theme-white{
	--ods-list-background-color: var(--color-surface-white, #fff)
}

.ods-list--theme-gray{
	--ods-list-background-color: var(--color-surface-neutral-tertiary, #f1f2f4)
}

.ods-list__list{
	list-style-type: none
}

.ods-list__label{
	padding: var(--ods-padding-content-s) var(--ods-padding-content-l);
	color: var(--color-text-surface-secondary, #636d79);
	background-color: var(--ods-list-background-color);
	font-family: LidlFontPro, sans-serif;
	font-weight: 600;
	font-size: .875rem;
	line-height: 1.25rem;
	letter-spacing: 0rem;
	box-sizing: content-box;
	display: flex;
	align-items: flex-end
}

@media (min-width: 90rem) {
	.ods-list__label {
		font-size: 1rem;
		line-height: 1.5rem;
		letter-spacing: 0rem
	}
}

/* Ods List Item */
.ods-list-item {
	position: relative;
	background-color: var(--ods-color-surface-interaction-subtle-default, #ffffff)
}

.ods-list-item--align-top{
	--ods-list-item-align: flex-start
}

.ods-list-item--divider:not(:last-child):before {
	content: "";
	position: absolute;
	bottom: 0;
	left: var(--ods-padding-content-l, 1rem);
	right: var(--ods-padding-content-l, 1rem);
	background: var(--ods-color-surface-neutral-secondary, #dde0e3);
	height: .0625rem
}

.ods-list-item--add-divider {
	content: "";
	position: absolute;
	bottom: 0;
	left: var(--ods-padding-content-l, 1rem);
	right: var(--ods-padding-content-l, 1rem);
	background: var(--ods-color-surface-neutral-secondary, #dde0e3);
	height: .0625rem
}

.ods-list-item__interactive-wrapper{
	all: unset;
	display: block;
	width: 100%
}

.ods-list-item__interactive-wrapper:is(button, a, label) {
	z-index: 1;
	position: relative
}

.ods-list-item__interactive-wrapper:is(button, a, label):focus-visible {
	position: relative
}

.ods-list-item__interactive-wrapper:is(button, a, label):focus-visible:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	outline: solid .125rem var(--ods-component-browser-focus-border-color-outer, #ffffff);
	outline-offset: -.125rem;
	pointer-events: none;
	left: 0;
	top: 0
}

.ods-list-item__interactive-wrapper:is(button, a, label):focus-visible:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	outline: solid .125rem var(--ods-component-browser-focus-border-color-inner, #0050aa);
	outline-offset: -.25rem;
	pointer-events: none;
	left: 0;
	top: 0
}

.ods-list-item__interactive-wrapper:focus-visible {
	background-color: var(--ods-color-surface-interaction-subtle-focus, #f1f2f4)
}

.ods-list-item__interactive-wrapper:hover {
	background-color: var(--ods-color-surface-interaction-subtle-hover, #f1f2f4);
	cursor: pointer
}

.ods-list-item__interactive-wrapper:active {
	background-color: var(--ods-color-surface-interaction-subtle-pressed, #f1f2f4);
	cursor: pointer
}

.ods-list-item__inner {
	display: flex;
	gap: var(--ods-gap-content-l, 1rem);
	padding: var(--ods-padding-content-l, 1rem)
}

.ods-list-item__before {
	align-self: flex-start
}

.ods-list-item__main {
	flex-grow: 1
}

.ods-list-item__label {
	font-family: LidlFontPro, sans-serif;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.25rem;
	letter-spacing: 0rem;
	color: var(--ods-color-text-surface-primary, #1e2124)
}

@media (min-width: 90rem) {
	.ods-list-item__label {
		font-size: 1.125rem;
		line-height: 1.5rem;
		letter-spacing: 0rem
	}
}

.ods-list-item__description {
	color: var(--ods-color-text-surface-secondary, #636d79);
	font-family: LidlFontPro, sans-serif;
	font-weight: 500;
	font-size: .875rem;
	line-height: 1.25rem;
	letter-spacing: 0rem
}

@media (min-width: 90rem) {
	.ods-list-item__description {
		font-size: 1rem;
		line-height: 1.5rem;
		letter-spacing: 0rem
	}
}

.ods-list-item__content{
	margin-top: var(--ods-gap-content-l, .75rem)
}

.ods-list-item__after {
	margin-left: auto;
	align-self: var(--ods-list-item-align, center)
}

/* ods icon button */
.ods-icon-button {
	all: unset;
	border-radius: 62.4375rem;
	display: inline-block;
	background-color: var(--ods-icon-button-background-color);
	font-size: 0;
	cursor: pointer
}

.ods-icon-button:focus-visible {
	position: relative
}

.ods-icon-button:focus-visible:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	outline: solid .125rem var(--ods-component-browser-focus-border-color-outer, #ffffff);
	outline-offset: .25rem;
	pointer-events: none;
	left: 0;
	top: 0
}

.ods-icon-button:focus-visible:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	outline: solid .125rem var(--ods-component-browser-focus-border-color-inner, #0050aa);
	outline-offset: .125rem;
	pointer-events: none;
	left: 0;
	top: 0
}

.ods-icon-button:hover:not(.ods-icon-button--disabled),
.ods-icon-button:focus-visible:not(.ods-icon-button--disabled) {
	background: var(--ods-icon-button-background-color-focused)
}

.ods-icon-button:hover:not(.ods-icon-button--disabled) .ods-icon-button__icon,
.ods-icon-button:focus-visible:not(.ods-icon-button--disabled) .ods-icon-button__icon {
	fill: var(--ods-icon-button-icon-color-focused)
}

.ods-icon-button:active:not(.ods-icon-button--disabled) {
	background: var(--ods-icon-button-background-color-pressed)
}

.ods-icon-button:active:not(.ods-icon-button--disabled) .ods-icon-button__icon {
	fill: var(--ods-icon-button-icon-color-focused)
}

.ods-icon-button__icon {
	fill: var(--ods-icon-button-icon-color);
	position: relative;
	display: block
}

@media screen and (hover: none) {
	.ods-icon-button__icon:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 2.75rem;
		min-height: 2.75rem;
		width: auto;
		height: auto;
		transform: translate(-50%, -50%)
	}
}

.ods-icon-button--size-small {
	padding: .25rem
}

.ods-icon-button--size-small .ods-icon-button__icon {
	width: 1rem;
	height: 1rem
}

.ods-icon-button--size-medium {
	padding: .5rem
}

.ods-icon-button--size-medium .ods-icon-button__icon {
	width: 1.5rem;
	height: 1.5rem
}

.ods-icon-button--variant-positive {
	--ods-icon-button-background-color: rgba(255, 255, 255, 0);
	--ods-icon-button-background-color-focused: #f1f2f4;
	--ods-icon-button-background-color-pressed: #dde0e3;
	--ods-icon-button-icon-color: #636d79;
	--ods-icon-button-icon-color-focused: #636d79;
	--ods-icon-button-icon-color-pressed: #636d79
}

.ods-icon-button--variant-negative {
	--ods-icon-button-background-color: rgba(0, 0, 0, 0);
	--ods-icon-button-background-color-focused: #f1f2f4;
	--ods-icon-button-background-color-pressed: #dde0e3;
	--ods-icon-button-icon-color: #f1f2f4;
	--ods-icon-button-icon-color-focused: #636d79;
	--ods-icon-button-icon-color-pressed: #636d79
}

.ods-icon-button--variant-discrete {
	--ods-icon-button-background-color: rgba(0, 0, 0, .4470588235);
	--ods-icon-button-background-color-focused: rgba(0, 0, 0, .6);
	--ods-icon-button-background-color-pressed: rgba(0, 0, 0, .7490196078);
	--ods-icon-button-icon-color: white;
	--ods-icon-button-icon-color-focused: white;
	--ods-icon-button-icon-color-pressed: white
}

.ods-icon-button--disabled {
	opacity: .3;
	cursor: default
}

/* Starts: ods button variants: Button with icon and Button with status */

.ods-icon-button {
	all: unset;
	border-radius: 62.4375rem;
	display: inline-block;
	background-color: var(--ods-icon-button-background-color);
	font-size: 0;
	cursor: pointer
}

.ods-icon-button:focus-visible {
	position: relative
}

.ods-icon-button:focus-visible:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	outline: solid .125rem var(--ods-component-browser-focus-border-color-outer, #ffffff);
	outline-offset: .25rem;
	pointer-events: none;
	left: 0;
	top: 0
}

.ods-icon-button:focus-visible:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	outline: solid .125rem var(--ods-component-browser-focus-border-color-inner, #0050aa);
	outline-offset: .125rem;
	pointer-events: none;
	left: 0;
	top: 0
}

.ods-icon-button:hover:not(.ods-icon-button--disabled),
.ods-icon-button:focus-visible:not(.ods-icon-button--disabled) {
	background: var(--ods-icon-button-background-color-focused)
}

.ods-icon-button:hover:not(.ods-icon-button--disabled) .ods-icon-button__icon,
.ods-icon-button:focus-visible:not(.ods-icon-button--disabled) .ods-icon-button__icon {
	fill: var(--ods-icon-button-icon-color-focused)
}

.ods-icon-button:active:not(.ods-icon-button--disabled) {
	background: var(--ods-icon-button-background-color-pressed)
}

.ods-icon-button:active:not(.ods-icon-button--disabled) .ods-icon-button__icon {
	fill: var(--ods-icon-button-icon-color-focused)
}

.ods-icon-button__icon {
	fill: var(--ods-icon-button-icon-color);
	position: relative;
	display: block
}

@media screen and (hover: none) {
	.ods-icon-button__icon:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 2.75rem;
		min-height: 2.75rem;
		width: auto;
		height: auto;
		transform: translate(-50%, -50%)
	}
}

.ods-icon-button--size-small {
	padding: .25rem
}

.ods-icon-button--size-small .ods-icon-button__icon {
	width: 1rem;
	height: 1rem
}

.ods-icon-button--size-medium {
	padding: .5rem
}

.ods-icon-button--size-medium .ods-icon-button__icon {
	width: 1.5rem;
	height: 1.5rem
}

.ods-icon-button--variant-positive {
	--ods-icon-button-background-color: rgba(255, 255, 255, 0);
	--ods-icon-button-background-color-focused: #f1f2f4;
	--ods-icon-button-background-color-pressed: #dde0e3;
	--ods-icon-button-icon-color: #636d79;
	--ods-icon-button-icon-color-focused: #636d79;
	--ods-icon-button-icon-color-pressed: #636d79
}

.ods-icon-button--variant-negative {
	--ods-icon-button-background-color: rgba(0, 0, 0, 0);
	--ods-icon-button-background-color-focused: #f1f2f4;
	--ods-icon-button-background-color-pressed: #dde0e3;
	--ods-icon-button-icon-color: #f1f2f4;
	--ods-icon-button-icon-color-focused: #636d79;
	--ods-icon-button-icon-color-pressed: #636d79
}

.ods-icon-button--variant-discrete {
	--ods-icon-button-background-color: rgba(0, 0, 0, .4470588235);
	--ods-icon-button-background-color-focused: rgba(0, 0, 0, .6);
	--ods-icon-button-background-color-pressed: rgba(0, 0, 0, .7490196078);
	--ods-icon-button-icon-color: white;
	--ods-icon-button-icon-color-focused: white;
	--ods-icon-button-icon-color-pressed: white
}

.ods-icon-button--disabled {
	opacity: .3;
	cursor: default
}

.ods-icon-button-status {
	all: unset;
	border-radius: 62.4375rem;
	display: inline-block;
	padding: .5rem;
	background-color: var(--ods-icon-button-status-background-color);
	font-size: 0;
	cursor: pointer
}

.ods-icon-button-status:focus-visible {
	position: relative
}

.ods-icon-button-status:focus-visible:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	outline: solid .125rem var(--ods-component-browser-focus-border-color-outer, #ffffff);
	outline-offset: .25rem;
	pointer-events: none;
	left: 0;
	top: 0
}

.ods-icon-button-status:focus-visible:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	outline: solid .125rem var(--ods-component-browser-focus-border-color-inner, #0050aa);
	outline-offset: .125rem;
	pointer-events: none;
	left: 0;
	top: 0
}

.ods-icon-button-status:hover:not(.ods-icon-button-status--disabled),
.ods-icon-button-status:focus-visible:not(.ods-icon-button-status--disabled) {
	background: var(--ods-icon-button-status-background-color-focused)
}

.ods-icon-button-status:hover:not(.ods-icon-button-status--disabled) .ods-icon-button-status__icon,
.ods-icon-button-status:focus-visible:not(.ods-icon-button-status--disabled) .ods-icon-button-status__icon {
	fill: var(--ods-icon-button-status-icon-color-focused)
}

.ods-icon-button-status:active:not(.ods-icon-button-status--disabled) {
	background: var(--ods-icon-button-status-background-color-pressed)
}

.ods-icon-button-status:active:not(.ods-icon-button-status--disabled) .ods-icon-button-status__icon {
	fill: var(--ods-icon-button-status-icon-color-focused)
}

.ods-icon-button-status__icon {
	fill: var(--ods-icon-button-status-icon-color);
	width: 1.5rem;
	height: 1.5rem;
	position: relative;
	display: block
}

@media screen and (hover: none) {
	.ods-icon-button-status__icon:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 2.75rem;
		min-height: 2.75rem;
		width: auto;
		height: auto;
		transform: translate(-50%, -50%)
	}
}

.ods-icon-button-status--variant-positive {
	--ods-icon-button-status-background-color: rgba(255, 255, 255, 0);
	--ods-icon-button-status-background-color-focused: #f1f2f4;
	--ods-icon-button-status-background-color-pressed: #dde0e3;
	--ods-icon-button-status-icon-color: #636d79;
	--ods-icon-button-status-icon-color-focused: #636d79;
	--ods-icon-button-status-icon-color-pressed: #636d79
}

.ods-icon-button-status--variant-positive.ods-icon-button-status--active {
	--ods-icon-button-status-background-color: rgba(255, 255, 255, 0);
	--ods-icon-button-status-background-color-focused: #f1f2f4;
	--ods-icon-button-status-background-color-pressed: #dde0e3;
	--ods-icon-button-status-icon-color: #2466eb;
	--ods-icon-button-status-icon-color-focused: #2466eb;
	--ods-icon-button-status-icon-color-pressed: #2466eb
}

.ods-icon-button-status--variant-discrete,
.ods-icon-button-status--variant-discrete.ods-icon-button-status--active {
	--ods-icon-button-status-background-color: rgba(0, 0, 0, .4470588235);
	--ods-icon-button-status-background-color-focused: rgba(0, 0, 0, .6);
	--ods-icon-button-status-background-color-pressed: rgba(0, 0, 0, .7490196078);
	--ods-icon-button-status-icon-color: white;
	--ods-icon-button-status-icon-color-focused: white;
	--ods-icon-button-status-icon-color-pressed: white
}

.ods-icon-button-status--disabled {
	opacity: .3;
	cursor: default
}

/* Ends: ods button variants: Button with icon and Button with status */

/* Starts: ods alert */

.ods-alert {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: .75rem;
	padding: 1rem;
	border-radius: .5rem;
	background: var(--ods-alert-background);
	border: solid .0625rem var(--ods-alert-border-color)
}

.ods-alert--info {
	--ods-alert-background: #f0f7ff;
	--ods-alert-border-color: #c2dfff;
	--ods-alert-title-color: #002466;
	--ods-alert-text-color: #1e2124;
	--ods-alert-icon-color: #002466
}

.ods-alert--warning {
	--ods-alert-background: #fffcef;
	--ods-alert-border-color: #fff2a6;
	--ods-alert-title-color: #a84700;
	--ods-alert-text-color: #1e2124;
	--ods-alert-icon-color: #a84700
}

.ods-alert--success {
	--ods-alert-background: #f0fffa;
	--ods-alert-border-color: #c2ffec;
	--ods-alert-title-color: #00704e;
	--ods-alert-text-color: #1e2124;
	--ods-alert-icon-color: #00704e
}

.ods-alert--danger {
	--ods-alert-background: #fff1f0;
	--ods-alert-border-color: #ffc6c2;
	--ods-alert-title-color: #ad080f;
	--ods-alert-text-color: #1e2124;
	--ods-alert-icon-color: #ad080f
}

.ods-alert__icon {
	width: 1.5rem;
	height: 1.5rem;
	flex-shrink: 0;
	fill: var(--ods-alert-icon-color)
}

.ods-alert__content {
	flex-grow: 1;
	color: var(--ods-alert-text-color);
	font-family: LidlFontPro, sans-serif;
	font-weight: 500;
	font-size: .875rem;
	line-height: 1.25rem;
	letter-spacing: 0rem
}

@media (min-width: 90rem) {
	.ods-alert__content {
		font-size: 1rem;
		line-height: 1.5rem;
		letter-spacing: 0rem
	}
}

.ods-alert__title {
	margin: 0;
	margin-bottom: .25rem;
	color: var(--ods-alert-title-color);
	font-family: LidlFontPro, sans-serif;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.5rem;
	letter-spacing: 0rem
}

@media (min-width: 90rem) {
	.ods-alert__title {
		font-size: 1.125rem;
		line-height: 1.75rem;
		letter-spacing: 0rem
	}
}

.ods-alert__title:empty {
	display: none
}

.ods-alert__headline {
	font-family: LidlFontPro, sans-serif;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.25rem;
	letter-spacing: 0rem
}

@media (min-width: 90rem) {
	.ods-alert__headline {
		font-size: 1.125rem;
		line-height: 1.5rem;
		letter-spacing: 0rem
	}
}

.ods-alert__controls {
	margin-top: 1rem;
	display: flex;
	flex-flow: row wrap;
	gap: 1rem
}

/* Ends: ods alert */

/* ods icon */
.ods-icon {
	display: inline-block
}

.ods-icon svg {
	width: 100%;
	height: 100%;
	fill: inherit;
	display: block
}

.ods-icon svg path {
	fill: inherit
}


/* ODS Button Starts CSS here */
.ods-button {
    --ods-button-width: auto;
    --ods-button-min-height: 2.75rem; /* 44px */

    all: unset;
    border-radius: var(--ods-button-border-radius);
    display: inline-flex;
    gap: var(--ods-gap-content-m, 0.5rem); /* 8px */
    outline: none;
    align-items: center;
    justify-content: center;
    width: var(--ods-button-width);
    min-height: var(--ods-button-min-height);
    padding: var(--ods-button-padding);
    text-overflow: ellipsis;
    user-select: none;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}



.ods-button--size-small:not(.ods-button--no-label) {
    --ods-button-icon-size: 1rem; /* 16px */
    --ods-button-min-height: 2.25rem; /* 36px */
    --ods-button-padding: var(--ods-padding-content-s, 0.5rem) var(--ods-padding-content-m, 0.75rem);
    font-size: 0.875rem;
    font-weight: 600;
}

.ods-button--size-medium:not(.ods-button--no-label) {
    --ods-button-icon-size: 1.5rem; /* 24px */
    --ods-button-min-height: 2.75rem; /* 44px */
    --ods-button-padding: var(--ods-padding-content-s, 0.5rem) var(--ods-padding-content-l, 1rem);
    font-size: 1rem;
    font-weight: 600;
}

.ods-button--size-large:not(.ods-button--no-label) {
    --ods-button-icon-size: 1.5rem; /* 24px */
    --ods-button-min-height: 2.75rem; /* 44px */
    --ods-button-padding: var(--ods-padding-content-s, 0.5rem) var(--ods-padding-content-l, 1rem);
    font-size: 1rem;
    font-weight: 600;
}

@media (min-width: 64rem) { /* $ods-breakpoint-desktop-min */
    .ods-button--size-large:not(.ods-button--no-label) {
        --ods-button-icon-size: 2rem; /* 32px */
        --ods-button-min-height: 3.5rem; /* 56px */
        --ods-button-padding: var(--ods-padding-content-m, 0.75rem) var(--ods-padding-content-xl, 1.5rem);
        font-size: 1.25rem;
        font-weight: 700;
    }
}

.ods-button--loading .ods-button__icon,
.ods-button--loading .ods-button__text {
    opacity: 0;
}

.ods-button__loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.5rem; /* 24px */
    height: 1.5rem; /* 24px */
}

.ods-button__loading-icon {
    fill: var(--ods-button-font-color);
    animation: rotate 1s linear infinite;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.ods-button__text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
}

.ods-button__icon {
    fill: var(--ods-button-icon-color);
    width: var(--ods-button-icon-size);
    height: var(--ods-button-icon-size);
    flex-shrink: 0;
}

.ods-button--no-label {
    --ods-button-width: 2.75rem; /* 44px */
    --ods-button-min-height: 2.75rem; /* 44px */
    --ods-button-icon-size: 1.5rem; /* 24px */
    justify-content: center;
}

.ods-button--primary {
    --ods-button-border-radius: var(--ods-radius-action, 62.4375rem);
    --ods-button-background-color: var(--ods-color-surface-interaction-primary-default, #0050aa);
    --ods-button-background-focus-color: var(--ods-color-surface-interaction-primary-focus, #002466);
    --ods-button-background-hover-color: var(--ods-color-surface-interaction-primary-hover, #002466);
    --ods-button-background-pressed-color: var(--ods-color-surface-interaction-primary-pressed, #002466);
    --ods-button-font-color: var(--ods-color-text-surface-interaction-primary-default, #ffffff);
    --ods-button-font-focus-color: var(--ods-color-text-surface-interaction-primary-focus, #ffffff);
    --ods-button-font-hover-color: var(--ods-color-text-surface-interaction-primary-hover, #ffffff);
    --ods-button-font-pressed-color: var(--ods-color-text-surface-interaction-primary-pressed, #ffffff);
    --ods-button-icon-color: var(--ods-color-icon-surface-interaction-primary-default, #ffffff);
    --ods-button-icon-focus-color: var(--ods-color-icon-surface-interaction-primary-focus, #ffffff);
    --ods-button-icon-hover-color: var(--ods-color-icon-surface-interaction-primary-hover, #ffffff);
    --ods-button-icon-pressed-color: var(--ods-color-icon-surface-interaction-primary-pressed, #ffffff);
}

.ods-button--secondary {
    --ods-button-border-radius: var(--ods-radius-action, 62.4375rem);
    --ods-button-background-color: var(--ods-color-surface-interaction-secondary-default, rgb(255 255 255 / 0%));
    --ods-button-background-hover-color: var(--ods-color-surface-interaction-secondary-hover, rgb(255 255 255 / 0%));
    --ods-button-background-focus-color: var(--ods-color-surface-interaction-secondary-focus, rgb(255 255 255 / 0%));
    --ods-button-background-pressed-color: var(--ods-color-surface-interaction-secondary-pressed, rgb(255 255 255 / 0%));
    --ods-button-font-color: var(--ods-color-text-surface-interaction-secondary-default, #0050aa);
    --ods-button-font-focus-color: var(--ods-color-text-surface-interaction-secondary-focus, #002466);
    --ods-button-font-hover-color: var(--ods-color-text-surface-interaction-secondary-hover, #002466);
    --ods-button-font-pressed-color: var(--ods-color-text-surface-interaction-secondary-pressed, #002466);
    --ods-button-border-width: var(--ods-component-button-secondary-border-width-default, 0.125rem);
    --ods-button-border-width-hover: var(--ods-border-width-hover, 0.125rem);
    --ods-button-border-width-focus: var(--ods-border-width-focus, 0.125rem);
    --ods-button-border-width-pressed: var(--ods-border-width-pressed, 0.125rem);
    --ods-button-border-color: var(--ods-color-border-interaction-secondary-default, #0050aa);
    --ods-button-border-color-hover: var(--ods-color-border-interaction-secondary-hover, #002466);
    --ods-button-border-color-focus: var(--ods-color-border-interaction-secondary-focus, #002466);
    --ods-button-border-color-pressed: var(--ods-color-border-interaction-secondary-pressed, #002466);
    --ods-button-icon-color: var(--ods-color-icon-surface-interaction-secondary-default, #0050aa);
    --ods-button-icon-focus-color: var(--ods-color-icon-surface-interaction-secondary-focus, #002466);
    --ods-button-icon-hover-color: var(--ods-color-icon-surface-interaction-secondary-hover, #002466);
    --ods-button-icon-pressed-color: var(--ods-color-icon-surface-interaction-secondary-pressed, #002466);
}

.ods-button--tertiary {
    --ods-button-font-color: var(--ods-color-text-surface-interaction-tertiary-default, #0050aa);
    --ods-button-font-hover-color: var(--ods-color-text-surface-interaction-tertiary-hover, #002466);
    --ods-button-font-active-color: var(--ods-color-text-surface-interaction-tertiary-pressed, #002466);
    --ods-button-font-focus-color: var(--ods-color-text-surface-interaction-tertiary-focus, #002466);
    --ods-button-font-pressed-color: var(--ods-color-text-surface-interaction-tertiary-pressed, #002466);
    --ods-button-background-color: var(--ods-color-surface-interaction-tertiary-default, rgba(255, 255, 255, 0));
    --ods-button-background-focus-color: var(--ods-color-surface-interaction-tertiary-focus, rgba(255, 255, 255, 0));
    --ods-button-background-hover-color: var(--ods-color-surface-interaction-tertiary-hover, rgba(255, 255, 255, 0));
    --ods-button-background-pressed-color: var(--ods-color-surface-interaction-tertiary-pressed, rgba(255, 255, 255, 0));
    --ods-button-icon-color: var(--ods-color-icon-surface-interaction-tertiary-default, #0050aa);
    --ods-button-icon-focus-color: var(--ods-color-icon-surface-interaction-tertiary-focus, #002466);
    --ods-button-icon-hover-color: var(--ods-color-icon-surface-interaction-tertiary-hover, #002466);
    --ods-button-icon-pressed-color: var(--ods-color-icon-surface-interaction-tertiary-pressed, #002466);
}

.ods-button--disabled {
    opacity: var(--ods-opacity-disabled, 0.3);
    cursor: default;
}

.ods-button--primary,
.ods-button--secondary,
.ods-button--tertiary {
    background-color: var(--ods-button-background-color);
    color: var(--ods-button-font-color);
}

.ods-button:hover:not(.ods-button--disabled) {
    color: var(--ods-button-font-hover-color);
    background-color: var(--ods-button-background-hover-color);
    border-width: var(--ods-button-border-width-hover);
    border-color: var(--ods-button-border-color-hover);
}

.ods-button:hover:not(.ods-button--disabled) .ods-button__icon {
    fill: var(--ods-button-icon-hover-color);
}


.ods-button:focus-visible:not(.ods-button--disabled) {
    color: var(--ods-button-font-focus-color);
    background-color: var(--ods-button-background-focus-color);
    border-width: var(--ods-button-border-width-focus);
    border-color: var(--ods-button-border-color-focus);
    outline: 2px solid var(--ods-button-border-color-focus, #002466);
    outline-offset: 2px;
}

.ods-button:focus-visible:not(.ods-button--disabled) .ods-button__icon {
    fill: var(--ods-button-icon-focus-color);
}

.ods-button:active:not(.ods-button--disabled) {
    color: var(--ods-button-font-pressed-color);
    background-color: var(--ods-button-background-pressed-color);
    border-width: var(--ods-button-border-width-pressed);
    border-color: var(--ods-button-border-color-pressed);
}

.ods-button:active:not(.ods-button--disabled) .ods-button__icon {
    fill: var(--ods-button-icon-pressed-color);
}

.ods-button--primary {
    border: none;
}

.ods-button--secondary {
    border: var(--ods-button-border-width) solid var(--ods-button-border-color);
}

.ods-button.ods-button--tertiary {
    --ods-button-min-height: auto;
    --ods-button-padding: unset;
    --ods-button-border-radius: none;
    flex-direction: row-reverse;
    border: none;
}

.ods-button.ods-button--tertiary.ods-button--size-small {
    --ods-button-min-height: 1.25rem; /* 20px */
}

.ods-button.ods-button--tertiary.ods-button--size-medium {
    --ods-button-min-height: 1.5rem; /* 24px */
}

.ods-button.ods-button--tertiary.ods-button--size-large {
    --ods-button-min-height: 1.75rem; /* 28px */
}

.ods-button.ods-button--tertiary.ods-button--size-small .ods-button__icon {
    --ods-button-icon-size: 1rem; /* 16px */
}

.ods-button.ods-button--tertiary.ods-button--size-medium .ods-button__icon {
    --ods-button-icon-size: 1rem; /* 16px */
}

.ods-button.ods-button--tertiary.ods-button--size-large .ods-button__icon {
    --ods-button-icon-size: 1.5rem; /* 24px */
}

/* Deprecated Theme Backups */
.ods-button.ods-button--theme-primary.ods-button--primary {
    --ods-default-color-surface-interaction-primary-default: #fff000;
    --ods-default-color-surface-interaction-primary-focus: #ffc400;
    --ods-default-color-surface-interaction-primary-hover: #ffc400;
    --ods-default-color-surface-interaction-primary-pressed: #ffc400;
    --ods-default-color-text-surface-interaction-primary-default: #1e2124;
    --ods-default-color-text-surface-interaction-primary-focus: #1e2124;
    --ods-default-color-text-surface-interaction-primary-hover: #1e2124;
    --ods-default-color-text-surface-interaction-primary-pressed: #1e2124;
    --ods-default-color-icon-surface-interaction-primary-default: #1e2124;
    --ods-default-color-icon-surface-interaction-primary-focus: #1e2124;
    --ods-default-color-icon-surface-interaction-primary-hover: #1e2124;
    --ods-default-color-icon-surface-interaction-primary-pressed: #1e2124;
}

.ods-button.ods-button--theme-negative.ods-button--primary {
    --ods-default-color-surface-interaction-primary-default: #ffffff;
    --ods-default-color-surface-interaction-primary-focus: #c2dfff;
    --ods-default-color-surface-interaction-primary-hover: #c2dfff;
    --ods-default-color-surface-interaction-primary-pressed: #c2dfff;
    --ods-default-color-text-surface-interaction-primary-default: #1e2124;
    --ods-default-color-text-surface-interaction-primary-focus: #1e2124;
    --ods-default-color-text-surface-interaction-primary-hover: #1e2124;
    --ods-default-color-text-surface-interaction-primary-pressed: #1e2124;
    --ods-default-color-icon-surface-interaction-primary-default: #1e2124;
    --ods-default-color-icon-surface-interaction-primary-focus: #1e2124;
    --ods-default-color-icon-surface-interaction-primary-hover: #1e2124;
    --ods-default-color-icon-surface-interaction-primary-pressed: #1e2124;
}

.ods-button.ods-button--theme-primary.ods-button--secondary {
    --ods-default-color-surface-interaction-secondary-default: rgb(255 255 255 / 0%);
    --ods-default-color-surface-interaction-secondary-hover: rgb(255 255 255 / 0%);
    --ods-default-color-surface-interaction-secondary-focus: rgb(255 255 255 / 0%);
    --ods-default-color-surface-interaction-secondary-pressed: rgb(255 255 255 / 0%);
    --ods-default-color-text-surface-interaction-secondary-default: #fff000;
    --ods-default-color-text-surface-interaction-secondary-focus: #ffc400;
    --ods-default-color-text-surface-interaction-secondary-hover: #ffc400;
    --ods-default-color-text-surface-interaction-secondary-pressed: #ffc400;
    --ods-default-component-button-secondary-border-width-default: 0.125rem;
    --ods-default-border-width-hover: 0.125rem;
    --ods-default-border-width-focus: 0.125rem;
    --ods-default-border-width-pressed: 0.125rem;
    --ods-default-color-border-interaction-secondary-default: #fff000;
    --ods-default-color-border-interaction-secondary-hover: #ffc400;
    --ods-default-color-border-interaction-secondary-focus: #ffc400;
    --ods-default-color-border-interaction-secondary-pressed: #ffc400;
    --ods-default-color-icon-surface-interaction-secondary-default: #fff000;
    --ods-default-color-icon-surface-interaction-secondary-focus: #ffc400;
    --ods-default-color-icon-surface-interaction-secondary-hover: #ffc400;
    --ods-default-color-icon-surface-interaction-secondary-pressed: #ffc400;
}

.ods-button.ods-button--theme-negative.ods-button--secondary {
    --ods-default-color-surface-interaction-secondary-default: rgb(255 255 255 / 0%);
    --ods-default-color-surface-interaction-secondary-hover: rgb(255 255 255 / 0%);
    --ods-default-color-surface-interaction-secondary-focus: rgb(255 255 255 / 0%);
    --ods-default-color-surface-interaction-secondary-pressed: rgb(255 255 255 / 0%);
    --ods-default-color-text-surface-interaction-secondary-default: #ffffff;
    --ods-default-color-text-surface-interaction-secondary-focus: #ffffff;
    --ods-default-color-text-surface-interaction-secondary-hover: #ffffff;
    --ods-default-color-text-surface-interaction-secondary-pressed: #ffffff;
    --ods-default-component-button-secondary-border-width-default: 0.125rem;
    --ods-default-border-width-hover: 0.125rem;
    --ods-default-border-width-focus: 0.125rem;
    --ods-default-border-width-pressed: 0.125rem;
    --ods-default-color-border-interaction-secondary-default: #ffffff;
    --ods-default-color-border-interaction-secondary-hover: #c2dfff;
    --ods-default-color-border-interaction-secondary-focus: #c2dfff;
    --ods-default-color-border-interaction-secondary-pressed: #c2dfff;
    --ods-default-color-icon-surface-interaction-secondary-default: #ffffff;
    --ods-default-color-icon-surface-interaction-secondary-focus: #ffffff;
    --ods-default-color-icon-surface-interaction-secondary-hover: #ffffff;
    --ods-default-color-icon-surface-interaction-secondary-pressed: #ffffff;
}

.ods-button.ods-button--theme-primary.ods-button--tertiary {
    --ods-default-color-text-surface-interaction-tertiary-default: #fff000;
    --ods-default-color-text-surface-interaction-tertiary-hover: #ffc400;
    --ods-default-color-text-surface-interaction-tertiary-focus: #ffc400;
    --ods-default-color-text-surface-interaction-tertiary-pressed: #ffc400;
    --ods-default-color-surface-interaction-tertiary-default: rgb(255 255 255 / 0%);
    --ods-default-color-surface-interaction-tertiary-hover: rgb(255 255 255 / 0%);
    --ods-default-color-surface-interaction-tertiary-focus: rgb(255 255 255 / 0%);
    --ods-default-color-surface-interaction-tertiary-pressed: rgb(255 255 255 / 0%);
    --ods-default-color-icon-surface-interaction-tertiary-default: #fff000;
    --ods-default-color-icon-surface-interaction-tertiary-focus: #ffc400;
    --ods-default-color-icon-surface-interaction-tertiary-hover: #ffc400;
    --ods-default-color-icon-surface-interaction-tertiary-pressed: #ffc400;
}

.ods-button.ods-button--theme-negative.ods-button--tertiary {
    --ods-default-color-text-surface-interaction-tertiary-default: #ffffff;
    --ods-default-color-text-surface-interaction-tertiary-hover: #c2dfff;
    --ods-default-color-text-surface-interaction-tertiary-focus: #c2dfff;
    --ods-default-color-text-surface-interaction-tertiary-pressed: #c2dfff;
    --ods-default-color-surface-interaction-tertiary-default: rgb(255 255 255 / 0%);
    --ods-default-color-surface-interaction-tertiary-pressed: rgb(255 255 255 / 0%);
    --ods-default-color-surface-interaction-tertiary-focus: rgb(255 255 255 / 0%);
    --ods-default-color-surface-interaction-tertiary-pressed: rgb(255 255 255 / 0%);
    --ods-default-color-icon-surface-interaction-tertiary-default: #ffffff;
    --ods-default-color-icon-surface-interaction-tertiary-focus: #c2dfff;
    --ods-default-color-icon-surface-interaction-tertiary-hover: #c2dfff;
    --ods-default-color-icon-surface-interaction-tertiary-pressed: #c2dfff;
}
/* ODS Button ends CSS here */



/* ODS Input starts CSS here */


.ods-input {
    position: relative;
    font-family: LidlFontPro, sans-serif;
}

.ods-input__label {
    position: relative;
    display: block;
    border-radius: var(--ods-radius-input, 0.25rem);
    border: 0.0625rem solid var(--ods-color-border-input-default, #636d79);
    background-color: var(--ods-color-surface-white, #ffffff);
    transition: border-color 0.2s ease-in-out;
}

.ods-input:not(.ods-input--disabled):not(.ods-input--error):not(.ods-input--success) .ods-input__label:hover {
    border-color: var(--ods-color-border-input-hover, #1e2124);
}

.ods-input__input {
    all: unset;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: var(--ods-padding-content-l, 1rem);
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
    background-color: transparent;
    color: var(--ods-color-text-surface-primary, #1e2124);
    font-size: 1rem;
    line-height: 1.5rem;
}

/* For multiline textareas */
.ods-input--multiline .ods-input__input {
    min-height: 7.5rem; /* Example height, adjust as needed */
    resize: vertical;
}

.ods-input__label-text {
    position: absolute;
    top: 50%;
    left: var(--ods-padding-content-l, 1rem);
    transform: translateY(-50%);
    color: var(--ods-color-text-surface-secondary, #636d79);
    font-size: 1rem;
    pointer-events: none;
    transition: transform 0.2s ease-in-out, font-size 0.2s ease-in-out, color 0.2s ease-in-out;
    transform-origin: left top;
}

/* Floating label states: when input is focused or has content */
.ods-input:focus-within .ods-input__label-text,
.ods-input__input:not(:placeholder-shown) ~ .ods-input__label-text,
.ods-input__input:-webkit-autofill ~ .ods-input__label-text {
    transform: translateY(-60%) scale(0.75);
    top: 1rem; /* Adjust to position the floated label */
}

/* Style changes on focus */
.ods-input:focus-within .ods-input__label {
    border-width: 0.125rem;
    padding: 0; 
}

.ods-input:focus-within:not(.ods-input--error):not(.ods-input--success):not(.ods-input--disabled) .ods-input__label {
    border-color: var(--ods-color-border-input-focus, #0050aa);
}

.ods-input:focus-within:not(.ods-input--error):not(.ods-input--success):not(.ods-input--disabled) .ods-input__label-text {
    color: var(--ods-color-text-input-focus, #0050aa);
}

/* Icon styles */
.ods-input__icon {
    position: absolute;
    top: 50%;
    right: var(--ods-padding-content-l, 1rem);
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1.5rem;
    fill: var(--ods-color-icon-input-default, #636d79);
    pointer-events: none;
}

.ods-input--with-icon .ods-input__input {
    padding-right: 3rem; /* Make space for the icon */
}

/* Hint styles */
.ods-input__hint {
    margin-top: var(--ods-gap-content-s, 0.5rem);
    padding: 0 var(--ods-padding-content-l, 1rem);
}

/* Disabled state */
.ods-input--disabled {
    opacity: var(--ods-opacity-disabled, 0.3);
    cursor: not-allowed;
}

.ods-input--disabled .ods-input__label {
    background-color: var(--ods-color-surface-neutral-tertiary, #f1f2f4);
    cursor: not-allowed;
}

.ods-input--disabled .ods-input__input {
    cursor: not-allowed;
}

/* Error state */
.ods-input--error .ods-input__label {
    border-color: var(--ods-color-border-input-error, #d52819);
}

.ods-input--error .ods-input__label-text,
.ods-input--error .ods-input__icon {
    color: var(--ods-color-text-input-error, #d52819);
    fill: var(--ods-color-icon-input-error, #d52819);
}

.ods-input:focus-within.ods-input--error .ods-input__label {
     border-color: var(--ods-color-border-input-error, #d52819);
}

/* Success state */
.ods-input--success .ods-input__label {
    border-color: var(--ods-color-border-input-success, #007a4a);
}

.ods-input--success .ods-input__label-text,
.ods-input--success .ods-input__icon {
    color: var(--ods-color-text-input-success, #007a4a);
    fill: var(--ods-color-icon-input-success, #007a4a);
}

.ods-input:focus-within.ods-input--success .ods-input__label {
     border-color: var(--ods-color-border-input-success, #007a4a);
}
/* ODS Input ends CSS here */

/* ODS Hint starts CSS here */

.ods-hint {
    display: inline-flex;
    align-items: flex-start; 
    gap: var(--ods-gap-content-s, 0.5rem); 
    font-family: LidlFontPro, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25rem; 
}

/* Icon inside the hint */
.ods-hint__icon {
    flex-shrink: 0; 
    width: 1rem;    
    height: 1rem;   
    margin-top: 0.125rem; 
}

.ods-hint__text-wrapper {
    margin: 0;
    padding: 0;
    white-space: pre-wrap; 
    word-break: break-word;
}

.ods-hint--info {
    color: var(--ods-color-text-surface-secondary, #636d79);
}

.ods-hint--info .ods-hint__icon {
    fill: var(--ods-color-icon-input-default, #636d79);
}

/* --error state */
.ods-hint--error {
    color: var(--ods-color-text-input-error, #d52819);
}

.ods-hint--error .ods-hint__icon {
    fill: var(--ods-color-icon-input-error, #d52819);
}

/* --success state */
.ods-hint--success {
    color: var(--ods-color-text-input-success, #007a4a);
}

.ods-hint--success .ods-hint__icon {
    fill: var(--ods-color-icon-input-success, #007a4a);
}

/* --disabled state */
.ods-hint--disabled {
    color: var(--ods-color-text-surface-secondary, #636d79);
    opacity: var(--ods-opacity-disabled, 0.3);
}

.ods-hint--disabled .ods-hint__icon {
    fill: var(--ods-color-icon-input-default, #636d79);
}

/* ODS Hint ends CSS here */


/* Accordion */
.ods-accordion-panel {
	background-color: #fff0;
	border-radius: .5rem;
	--ods-accordion-spacing: 1.125rem .875rem
}

.ods-accordion-panel+.ods-accordion-panel {
	margin-top: .5rem
}

.ods-accordion-panel__header {
	font-size: 1rem;
	font-weight: 400
}

.ods-accordion-panel__header:focus-within:has(:focus-visible) {
	position: relative;
	outline: solid .125rem var(--ods-component-browser-focus-border-color-inner, #0050aa);
	outline-offset: .125rem
}

.ods-accordion-panel__header:focus-within:has(:focus-visible):before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	outline: solid .125rem var(--ods-component-browser-focus-border-color-outer, #ffffff);
	outline-offset: .25rem;
	pointer-events: none
}

.ods-accordion-panel__header-button {
	all: unset;
	position: relative;
	border: .0625rem solid #8c96a1;
	border-radius: .5rem;
	display: block;
	width: 100%;
	box-sizing: border-box;
	cursor: pointer
}

.ods-accordion-panel__header-button--disabled {
	cursor: default;
	opacity: .3
}

.ods-accordion-panel--is-open .ods-accordion-panel__header-button {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-color: transparent
}

.ods-accordion-panel__header-button:not(.ods-accordion-panel__header-button--disabled):hover:before {
	content: "";
	position: absolute;
	top: -.0625rem;
	left: -.0625rem;
	bottom: -.0625rem;
	right: -.0625rem;
	border: solid .125rem #2466eb;
	border-radius: .5rem;
	pointer-events: none
}

.ods-accordion-panel--is-open .ods-accordion-panel__header-button:hover:before {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.ods-accordion-panel__header-layout {
	display: flex;
	align-items: flex-start;
	padding: var(--ods-accordion-spacing)
}

.ods-accordion-panel__header-button:hover .ods-accordion-panel__header-layout {
	border: none
}

.ods-accordion-panel__header-content {
	margin-right: 1rem;
	padding-top: .125rem;
	flex-grow: 1;
	display: flex;
	flex-direction: column
}

.ods-accordion-panel__header-title {
	display: flex;
	width: 100%;
}

.ods-accordion-panel__header-label {
	color: #1e2124;
	font-family: LidlFontPro, sans-serif;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.25rem;
	letter-spacing: 0rem
}

@media (min-width: 90rem) {
	.ods-accordion-panel__header-label {
		font-size: 1.125rem;
		line-height: 1.5rem;
		letter-spacing: 0rem
	}
}

.ods-accordion-panel__header-after {
	margin-left: auto;
	padding-left: .5rem;
	height: 1.25rem;
	flex-shrink: 0
}

.ods-accordion-panel__header-after:empty {
	display: none
}

.ods-accordion-panel__header-icon {
	width: 1.5rem;
	height: 1.5rem;
	margin-left: auto;
	flex-shrink: 0;
	fill: #8c96a1
}

.ods-accordion-panel__header-description {
	color: #636d79;
	font-family: LidlFontPro, sans-serif;
	font-weight: 500;
	font-size: .875rem;
	line-height: 1.25rem;
	letter-spacing: 0rem
}

@media (min-width: 90rem) {
	.ods-accordion-panel__header-description {
		font-size: 1rem;
		line-height: 1.5rem;
		letter-spacing: 0rem
	}
}

.ods-accordion-panel__header-before {
	margin-right: .75rem;
	flex-shrink: 0;
	font-size: 0;
	fill: #1e2124
}

.ods-accordion-panel__header-below {
	display: block
}

.ods-accordion-panel__header-below--spacing {
	padding: var(--ods-accordion-spacing)
}

.ods-accordion-panel:not(.ods-accordion-panel--is-open) .ods-accordion-panel__header-below {
	border-bottom-left-radius: .4375rem;
	border-bottom-right-radius: .4375rem
}

.ods-accordion-panel__body {
	border-bottom-left-radius: .5rem;
	border-bottom-right-radius: .5rem;
	border: .0625rem solid #8c96a1;
	border-top: 0
}

.ods-accordion-panel__body--spacing {
	padding: var(--ods-accordion-spacing)
}

.ods-accordion-panel__body--disabled {
	opacity: .3
}

.ods-accordion-panel:not(.ods-accordion-panel--is-open) .ods-accordion-panel__header-below .ods-accordion-panel__full-bleed {
	border-bottom-left-radius: .4375rem;
	border-bottom-right-radius: .4375rem
}

.ods-accordion-panel__body .ods-accordion-panel__full-bleed {
	border-bottom-left-radius: .4375rem;
	border-bottom-right-radius: .4375rem
}

.panel-display-none{
  display: none;
}


/* ODS CAROUSEL */

@media (max-width: 47.9375rem) {
	.ods-carousel--full-width {
		margin-left: calc(var(--ods-carousel-gutter) * -1);
		margin-right: calc(var(--ods-carousel-gutter) * -1)
	}
}

@media (max-width: 47.9375rem) {

	.ods-carousel--full-width .ods-carousel__track,
	.ods-carousel--full-width .ods-carousel__progress-container {
		padding-left: var(--ods-carousel-gutter);
		padding-right: var(--ods-carousel-gutter)
	}
}

.ods-carousel__track-section {
	position: relative
}

.ods-carousel__progress-container {
	margin-top: 1rem !important
}

.ods-carousel__pagination-indicator {
	display: flex;
	justify-content: center
}

.ods-carousel__progress {
	background-color: #dde0e3;
	height: .125rem;
	position: relative;
	border-radius: 62.4375rem
}

.ods-carousel__progress-bar {
	background-color: #1e2124;
	height: .125rem;
	position: absolute;
	border-radius: 62.4375rem
}

.ods-carousel--center-aligned .ods-carousel__track {
	justify-content: center
}

.ods-carousel__skip-section-button-wrapper {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 1rem;
	background-color: #fff;
	z-index: 10
}

.ods-carousel__skip-section-button-wrapper:not(:has(:focus-visible)) {
	opacity: 0;
	pointer-events: none
}

.ods-carousel__buttons-wrapper {
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	z-index: 10;
	display: flex
}

@media (hover: none),
(pointer: coarse) {

	.ods-carousel__button--previous,
	.ods-carousel__button--next {
		transform: none;
		opacity: 1
	}
}

@media (hover: hover),
(pointer: fine) {
	.ods-carousel:not(:has(:hover)) .ods-carousel__button:not(:focus-visible) {
		opacity: 0
	}
}

.ods-carousel__button {
	pointer-events: all;
	transition: opacity .5s ease
}

.ods-carousel__button--hidden {
	opacity: 0
}

.ods-carousel__button--previous {
	transform: translate(.5rem)
}

@media (min-width: 48rem) {
	.ods-carousel__button--previous {
		transform: translate(-50%)
	}
}

.ods-carousel__button--next {
	transform: translate(-.5rem);
	margin-left: auto
}

@media (min-width: 48rem) {
	.ods-carousel__button--next {
		transform: translate(50%)
	}
}

.ods-carousel__track {
	list-style: none;
	overflow-x: auto;
	overflow-y: hidden;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: var(--ods-carousel-slide-width);
	column-gap: 1rem;
	scrollbar-width: none;
	scroll-behavior: smooth;
}

.ods-carousel__track:has(.odsc-tile__link:focus-visible),
.ods-carousel__track:has(.ods-tile__link:focus-visible) {
	padding: .3125rem;
	margin: -.3125rem
}

.ods-carousel__track::-webkit-scrollbar {
	display: none
}

@media (max-width: 47.9375rem) {
	.ods-carousel--scroll-indicator-dynamicPagination .ods-carousel__track {
		scroll-snap-type: x mandatory
	}
}

@media (max-width: 47.9375rem) {
	.ods-carousel--scroll-indicator-dynamicPagination .ods-carousel__track-item {
		scroll-snap-align: start
	}
}

.ods-carousel--scroll-active .ods-carousel__track {
	scroll-snap-type: x mandatory
}

.ods-carousel--layout-flexbox.ods-carousel--item-size-small {
	--ods-carousel-slide-width: 38.72%
}

@media (min-width: 35.5rem) {
	.ods-carousel--layout-flexbox.ods-carousel--item-size-small {
		--ods-carousel-slide-width: 28.55%
	}
}

@media (min-width: 48rem) {
	.ods-carousel--layout-flexbox.ods-carousel--item-size-small {
		--ods-carousel-slide-width: 20.28%
	}
}

@media (min-width: 64rem) {
	.ods-carousel--layout-flexbox.ods-carousel--item-size-small {
		--ods-carousel-slide-width: 16.98%
	}
}

@media (min-width: 90rem) {
	.ods-carousel--layout-flexbox.ods-carousel--item-size-small {
		--ods-carousel-slide-width: 11.82%
	}
}

.ods-carousel--layout-flexbox.ods-carousel--item-size-medium {
	--ods-carousel-slide-width: 196px;
}

@media (min-width: 35.5rem) {
	.ods-carousel--layout-flexbox.ods-carousel--item-size-medium {
		 --ods-carousel-slide-width: calc(33.333% - 0.67rem);
	}
}

@media (min-width: 48rem) {
	.ods-carousel--layout-flexbox.ods-carousel--item-size-medium {
		--ods-carousel-slide-width: 28.61%
	}
}

@media (min-width: 64rem) {
	.ods-carousel--layout-flexbox.ods-carousel--item-size-medium {
		--ods-carousel-slide-width: calc(25% - 0.75rem);
	}
}

@media (min-width: 90rem) {
	.ods-carousel--layout-flexbox.ods-carousel--item-size-medium {
		--ods-carousel-slide-width: 20.31%
	}
}

.ods-carousel--layout-grid.ods-carousel--item-size-small {
	--ods-carousel-slide-width: calc((100% + 1rem) / 3 - 1rem)
}

@media (min-width: 35.5rem) {
	.ods-carousel--layout-grid.ods-carousel--item-size-small {
		--ods-carousel-slide-width: calc((100% + 1rem)/4 - 1rem)
	}
}

@media (min-width: 64rem) {
	.ods-carousel--layout-grid.ods-carousel--item-size-small {
		--ods-carousel-slide-width: calc((100% + 1rem)/5 - 1rem)
	}
}

@media (min-width: 90rem) {
	.ods-carousel--layout-grid.ods-carousel--item-size-small {
		--ods-carousel-slide-width: calc((100% + 1rem) / 6 - 1rem)
	}
}

.ods-carousel--layout-grid.ods-carousel--item-size-medium {
	--ods-carousel-slide-width: calc((100% + 1rem)/2 - 1rem)
}

@media (min-width: 35.5rem) {
	.ods-carousel--layout-grid.ods-carousel--item-size-medium {
		--ods-carousel-slide-width: calc((100% + 1rem) / 3 - 1rem)
	}
}

@media (min-width: 64rem) {
	.ods-carousel--layout-grid.ods-carousel--item-size-medium {
		--ods-carousel-slide-width: calc((100% + 1rem)/4 - 1rem)
	}
}

.ods-carousel--scroll-active .ods-carousel__track-item {
	scroll-snap-align: start
}


/* ODS Radio style*/
.ods-radio{
    display:flex
}
.ods-radio__input{
    opacity:0;
    pointer-events:none;
    position:absolute
}
.ods-radio__label{
    display:inline-block;
    position:relative;
    display:block
}
.ods-radio__label:focus-within:has(:focus-visible){
    position:relative;
    outline:solid .125rem var(--ods-component-browser-focus-border-color-inner, #0050aa);
    outline-offset:.125rem
}
.ods-radio__label:focus-within:has(:focus-visible):before{
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    outline:solid .125rem var(--ods-component-browser-focus-border-color-outer, #ffffff);
    outline-offset:.25rem;
    pointer-events:none
}
@media screen and (hover: none){
    .ods-radio__label:after{
        content:"";
        position:absolute;
        top:50%;
        left:50%;
        min-width:2.75rem;
        min-height:2.75rem;
        width:auto;
        height:auto;
        transform:translate(-50%,-50%)
    }
}
.ods-radio__label-wrapper{
    cursor:pointer;
    position:relative;
    display:flex;
    gap:.5rem
}
.ods-radio__label-wrapper:before{
    content:"";
    display:block;
    width:1.5rem;
    height:1.5rem;
    border-radius:50%;
    border:.125rem solid transparent;
    box-shadow:0 0 0 .0625rem #636d79;
    background:#fff0;
    flex-shrink:0
}
.ods-radio__label-wrapper:hover:before,.ods-radio__label-wrapper:focus:before{
    border-color:#2466eb;
    box-shadow:none
}
.ods-radio__label-content{
    margin-top:.125rem;
    color:#636d79;
    font-family:LidlFontPro,sans-serif;
    font-weight:500;
    font-size:.875rem;
    line-height:1.25rem;
    letter-spacing:0rem
}
@media (min-width: 90rem){
    .ods-radio__label-content{
        font-size:1rem;
        line-height:1.5rem;
        letter-spacing:0rem
    }
}
.ods-radio__label-slot{
    display:block;
    margin:.5rem 0 0
}
.ods-radio__label-slot:first-child{
    margin:0
}
.ods-radio--error .ods-radio__label-wrapper{
    color:#e60a14
}
.ods-radio--error .ods-radio__label-wrapper:before{
    box-shadow:0 0 0 .0625rem #e60a14
}
.ods-radio--error .ods-radio__label-wrapper:hover:before,.ods-radio--error .ods-radio__label-wrapper:focus:before{
    border-color:#e60a14;
    box-shadow:none
}
.ods-radio--error .ods-radio__input:checked~.ods-radio__label-wrapper{
    color:#e60a14
}
.ods-radio--error .ods-radio__input:checked~.ods-radio__label-wrapper:before{
    border-color:#e60a14
}
.ods-radio--error .ods-radio__input:checked~.ods-radio__label-wrapper:after{
    background:#e60a14
}
.ods-radio--error .ods-radio__input:checked~.ods-radio__label-wrapper:hover:before{
    border-color:#e60a14
}
.ods-radio--error .ods-radio__input:checked~.ods-radio__label-wrapper:hover:after{
    background:#e60a14
}
.ods-radio__input:checked~.ods-radio__label-wrapper:before{
    border-color:#2466eb;
    box-shadow:none
}
.ods-radio__input:checked~.ods-radio__label-wrapper:after{
    content:"";
    display:block;
    position:absolute;
    width:.875rem;
    height:.875rem;
    border-radius:50%;
    top:.3125rem;
    left:.3125rem;
    background:#2466eb;
    flex-shrink:0
}
.ods-radio__input:checked~.ods-radio__label-wrapper:hover:before{
    border-color:#1353d2
}
.ods-radio__input:checked~.ods-radio__label-wrapper:hover:after{
    background:#1353d2
}
.ods-radio__input:disabled~.ods-radio__label-wrapper:before{
    opacity:.3
}
.ods-radio__input:disabled~.ods-radio__label-wrapper:hover:before,.ods-radio__input:disabled~.ods-radio__label-wrapper:focus:before{
    border:.125rem solid transparent;
    box-shadow:0 0 0 .0625rem #636d79
}
.ods-radio__input:disabled~.ods-radio__label-wrapper:after{
    opacity:.3
}
.ods-radio__input:checked:disabled~.ods-radio__label-wrapper:before{
    opacity:.3;
    border-color:#2466eb;
    box-shadow:none
}
.ods-radio__input:checked:disabled~.ods-radio__label-wrapper:after{
    opacity:.3;
    background:#2466eb
} 
/* end ODS Radio style*/

/* ODS Radio Group button */
.ods-radio-group{
    display:flex;
    flex-flow:row nowrap;
    gap:1rem;
    justify-content:flex-start;
    align-items:center;
    border:none
}
.ods-radio-group__label{
    margin-bottom:.5rem;
    font-family:'LidlFontProBook';
    font-weight:600;
    font-size:.875rem;
    line-height:1.25rem;
    letter-spacing:0rem
}
@media (min-width: 90rem){
    .ods-radio-group__label{
        font-size:1rem;
        line-height:1.5rem;
        letter-spacing:0rem
    }
} 
/* end ODS Radio Group button */

/* ODS Checkbox style */
.ods-checkbox{
    display:flex;
}
.ods-checkbox__label{
    display:inline-block;
    position:relative;
    display:block
}
.ods-checkbox__input{
    opacity:0;
    pointer-events:none;
    position:absolute
}
.ods-checkbox__input:disabled+*{
    cursor:default
}
.ods-checkbox__label-wrapper{
    cursor:pointer;
    position:relative;
    display:flex;
    gap:.5rem
}
.ods-checkbox__label-wrapper:before{
    content:"";
    display:block;
    width:1.5rem;
    height:1.5rem;
    border-radius:.25rem;
    border:.125rem solid transparent;
    box-shadow:0 0 0 .0625rem #636d79;
    background:#fff;
    flex-shrink:0
}
.ods-checkbox__label-wrapper:hover:before,.ods-checkbox__label-wrapper:focus:before{
    border-color:#2466eb;
    box-shadow:none
}
.ods-checkbox__label-content{
    margin-top:.125rem;
    color:#636d79;
    font-family:LidlFontPro,sans-serif;
    font-weight:500;
    font-size:.875rem;
    line-height:1.25rem;
    letter-spacing:0rem
}
.ods-checkbox__label:focus-within:has(:focus-visible){
    position:relative;
    outline:solid .125rem var(--ods-component-browser-focus-border-color-inner, #0050aa);
    outline-offset:.125rem;
}
.ods-checkbox__label:focus-within:has(:focus-visible):before{
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    outline:solid .125rem var(--ods-component-browser-focus-border-color-outer, #ffffff);
    outline-offset:.25rem;
    pointer-events:none;
}
.ods-checkbox__label-slot{
    display:block;
    margin:.5rem 0 0
}
.ods-checkbox__label-slot:first-child{
    margin:0
}
.ods-checkbox--error .ods-checkbox__label-wrapper{
    color:#e60a14
}
.ods-checkbox--error .ods-checkbox__label-wrapper:before{
    box-shadow:0 0 0 .0625rem #e60a14
}
.ods-checkbox--error .ods-checkbox__label-wrapper:hover:before,.ods-checkbox--error .ods-checkbox__label-wrapper:focus:before{
    border-color:#e60a14;
    box-shadow:none
}
.ods-checkbox--error .ods-checkbox__input:checked~.ods-checkbox__label-wrapper:before{
    border-color:#e60a14;
    box-shadow:none
}
.ods-checkbox--error .ods-checkbox__input:checked~.ods-checkbox__label-wrapper:after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='22' height='22' x='1' y='1' fill='%23E60A14' rx='4'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M18.56 9.56a1.5 1.5 0 1 0-2.12-2.12l-5.94 5.939-2.94-2.94a1.5 1.5 0 0 0-2.12 2.121l3.984 3.985.015.016a1.5 1.5 0 0 0 2.122 0z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}
.ods-checkbox--error .ods-checkbox__input:checked~.ods-checkbox__label-wrapper:hover:after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='22' height='22' x='1' y='1' fill='%23E60A14' rx='4'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M18.56 9.56a1.5 1.5 0 1 0-2.12-2.12l-5.94 5.939-2.94-2.94a1.5 1.5 0 0 0-2.12 2.121l3.984 3.985.015.016a1.5 1.5 0 0 0 2.122 0z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}
.ods-checkbox__input:checked~.ods-checkbox__label-wrapper:before{
    border-color:#1353d2;
    box-shadow:none
}
.ods-checkbox__input:checked~.ods-checkbox__label-wrapper:after{
    content:"";
    display:block;
    position:absolute;
    width:1.5rem;
    height:1.5rem;
    flex-shrink:0;
    border-radius:.25rem;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect width='22' height='22' x='1' y='1' fill='%232466EB' rx='4'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M18.988 6.871a1.5 1.5 0 0 1 .14 2.117l-7.001 8a1.5 1.5 0 0 1-2.11.147l-4.998-4.323a1.5 1.5 0 0 1 1.962-2.269l3.87 3.347 6.02-6.878a1.5 1.5 0 0 1 2.117-.14' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat:no-repeat
}
.ods-checkbox__input:checked~.ods-checkbox__label-wrapper:hover:after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect width='22' height='22' x='1' y='1' fill='%231353D2' rx='4'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M18.988 6.871a1.5 1.5 0 0 1 .14 2.117l-7.001 8a1.5 1.5 0 0 1-2.11.147l-4.998-4.323a1.5 1.5 0 0 1 1.962-2.269l3.87 3.347 6.02-6.878a1.5 1.5 0 0 1 2.117-.14' clip-rule='evenodd'/%3E%3C/svg%3E")
}
.ods-checkbox__input:disabled~.ods-checkbox__label-wrapper:before{
    border-color:transparent;
    box-shadow:0 0 0 .0625rem #8c96a1;
    background:#f1f2f4
}
.ods-checkbox__input:disabled~.ods-checkbox__label-wrapper:hover:before,.ods-checkbox__input:disabled~.ods-checkbox__label-wrapper:focus:before{
    border-color:transparent;
    box-shadow:0 0 0 .0625rem #8c96a1
}
.ods-checkbox__input:checked:disabled~.ods-checkbox__label-wrapper:before{
    opacity:.3;
    border-color:transparent;
    box-shadow:none
}
.ods-checkbox__input:checked:disabled~.ods-checkbox__label-wrapper:after{
    opacity:.3;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect width='22' height='22' x='1' y='1' fill='%232466EB' rx='4'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M18.988 6.871a1.5 1.5 0 0 1 .14 2.117l-7.001 8a1.5 1.5 0 0 1-2.11.147l-4.998-4.323a1.5 1.5 0 0 1 1.962-2.269l3.87 3.347 6.02-6.878a1.5 1.5 0 0 1 2.117-.14' clip-rule='evenodd'/%3E%3C/svg%3E")
}

/* end ODS Checkbox style */
/* ODS Select */
.ods-select{
    display:block;
    --ods-select-box-shadow: 0 0 0 .0625rem #636d79;
    --ods-select-background: rgba(255, 255, 255, 0);
    --ods-select-border-color: transparent;
    --ods-select-label-color: #636d79;
    --ods-select-icon-color: #636d79;
    --ods-select-label-top: 50%;
    --ods-select-label-transform: translateY(-50%);
    --ods-select-padding: 1.5rem 1rem .25rem 1rem
}
.ods-select--error{
    --ods-select-box-shadow: none;
    --ods-select-border-color: #e60a14 !important;
    --ods-select-label-color: #ad080f;
    --ods-select-icon-color: #e60a14
}
.ods-select--success{
    --ods-select-box-shadow: none;
    --ods-select-border-color: #00a170 !important;
    --ods-select-label-color: #00704e;
    --ods-select-icon-color: #00a170
}
.ods-select--disabled{
    --ods-select-box-shadow: 0 0 0 .0625rem #636d79;
    --ods-select-label-color: #636d79;
    --ods-select-icon-color: #636d79;
    opacity:.3
}
.ods-select:focus-within{
    --ods-select-box-shadow: none;
    --ods-select-border-color: #2466eb
}
.ods-select:focus-within .ods-select__label-text{
    top:.5rem;
    transform:none;
    font-family:LidlFontPro,sans-serif;
    font-weight:500;
    font-size:.8125rem;
    line-height:1.25rem;
    letter-spacing:.015625rem
}
@media (min-width: 90rem){
    .ods-select:focus-within .ods-select__label-text{
        font-size:.875rem;
        line-height:1.25rem;
        letter-spacing:.015625rem
    }
}
.ods-select:focus-within:not(.ods-select:focus-within--error):not(.ods-select:focus-within--success):not(.ods-select:focus-within--disabled){
    --ods-select-label-color: #2466eb
}
.ods-select:not(.ods-select--error):not(.ods-select--success):not(.ods-select--disabled) .ods-select__label:hover{
    --ods-select-box-shadow: none;
    --ods-select-label-color: #2466eb;
    --ods-select-border-color: #2466eb
}
.ods-select__input{
    border-radius:.25rem;
    background:var(--ods-select-background);
    padding:var(--ods-select-padding);
    border:solid .125rem var(--ods-select-border-color);
    box-shadow:var(--ods-select-box-shadow);
    outline-style:none;
    caret-color:#2466eb;
    width:100%;
    vertical-align:middle;
    resize:vertical;
    color:#1e2124;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    font-family:LidlFontPro,sans-serif;
    font-weight:500;
    font-size:1rem;
    line-height:1.5rem;
    letter-spacing:0rem
}
.ods-select__input:disabled{
    cursor:default
}
@media (min-width: 90rem){
    .ods-select__input{
        font-size:1.125rem;
        line-height:1.75rem;
        letter-spacing:0rem
    }
}
.ods-select__input:has(.ods-select__option:checked:not([value]))~.ods-select__label-text,.ods-select__input:has(.ods-select__option:checked:not([value=""]))~.ods-select__label-text,.ods-select__input:-webkit-autofill~.ods-select__label-text{
    top:.5rem;
    transform:none;
    font-family:LidlFontPro,sans-serif;
    font-weight:500;
    font-size:.8125rem;
    line-height:1.25rem;
    letter-spacing:.015625rem
}
@media (min-width: 90rem){
    .ods-select__input:has(.ods-select__option:checked:not([value]))~.ods-select__label-text,.ods-select__input:has(.ods-select__option:checked:not([value=""]))~.ods-select__label-text,.ods-select__input:-webkit-autofill~.ods-select__label-text{
        font-size:.875rem;
        line-height:1.25rem;
        letter-spacing:.015625rem
    }
}
.ods-select__label{
    position:relative;
    display:block
}
.ods-select__label:focus-within:has(:focus-visible){
    position:relative;
    outline:solid .125rem var(--ods-component-browser-focus-border-color-inner, #0050aa);
    outline-offset:.125rem
}
.ods-select__label:focus-within:has(:focus-visible):before{
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    outline:solid .125rem var(--ods-component-browser-focus-border-color-outer, #ffffff);
    outline-offset:.25rem;
    pointer-events:none
}
.ods-select__label-text{
    position:absolute;
    left:1.125rem;
    transition:all .2s ease-in-out;
    color:var(--ods-select-label-color);
    pointer-events:none;
    top:var(--ods-select-label-top);
    transform:var(--ods-select-label-transform);
    font-family:LidlFontPro,sans-serif;
    font-weight:500;
    font-size:1rem;
    line-height:1.5rem;
    letter-spacing:0rem
}
@media (min-width: 90rem){
    .ods-select__label-text{
        font-size:1.125rem;
        line-height:1.75rem;
        letter-spacing:0rem
    }
}
.ods-select__icon{
    display:inline-block;
    position:absolute;
    top:50%;
    right:1rem;
    transform:translateY(-50%);
    width:1.5rem;
    height:1.5rem;
    flex-shrink:0;
    fill:var(--ods-select-icon-color)
}
.ods-select__icon svg{
    width:100%;
    height:100%;
    fill:inherit;
    display:block
}
.ods-select__icon svg path{
    fill:inherit
}
.ods-select__hint{
    margin-top:.25rem
} 
/* end ODS Select */
/* ODS Input Steeper */
.ods-input-stepper{
    --ods-input-stepper-background-color: rgba(255, 255, 255, 0);
    --ods-input-stepper-border-color: transparent;
    --ods-input-stepper-box-shadow: #8c96a1;
    --ods-input-stepper-border-active-color: #2466eb;
    --ods-input-stepper-button-main-color: rgba(255, 255, 255, 0);
    --ods-input-stepper-button-active-color: #f1f2f4;
    --ods-input-stepper-button-focus-color: #f1f2f4;
    --ods-input-stepper-button-icon-color: #1e2124;
    --ods-input-stepper-input-font-color: #1e2124;
    --ods-input-stepper-input-font-color-focused: #2466eb;
    --ods-input-stepper-button-caret-color: #2466eb
}
.ods-input-stepper--error{
    --ods-input-stepper-border-color: #e60a14;
    --ods-input-stepper-box-shadow: transparent
}
.ods-input-stepper--theme-inverse{
    --ods-input-stepper-box-shadow: #2466eb;
    --ods-input-stepper-background-color: #2466eb;
    --ods-input-stepper-border-color: #2466eb;
    --ods-input-stepper-border-active-color: #2466eb;
    --ods-input-stepper-button-main-color: #2466eb;
    --ods-input-stepper-button-active-color: #1353d2;
    --ods-input-stepper-button-focus-color: #1353d2;
    --ods-input-stepper-button-icon-color: white;
    --ods-input-stepper-input-font-color: white;
    --ods-input-stepper-input-font-color-focused: white;
    --ods-input-stepper-button-caret-color: white
}
.ods-input-stepper--disabled{
    opacity:.3
}
.ods-input-stepper__wrapper{
    position:relative;
    width:8.3125rem
}
.ods-input-stepper__wrapper:focus-within{
    position:relative;
    outline:solid .125rem var(--ods-component-browser-focus-border-color-inner, #0050aa);
    outline-offset:.125rem
}
.ods-input-stepper__wrapper:focus-within:before{
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    outline:solid .125rem var(--ods-component-browser-focus-border-color-outer, #ffffff);
    outline-offset:.25rem;
    pointer-events:none
}
.ods-input-stepper__container{
    border-radius:62.4375rem;
    border:.125rem solid var(--ods-input-stepper-border-color);
    box-shadow:0 0 0 .0625rem var(--ods-input-stepper-box-shadow);
    background:var(--ods-input-stepper-background-color);
    height:2.75rem
}
.ods-input-stepper__container:focus-within{
    border-color:var(--ods-input-stepper-border-active-color);
    box-shadow:none
}
.ods-input-stepper--theme-inverse .ods-input-stepper__container:focus-within{
    box-shadow:0 0 0 .0625rem var(--ods-input-stepper-box-shadow)
}
.ods-input-stepper__hint{
    margin-top:.5rem;
    width:8.3125rem
}
.ods-input-stepper__label{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    height:100%
}
.ods-input-stepper__icon{
    fill:var(--ods-input-stepper-button-icon-color);
    width:1rem;
    height:1rem
}
.ods-input-stepper__button{
    all:unset;
    border-radius:62.4375rem;
    width:2.375rem;
    height:2.375rem;
    flex-flow:row nowrap;
    justify-content:center;
    align-items:center;
    top:50%;
    z-index:1;
    transform:translateY(-50%);
    background-color:var(--ods-input-stepper-button-main-color);
    color:var(--ods-button-font-color);
    cursor:pointer;
    position:relative;
    display:block
}

@media screen and (hover: none){
    .ods-input-stepper__button:after{
        content:"";
        position:absolute;
        top:50%;
        left:50%;
        min-width:2.75rem;
        min-height:2.75rem;
        width:auto;
        height:auto;
        transform:translate(-50%,-50%)
    }
}
.ods-input-stepper__button{
    position:absolute;
    display:inline-flex
}
.ods-input-stepper__button[disabled]{
    cursor:not-allowed;
    opacity:.5
}
.ods-input-stepper__button:hover,.ods-input-stepper__button:focus{
    background-color:var(--ods-input-stepper-button-focus-color)
}
.ods-input-stepper__button:active{
    background-color:var(--ods-input-stepper-button-active-color)
}
.ods-input-stepper__button--decrement{
    left:.1875rem
}
.ods-input-stepper__button--increment{
    right:.1875rem
}
.ods-input-stepper__input{
    border:none;
    outline:none;
    caret-color:var(--ods-input-stepper-button-caret-color);
    color:var(--ods-input-stepper-input-font-color);
    vertical-align:middle;
    text-align:center;
    width:2.0625rem;
    background:transparent;
    padding:.375rem .5rem;
    box-sizing:content-box;
    font-family:LidlFontPro,sans-serif;
    font-weight:600;
    font-size:1rem;
    line-height:1.5rem;
    letter-spacing:0rem
}
@media (min-width: 90rem){
    .ods-input-stepper__input{
        font-size:1.125rem;
        line-height:1.75rem;
        letter-spacing:0rem
    }
}
.ods-input-stepper__input:focus{
    color:var(--ods-input-stepper-input-font-color-focused)
}
.ods-input-stepper__quantity-info{
    margin-top:.5rem;
    color:#1e2124;
    font-family:LidlFontPro,sans-serif;
    font-weight:500;
    font-size:.6875rem;
    line-height:1rem;
    letter-spacing:.0187500007rem
}
@media (min-width: 90rem){
    .ods-input-stepper__quantity-info{
        font-size:.8125rem;
        line-height:1.25rem;
        letter-spacing:.015625rem
    }
}
/* ODS Input Steeper */