:root {
	--v-anchor-base: #00a1b2;
	--v-primary-base: #1b2124;
	--v-secondary-base: #424242;
	--v-accent-base: #82b1ff;
	--v-error-base: #ff5252;
	--v-info-base: #1a68ff;
	--v-success-base: #28874e;
	--v-warning-base: #FB6000;
	--v-action50-base: #ebfffd;
	--v-action100-base: #cdfffd;
	--v-action200-base: #a1ffff;
	--v-action300-base: #60fdff;
	--v-action400-base: #18f0f8;
	--v-action500-base: #00d3de;
	--v-action600-base: #00a1b2;
	--v-action700-base: #088596;
	--v-action800-base: #106a7a;
	--v-action900-base: #125867;
	--v-action950-base: #053b47;
	--v-alert-base: #f06d00;
	--v-alertlight-base: #ffdbbd;
	--v-alertlighter-base: #fff1e5;
	--v-danger-base: #c51900;
	--v-dangerlight-base: #ffc5bd;
	--v-dangerlighter-base: #ffe9e5;
	--v-dangerdark-base: #660d00;
	--v-decorative-base: #D1A324;
	--v-decorativelight-base: #fff1b3;
	--v-infolight-base: #bdd3ff;
	--v-infolighter-base: #e5eeff;
	--v-neutreblanc-base: #ffffff;
	--v-neutre50-base: #f6f6f6;
	--v-neutre100-base: #e7e7e7;
	--v-neutre200-base: #d1d1d1;
	--v-neutre300-base: #b0b0b0;
	--v-neutre400-base: #888888;
	--v-neutre500-base: #6d6d6d;
	--v-neutre600-base: #5d5d5d;
	--v-neutre700-base: #4f4f4f;
	--v-neutre800-base: #424242;
	--v-neutre900-base: #3d3d3d;
	--v-neutre950-base: #262626;
	--v-successlight-base: #a1ffff;
	--v-successdark-base: #106a7a;
	--v-promo-base: #fbc9c5;
	--v-xdark-base: #053b47;
	--v-xred-base: #e41f11;
	--v-xblue-base: #00a1b2;
	--mud-palette-primary: #00a1b2 !important;
	--mud-palette-primary-hover: rgba(#60fdff,0.058823529411764705);
	--rz-input-focus-border: #00a1b2 !important;
	--rz-form-field-focus-shadow: inset 0 0 0 1px #00a1b2 !important;
}
/*
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&display=swap);
*/
.exit-point-wrapper {
	max-width: 440px;
	margin: 100px auto 100px auto
}

	.exit-point-wrapper h1, .exit-point-wrapper h2 {
		text-align: center;
		line-height: 120%
	}

	.exit-point-wrapper .cta-btn.cta-secondary, .exit-point-wrapper .cta-primary, .exit-point-wrapper h2 {
		margin-top: 24px
	}

	.exit-point-wrapper .debug {
		display: block;
		text-align: center;
		font-weight: 700;
		font-size: 14px;
		color: var(--v-xblue-base)
	}

	.exit-point-wrapper .bottom-link {
		display: block;
		width: 100%;
		text-align: center;
		font-weight: 700;
		margin: 20px auto
	}

	.exit-point-wrapper .promo-item {
		margin-top: 24px
	}

	.exit-point-wrapper.is-tiny {
		margin-top: 80px;
		padding: 0 16px
	}

		.exit-point-wrapper.is-tiny h1, .exit-point-wrapper.is-tiny h2 {
			font-size: 24px;
			text-align: left
		}

		.exit-point-wrapper.is-tiny h2 {
			font-size: 18px
		}

.app-header-wrapper {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between
}

	.app-header-wrapper .belron-logo {
		outline: 2px solid transparent;
		border-radius: 2px;
		margin-left: 10px;
		padding: 2px;
		max-height: 51px
	}

		.app-header-wrapper .belron-logo img {
			width: 105px
		}

			.app-header-wrapper .belron-logo img:hover {
				cursor: pointer
			}

			.app-header-wrapper .belron-logo img.is-tiny {
				margin-left: 0
			}

		.app-header-wrapper .belron-logo:focus-visible {
			outline: 2px solid var(--v-info-base)
		}

	.app-header-wrapper.is-tiny {
		justify-content: inherit
	}

		.app-header-wrapper.is-tiny .belron-logo {
			width: 75%;
			text-align: center
		}

.belron-inc-element {
	color: var(--v-neutre500-base);
	width: 100%;
	text-align: left !important;
	padding: 9px 0;
	line-height: 2rem;
	font-size: 14px !important;
	font-weight: 400;
	letter-spacing: normal !important
}

	.belron-inc-element p {
		margin-bottom: 0 !important
	}

	.belron-inc-element .experiment-label {
		font-size: 9px;
		font-style: italic;
		line-height: 12px
	}

#app-footer {
	background-color: var(--v-neutre100-base) !important;
	position: absolute;
	bottom: 0;
	width: 100%
}

	#app-footer .footer-external-link {
		color: var(--v-neutre500-base);
		text-transform: unset !important;
		font-size: 14px;
		font-weight: 400
	}

.v-text-field .v-label--active:not(.error--text), .x-select .v-label--active:not(.error--text), .x-text .v-label--active:not(.error--text), .x-textarea .v-label--active:not(.error--text) {
	color: var(--v-xdark-base)
}

html {
	scroll-behavior: smooth
}

.step-title {
	font-size: 32px;
	font-weight: 700;
	margin-top: 35px;
	padding: 0;
	text-align: center;
	color: var(--v-xdark-base) !important
}

	.step-title.is-tiny {
		font-size: 24px;
		font-weight: 700;
		margin-top: 24px;
		padding: 0 14px !important;
		text-align: left;
		line-height: 30px
	}

.step-subtitle {
	color: var(--v-xdark-base);
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 0
}

	.step-subtitle.is-tiny {
		font-size: 18px;
		text-align: left;
		margin-top: 15px;
		padding: 0 16px
	}

[disabled] {
	cursor: default;
	color: var(--v-neutre300-base);
}

.v-btn {
	letter-spacing: normal !important
}

.v-btn {
	align-items: center;
	border-radius: 4px;
	display: inline-flex;
	flex: 0 0 auto;
	font-weight: 500;
	letter-spacing: .0892857143em;
	justify-content: center;
	outline: 0;
	position: relative;
	text-decoration: none;
	text-indent: .0892857143em;
	text-transform: uppercase;
	transition-duration: .28s;
	transition-property: box-shadow,transform,opacity;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
	white-space: nowrap
}

	.v-btn.v-size--x-small {
		font-size: .625rem
	}

	.v-btn.v-size--small {
		font-size: .75rem
	}

	.v-btn.v-size--default,
	.v-btn.v-size--large {
		font-size: .875rem
	}

	.v-btn.v-size--x-large {
		font-size: 1rem
	}

	.v-btn:before {
		border-radius: inherit;
		bottom: 0;
		color: inherit;
		content: "";
		left: 0;
		opacity: 0;
		pointer-events: none;
		position: absolute;
		right: 0;
		top: 0;
		transition: opacity .2s cubic-bezier(.4,0,.6,1);
		background-color: currentColor
	}

	.v-btn:not(.v-btn--disabled) {
		will-change: box-shadow;
	}

	.v-btn:not(.v-btn--round).v-size--x-small {
		height: 20px;
		min-width: 36px;
		padding: 0 8.8888888889px
	}

	.v-btn:not(.v-btn--round).v-size--small {
		height: 28px;
		min-width: 50px;
		padding: 0 12.4444444444px
	}

	.v-btn:not(.v-btn--round).v-size--default {
		height: 36px;
		min-width: 64px;
		padding: 0 16px
	}

	.v-btn:not(.v-btn--round).v-size--large {
		height: 44px;
		min-width: 78px;
		padding: 0 19.5555555556px
	}

	.v-btn:not(.v-btn--round).v-size--x-large {
		height: 52px;
		min-width: 92px;
		padding: 0 23.1111111111px
	}

	.v-btn > .v-btn__content .v-icon {
		color: inherit
	}

.v-btn__content {
	align-items: center;
	color: inherit;
	display: flex;
	flex: 1 0 auto;
	justify-content: inherit;
	line-height: normal;
	position: relative
}

	.v-btn__content .v-icon--left,
	.v-btn__content .v-icon--right {
		font-size: 18px;
		height: 18px;
		width: 18px
	}

.v-btn.v-btn--disabled:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
	background-color: var(--v-neutre100-base) !important;
	border: 2px solid var(--v-neutre100-base) !important
}

	.v-btn.v-btn--disabled:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined):after, .v-btn.v-btn--disabled:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined):before {
		content: none
	}

.cta-btn {
	flex-grow: 1;
	display: flex;
	height: 56px !important;
	align-content: center;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 16px !important;
	font-weight: 700;
	padding: 16px;
	border-radius: 8px;
	transition: all .1s ease-in-out;
	text-transform: inherit
}

	.cta-btn:hover {
		cursor: pointer
	}

	.cta-btn:focus-visible:before {
		content: none
	}

	.cta-btn:focus-visible:after {
		content: " ";
		position: absolute;
		z-index: 1;
		border-radius: 10px;
		top: -5px;
		left: -5px;
		right: -5px;
		bottom: -5px;
		border: 2px solid var(--v-info-base);
		box-shadow: inherit !important
	}

	.cta-btn:focus {
		box-shadow: inherit !important
	}

		.cta-btn:active:after, .cta-btn:active:before, .cta-btn:focus:before {
			content: none
		}

	.cta-btn, .cta-btn.cta-primary, .cta-btn.cta-tertiary {
		transition: all .1s ease-in-out
	}

		.cta-btn.cta-primary {
			color: var(--v-neutreblanc-base) !important;
			background: var(--v-action600-base) 0% 0% no-repeat padding-box !important;
			background-image: linear-gradient(137deg, var(--v-action600-base) 59%, rgba(var(--v-decorative-base), 0.33) 100%) !important;
			background-size: cover;
			background-position: 50%;
			background-repeat: no-repeat;
			transition: all .1s ease-in-out;
			border: none !important;
			box-shadow: 0 6px 6px rgba(var(--v-action800-base),.15);
			width: 100%;
			margin-bottom: 20px !important;
		}

			.cta-btn.cta-primary.btn-modal {
				width: inherit
			}

			.cta-btn.cta-primary.v-btn--disabled {
				cursor: inherit;
				border: 2px solid var(--v-neutre100-base) !important;
				color: var(--v-neutre300-base) !important;
				box-shadow: none
			}

				.cta-btn.cta-primary.v-btn--disabled:focus:after, .cta-btn.cta-primary.v-btn--disabled:focus:before {
					content: none
				}

			.cta-btn.cta-primary:hover {
				border: 2px solid var(--v-action800-base) !important;
				background-color: var(--v-action800-base) !important;
				color: var(--v-action100-base);
				box-shadow: inherit !important
			}

		.cta-btn.cta-secondary {
			box-shadow: inherit;
			color: var(--v-action600-base);
			border: 2px solid var(--v-action600-base);
			background-color: var(--v-neutreblanc-base) !important;
			transition: background-color .2s,color .2s,border .2s
		}

			.cta-btn.cta-secondary:hover {
				color: var(--v-action800-base);
				border: 2px solid var(--v-action800-base);
				background-color: var(--v-action50-base) !important;
			}

			.cta-btn.cta-secondary:focus {
				background-color: var(--v-neutreblanc-base) !important;
				box-shadow: inherit !important
			}

			.cta-btn.cta-secondary:active {
				color: var(--v-action700-base);
				border: 2px solid var(--v-action700-base);
				background-color: var(--v-action100-base) !important
			}

				.cta-btn.cta-secondary:active:after, .cta-btn.cta-secondary:active:before {
					content: none
				}

		.cta-btn.cta-tertiary {
			color: var(--v-neutre500-base);
			background-color: var(--v-neutreblanc-base) !important;
			transition: all .1s ease-in-out;
			border: 2px solid var(--v-neutre200-base);
			box-shadow: 10px 5px 5px rgba(109,109,109,.45);
			width: 100%;
			margin-top: 5px !important;
			margin-bottom: -15px !important;
		}

			.cta-btn.cta-tertiary.btn-modal {
				width: inherit
			}

			.cta-btn.cta-tertiary.v-btn--disabled {
				cursor: inherit;
				border: 2px solid var(--v-neutre500-base) !important;
				color: var(--v-neutre300-base) !important;
				box-shadow: none
			}

				.cta-btn.cta-tertiary.v-btn--disabled:focus:after, .cta-btn.cta-tertiary.v-btn--disabled:focus:before {
					content: none
				}

			.cta-btn.cta-tertiary:hover {
				cursor: pointer;
				border: 2px solid var(--v-neutre300-base) !important;
				background-color: var(--v-neutre100-base) !important;
				box-shadow: inherit !important;
			}

.back-to-website {
	display: block;
	font-size: 16px;
	font-weight: 700;
	margin-top: 24px !important;
	margin-bottom: 4px !important;
	color: var(--v-xblue-base);
	text-decoration: underline;
	margin: auto;
	text-align: center
}

	.back-to-website:focus-visible {
		width: calc(100% - 4px);
		border-radius: 4px;
		outline: 2px solid var(--v-info-base)
	}

.lang-switcher {
	font-weight: 700 !important;
	font-size: 16px !important
}

	.lang-switcher:focus-visible {
		outline: 2px solid var(--v-info-base)
	}

.component-title {
	font-size: 18px;
	line-height: 24px;
	font-weight: 700
}

	.component-title.is-small {
		line-height: 20px
	}

	.component-title.is-tiny {
		line-height: 24px;
		font-size: 18px
	}

.component-subtitle {
	font-size: 15px;
	line-height: 18px
}

	.component-subtitle.is-small {
		font-weight: unset
	}

.primary-text {
	font-size: 15px;
	color: var(--v-xdark-base);
	font-weight: 400
}

.primary-text, .secondary-text {
	font-size: 15px
}

.element-text {
	font-size: 14px
}

.tiny-text {
	font-size: 9px;
	font-style: italic
}

	.tiny-text.is-small {
		font-size: 6px
	}


.font-weight-bold {
	font-weight: 600 !important
}

a.link {
	font-size: 15px !important;
	text-decoration: none;
	position: relative
}

	a.link:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 1px;
		bottom: -2px;
		left: 0;
		background-color: var(--v-xdark-base);
		visibility: hidden;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transition: all .2s ease-in-out 0s;
		transition: all .2s ease-in-out 0s
	}

	a.link:hover:before {
		visibility: visible;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	a.link.is-small {
		font-size: 12px !important
	}

.row {
	margin-left: 0 !important;
	margin-right: 0 !important
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-lg, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-md, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-sm, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto, .col-xl, .col {
	padding: 0 !important
}

.show-heading h1, .show-heading h2, .show-heading h3 {
	position: relative;
	border-radius: 4px
}

	.show-heading h1:before, .show-heading h2:before, .show-heading h3:before {
		font-size: 14px;
		font-weight: 700;
		position: absolute;
		top: calc(50% - 10px);
		right: 4px;
		padding: 0 4px;
		background-color: var(--v-neutreblanc-base)
	}

.show-heading h1 {
	border: 1px solid red !important
}

	.show-heading h1:before {
		content: "h1";
		color: red
	}

.show-heading h2 {
	border: 1px solid var(--v-info-base) !important
}

	.show-heading h2:before {
		content: "h2";
		color: var(--v-info-base)
	}

.show-heading h3 {
	border: 1px solid var(--v-accent-base) !important
}

	.show-heading h3:before {
		content: "h3";
		color: var(--v-accent-base)
	}

@media only screen and (min-width:68.75em) and (pointer:fine) {
	.c_byscuitMode #cm {
		padding: 20px 30px !important
	}
}

.c_byscuitMode #c-inr-i {
	flex: 1
}

.c_byscuitMode #c-bns button {
	white-space: nowrap
}

@media only screen and (min-width:68.75em) and (pointer:fine) {
	.c_byscuitMode #cm.bar #c-inr {
		min-width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center
	}
}

.c_byscuitMode #cm.bar #c-inr #c-ttl {
	margin: 0;
	font-size: 1.2em
}

@media only screen and (min-width:68.75em) and (pointer:fine) {
	.c_byscuitMode #cm.bar #c-inr #c-ttl {
		margin-bottom: 10px
	}
}

.c_byscuitMode #cm.bar #c-inr #c-txt {
	font-size: .8em;
	max-width: 1000px
}

.c_byscuitMode #cm.bar #c-inr #c-bns {
	margin-top: 10px
}

@media only screen and (min-width:68.75em) and (pointer:fine) {
	.c_byscuitMode #cm.bar #c-inr #c-bns {
		margin: 0;
		height: 45px;
		width: 380px
	}
}

@media only screen and (min-width:90em) {
	.c_byscuitMode #cm.bar #c-inr #c-bns {
		margin-right: 250px
	}
}

.c_byscuitMode #cm.bar #c-inr #c-bns button {
	padding: 10px;
	font-size: .8em;
	line-height: 1
}

.c_byscuitMode #cm.bar #c-inr #c-bns #c-s-bn {
	text-decoration: underline
}

.c_byscuitMode #s-rall-bn {
	display: none
}

.c_byscuitMode label.b-tg {
	text-indent: 0 !important
}

.c_byscuitMode input.c-tgl {
	background: none !important
}

.c_byscuitMode button.b-tl:focus {
	border: none
}

#step-alchemist {
	box-shadow: unset !important
}

	#step-alchemist.is-small {
		padding-bottom: 0
	}

#step-content-container.is-small {
	padding: 6px 18px;
	border-bottom: unset
}

#step-content-container.is-tiny {
	padding: 0
}

.step-navigation-wrapper {
	max-width: 440px;
	display: flex;
	margin: auto
}

	.step-navigation-wrapper .next-step-btn-wrapper {
		flex-grow: 1
	}

	.step-navigation-wrapper .previous-step-btn-wrapper {
		display: flex
	}

		.step-navigation-wrapper .previous-step-btn-wrapper .previous-step-btn {
			height: 56px;
			min-width: 0;
			padding: 0;
			padding-right: 32px;
			text-align: left;
			justify-content: flex-start;
			color: var(--v-neutre800-base);
			margin-bottom: 20px;
			background-color: var(--v-neutreblanc-base) !important
		}

			.step-navigation-wrapper .previous-step-btn-wrapper .previous-step-btn span {
				padding-right: 4px;
				padding-left: 2px;
				outline: 2px solid transparent
			}

			.step-navigation-wrapper .previous-step-btn-wrapper .previous-step-btn:focus-visible span {
				border-radius: 4px;
				outline: 2px solid var(--v-info-base)
			}

			.step-navigation-wrapper .previous-step-btn-wrapper .previous-step-btn.disabled {
				color: var(--v-neutre300-base)
			}

				.step-navigation-wrapper .previous-step-btn-wrapper .previous-step-btn.disabled:hover {
					cursor: default;
					text-decoration: none
				}

			.step-navigation-wrapper .previous-step-btn-wrapper .previous-step-btn:before {
				background-color: inherit
			}

			.step-navigation-wrapper .previous-step-btn-wrapper .previous-step-btn:hover {
				cursor: pointer;
				text-decoration: underline;
				background-color: var(--v-neutreblanc-base) !important
			}

	.step-navigation-wrapper .step-nav-btn {
		font-size: 16px;
		text-transform: inherit;
		font-weight: 700;
		letter-spacing: normal !important
	}

	.step-navigation-wrapper.is-tiny {
		margin: 0;
		padding: 0 16px
	}

		.step-navigation-wrapper.is-tiny .container {
			padding: 0
		}

			.step-navigation-wrapper.is-tiny .container .step-navigation-wrapper {
				padding: 0 16px
			}

		.step-navigation-wrapper.is-tiny .v-btn {
			display: inline-block;
			min-height: 56px
		}

			.step-navigation-wrapper.is-tiny .v-btn span {
				font-size: 16px;
				font-weight: 700 !important
			}

.v-btn {
	margin: 0 !important;
	font-weight: 700
}

.container {
	padding-left: 0;
	padding-right: 0
}

.v-btn.v-btn--disabled .v-btn__loading, .v-btn.v-btn--disabled .v-icon, .v-btn.v-btn--disabled {
	color: var(--v-neutre300-base) !important
}

.no-transition .v-stepper__content {
	transition: none !important
}

.v-stepper {
	background-color: var(--v-neutreblanc-base) !important;
	box-shadow: unset !important
}

.layout-container, .v-stepper__content {
	padding: 0
}

* {
	font-family: 'Franklin Gothic'
}

ol, ul {
	padding-left: 36px;
	margin-left: 3px;
	list-style-type: none
}

	ol li:not(.pg-social):before, ul li:not(.pg-social):before {
		/*content: "\279E\A0\A0";*/
		font-weight: 900;
		font-size: 15px;
		margin: 3px 0 0 -27px;
		color: var(--v-xblue-base) !important
	}

.v-expansion-panel, .v-sheet {
	border-radius: unset !important
}

.v-expansion-panel-content__wrap {
	padding: 0 !important
}

.v-stepper__content {
	display: block !important
}

.v-card__title {
	line-height: unset !important
}

.v-btn--block {
	margin: 6px 0
}

.v-text-field input, textarea {
	font-size: 15px !important;
	line-height: 15px !important
}

.v-fade-trandition-leave-active, .v-fade-transition-enter-active {
	transition: all 10s ease
}

.v-fade-transition-enter-to, .v-fade-transition-leave-to {
	opacity: 0
}

.v-footer {
	background-color: var(--v-neutreblanc-base) !important;
	padding: unset !important
}

	.v-footer .v-card__title {
		padding: 8px !important
	}

	.v-footer .v-list-item {
		padding: 0 3px !important
	}

		.v-footer .v-list-item .v-list-item__action {
			min-width: unset;
			margin: 0 6px 0 0 !important
		}

	.v-footer.is-small .v-divider {
		margin: 0 3px !important
	}

	.v-footer.is-small .v-list-item {
		padding: 0 3px !important
	}

		.v-footer.is-small .v-list-item .v-list-item__action {
			min-width: unset
		}

	.v-footer.is-small .v-chip .v-chip__content {
		padding: 0 3px !important
	}

.v-list .v-input, .v-list .v-input__slot {
	padding: 12px 0 !important
}

.v-text-field .v-input__append-outer, .v-text-field .v-input__prepend-outer {
	margin-top: 8px
}

.v-navigation-drawer .v-list a {
	text-decoration: none !important
}

.v-list--dense {
	padding-top: 0 !important;
	padding-bottom: 0 !important
}

.v-form > .container {
	padding: 0 !important
}

.v-timeline--dense .v-timeline-item--left .v-card:after, .v-timeline--dense .v-timeline-item--left .v-card:before, .v-timeline--dense .v-timeline-item:nth-child(odd):not(.v-timeline-item--right) .v-card:after, .v-timeline--dense .v-timeline-item:nth-child(odd):not(.v-timeline-item--right) .v-card:before {
	left: -9px !important
}

.v-speed-dial__list > * {
	margin-bottom: 0 !important
}

.v-app-bar.v-toolbar.v-sheet {
	border-bottom: 1px solid var(--v-neutre200-base) !important
}

.v-application--is-ltr .v-list-item__action:first-child:not(.custom-item-icon), .v-application--is-ltr .v-list-item__icon:first-child:not(.custom-item-icon) {
	margin-right: 0 !important
}

.v-application--is-ltr .v-list-item__action:first-child.custom-item-icon.is-tiny, .v-application--is-ltr .v-list-item__icon:first-child.custom-item-icon.is-tiny {
	margin-right: 20px !important
}

.v-application--is-ltr .v-list-item__action:first-child.custom-item-icon:not(.is-tiny), .v-application--is-ltr .v-list-item__icon:first-child.custom-item-icon:not(.is-tiny) {
	margin-right: 5px !important
}

.v-application--is-ltr .v-divider--inset:not(.v-divider--vertical) {
	margin-left: 60px !important
}

#app-content {
	padding: 0 !important;
	background-color: var(--v-neutreblanc-base);
	margin-bottom: 40px
}

#app-body {
	background-color: var(--v-neutreblanc-base);
	padding: 0px 0 20px 0 !important
}

	#app-body.is-dark {
		background-color: #000
	}

	#app-body .v-speed-dial {
		position: absolute
	}

	#app-body .v-btn--floating {
		position: relative
	}

#belron-logo img {
	height: 48px;
	font-weight: 400
}

	#belron-logo img:hover {
		cursor: pointer
	}

.x-sheet-title {
	margin-top: 12px
}

.step-form-content-container {
	padding: 9px 0 !important
}

.form-input-block {
	position: relative
}

	.form-input-block .form-input-check {
		font-size: 20px
	}

	.form-input-block .form-input-check, .form-input-block .form-input-progress {
		top: 18px;
		right: 0;
		position: absolute !important
	}

.step-form-container {
	padding: 6px 0 0 0 !important
}

.default-divider {
	margin-top: 12px !important;
	margin-bottom: 12px !important
}

.app-header-container {
	max-width: unset;
	padding: 0;
	background-color: var(--v-neutreblanc-base) !important
}

	.app-header-container .v-toolbar__content, .app-header-container .v-toolbar__extension {
		padding: unset !important
	}

.x-list a.link {
	font-size: 12px !important
}

.x-list .x-list-item {
	padding: 0 16px;
	margin-bottom: 6px;
	font-size: 15px !important
}

	.x-list .x-list-item .spaced-item {
		padding: 6px 0
	}

	.x-list .x-list-item.is-tiny {
		margin-bottom: 3px
	}

.x-list .x-list-icon {
	margin-top: 8px !important;
	margin-left: 0 !important
}

	.x-list .x-list-icon.phone-item-list-icon {
		margin-top: 15px !important
	}

.x-list .v-divider--inset:not(.v-divider--vertical) {
	max-width: calc(100% - 60px) !important
}

.x-list .v-list--dense .v-list-item .v-list-item__content, .x-list .v-list-item--dense .v-list-item__content {
	padding: 6px 0 !important
}

.is-small #app-body {
	padding: 60px 0 0 0 !important
}

	.is-small #app-body.no-step-nav {
		margin-bottom: unset
	}

.is-small .app-header-container {
	padding: 0
}

.is-small #belron-logo {
	display: flex
}

	.is-small #belron-logo img {
		height: 42px
	}

.is-small #app-step-nav-container {
	width: 100%;
	background-color: var(--v-neutreblanc-base) !important
}

	.is-small #app-step-nav-container .v-card__actions {
		padding: 0 !important
	}

.is-small .v-navigation-drawer--absolute {
	z-index: 6
}

.is-small .x-list .v-list--dense .v-list-item .v-list-item__content, .is-small .x-list .v-list-item--dense .v-list-item__content {
	padding: 3px 0 !important
}

.is-small .step-form-content-container {
	padding: 6px 0 !important
}

.is-tiny .v-application--is-ltr .v-list-item__action:first-child, .is-tiny .v-application--is-ltr .v-list-item__icon:first-child {
	margin-right: 3px !important
}

.is-tiny .v-text-field .v-input__prepend-outer {
	margin-right: 20px;
	margin-left: 6px
}

.is-tiny .v-text-field .v-input__append-outer {
	margin-right: 3px;
	margin-left: 15px
}

.is-tiny .x-list .v-list--dense .v-list-item .v-list-item__content, .is-tiny .x-list .v-list-item--dense .v-list-item__content {
	padding: 0 !important
}

.is-tiny .x-alert {
	margin-bottom: 6px !important;
	font-size: 15px !important
}

.is-tiny .step-form-content-container {
	padding: 0 !important
}

.app-header-skeleton {
	border-bottom: 1px solid var(--v-neutre200-base) !important;
	padding: 8px 16px 7px 16px !important
}

	.app-header-skeleton.is-tiny {
		max-height: 56px
	}

		.app-header-skeleton.is-tiny .logo-wrapper {
			width: 80%;
			order: 2
		}

			.app-header-skeleton.is-tiny .logo-wrapper .logo {
				margin: auto
			}

		.app-header-skeleton.is-tiny .avatar-wrapper {
			order: 1
		}

			.app-header-skeleton.is-tiny .avatar-wrapper .v-skeleton-loader__avatar {
				height: 40px;
				width: 40px
			}

.app-body-skeleton .title-wrapper {
	width: 800px;
	margin: 60px auto 0 auto
}

	.app-body-skeleton .title-wrapper .subtitle, .app-body-skeleton .title-wrapper .title {
		margin: 20px auto
	}

.app-body-skeleton .choice-wrapper {
	width: 440px;
	margin: 30px auto 0 auto
}

	.app-body-skeleton .choice-wrapper .choice {
		border-radius: 8px;
		margin-bottom: 16px
	}

.app-body-skeleton .cta-btn-skeleton {
	border-radius: 8px;
	margin: 40px auto
}

.app-body-skeleton.is-tiny .title-wrapper {
	width: inherit;
	margin: 0;
	padding: 12px 16px
}

	.app-body-skeleton.is-tiny .title-wrapper .subtitle, .app-body-skeleton.is-tiny .title-wrapper .title {
		margin: 20px 0 10px 0
	}

.app-body-skeleton.is-tiny .choice-wrapper {
	width: inherit;
	margin: 0;
	padding: 0 16px
}

	.app-body-skeleton.is-tiny .choice-wrapper .choice {
		margin-bottom: 18px
	}

.app-body-skeleton.is-tiny .cta-btn-skeleton {
	margin: 46px 16px 0 16px;
	border-radius: 8px
}

.initial-step-skeleton .title-wrapper {
	margin: 53px auto 0 auto
}

	.initial-step-skeleton .title-wrapper .subtitle, .initial-step-skeleton .title-wrapper .title {
		margin: 18px auto 19px auto
	}

.initial-step-skeleton .choice-wrapper {
	width: 440px;
	margin: 30px auto 0 auto
}

	.initial-step-skeleton .choice-wrapper .choice {
		border-radius: 8px;
		margin-bottom: 16px
	}

.initial-step-skeleton .cta-btn-skeleton {
	border-radius: 8px;
	margin: 40px auto
}

.initial-step-skeleton.is-tiny .title-wrapper {
	width: inherit;
	margin: 2px 0 0 0;
	padding: 0 16px 12px 16px
}

	.initial-step-skeleton.is-tiny .title-wrapper .subtitle, .initial-step-skeleton.is-tiny .title-wrapper .title {
		margin: 20px 0 10px 0
	}

.initial-step-skeleton.is-tiny .choice-wrapper {
	width: inherit;
	margin: 0;
	padding: 0 16px
}

	.initial-step-skeleton.is-tiny .choice-wrapper .choice {
		margin-bottom: 18px
	}

.initial-step-skeleton.is-tiny .cta-btn-skeleton {
	margin: 46px 16px 0 16px;
	border-radius: 8px
}

.assistant-wrapper {
	display: flex
}

	.assistant-wrapper .avatar img {
		max-width: 40px
	}

	.assistant-wrapper .assistant {
		color: var(--v-xdark-base);
		flex: auto;
		border-radius: 0 24px 24px 24px;
		margin-left: 8px;
		padding: 12px 16px;
		background-color: var(--v-infolighter-base)
	}

		.assistant-wrapper .assistant .vin-image {
			display: block;
			margin: auto;
			width: 60px
		}

	.assistant-wrapper.is-tiny {
		margin-top: 10px !important
	}

	.assistant-wrapper.results .assistant {
		background-color: var(--v-neutre50-base);
		border: solid 2px var(--v-successdark-base);
	}

	.assistant-wrapper.infos-gray .assistant {
		background-color: var(--v-neutre100-base) !important
	}

	.assistant-wrapper.infos-yellow .assistant {
		background-color: var(--v-decorativelight-base) !important
	}

.card-selector-wrapper .select-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	width: 100%;
	min-height: 96px;
	border: 2px solid var(--v-neutre200-base);
	border-radius: 8px;
	transition: background-color .1s ease-in-out;
	padding: 6px 0;
	margin-bottom: 16px
}

	.card-selector-wrapper .select-card:has(input:focus-visible) {
		border: 2px solid var(--v-info-base)
	}

	.card-selector-wrapper .select-card:hover {
		cursor: pointer;
		border: 2px solid var(--v-neutre300-base);
		background-color: var(--v-neutre100-base)
	}

	.card-selector-wrapper .select-card input[type=radio] {
		position: fixed;
		opacity: 0;
		pointer-events: none
	}

	.card-selector-wrapper .select-card .radio-shape {
		position: absolute;
		top: 16px;
		left: 16px;
		width: 24px;
		height: 24px;
		border: 2px solid var(--v-neutre200-base);
		border-radius: 100%
	}

	.card-selector-wrapper .select-card .card-title {
		font-size: 16px;
		font-weight: 700;
		color: var(--v-xdark-base)
	}

	.card-selector-wrapper .select-card img {
		max-width: 56px
	}

		.card-selector-wrapper .select-card img.tag {
			margin: 10px auto 6px auto
		}

	.card-selector-wrapper .select-card.selected {
		border-color: var(--v-action600-base);
		background-color: var(--v-action50-base);
	}

		.card-selector-wrapper .select-card.selected .radio-shape {
			border: 6px solid var(--v-action600-base);
			background-color: var(--v-neutreblanc-base)
		}

.card-selector-wrapper.is-tiny {
	margin-top: 16px;
	padding: 0 16px
}

	.card-selector-wrapper.is-tiny .select-card {
		margin-bottom: 12px
	}

.blocker {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	z-index: 5
}

	.blocker .continue-modal {
		top: 100px;
		max-width: 440px;
		padding: 24px;
		position: fixed;
		background-color: var(--v-neutreblanc-base);
		z-index: 2;
		border-radius: 8px
	}

		.blocker .continue-modal .spacer {
			padding: 16px 0
		}

		.blocker .continue-modal.center-modal {
			left: 50%;
			-ms-transform: translateX(-50%);
			transform: translateX(-50%)
		}

		.blocker .continue-modal .continue-modal-btn {
			border-color: var(--v-success-base) !important;
			max-width: 392px
		}

		.blocker .continue-modal.continue-modal-btn {
			color: var(--v-neutre800-base);
			font-size: 24px;
			font-weight: 700;
			line-height: 120%;
			margin-bottom: 16px
		}

		.blocker .continue-modal .title-continue-modal {
			color: var(--v-neutre800-base)
		}

		.blocker .continue-modal .subtitle-continue-modal {
			color: var(--v-neutre800-base);
			font-size: 16px;
			font-weight: 400;
			line-height: 150%
		}

		.blocker .continue-modal .txt-box {
			padding-bottom: 24px
		}


.calendar-wrapper .sms-reminder-wrapper {
	background-color: var(--v-neutre100-base);
	padding: 16px;
	border-radius: 8px
}

	.calendar-wrapper .sms-reminder-wrapper strong {
		font-weight: 700;
		display: block;
		margin-bottom: 8px;
		color: var(--v-neutre800-base)
	}

	.calendar-wrapper .sms-reminder-wrapper .opt-in-checkbox-wrapper {
		color: var(--v-neutre800-base);
		display: block
	}

		.calendar-wrapper .sms-reminder-wrapper .opt-in-checkbox-wrapper .assistant-component {
			margin-top: 18px
		}

		.calendar-wrapper .sms-reminder-wrapper .opt-in-checkbox-wrapper > div {
			display: flex
		}

		.calendar-wrapper .sms-reminder-wrapper .opt-in-checkbox-wrapper input:focus-visible + div {
			border-radius: 4px;
			padding: 4px;
			border: 2px solid var(--v-info-base) !important
		}

		.calendar-wrapper .sms-reminder-wrapper .opt-in-checkbox-wrapper input {
			position: absolute;
			opacity: 0;
			height: 0;
			width: 0;
			cursor: pointer
		}

			.calendar-wrapper .sms-reminder-wrapper .opt-in-checkbox-wrapper input:checked + div > .checkmark {
				background-color: var(--v-action500-base);
				border: 2px solid var(--v-action500-base)
			}

				.calendar-wrapper .sms-reminder-wrapper .opt-in-checkbox-wrapper input:checked + div > .checkmark:after {
					display: block
				}

		.calendar-wrapper .sms-reminder-wrapper .opt-in-checkbox-wrapper .checkmark {
			position: relative;
			display: inline-block;
			vertical-align: bottom;
			height: 32px;
			min-width: 32px;
			border-radius: 6px;
			border: 1px solid var(--v-neutre300-base);
			color: var(--v-neutreblanc-base);
			background-color: var(--v-neutreblanc-base);
			font-size: 16px;
			font-weight: 400;
			margin: 4px 8px 0 0
		}

			.calendar-wrapper .sms-reminder-wrapper .opt-in-checkbox-wrapper .checkmark:after {
				content: "";
				position: absolute;
				display: none;
				left: 9px;
				top: 3px;
				width: 10px;
				height: 16px;
				border: solid var(--v-neutreblanc-base);
				border-width: 0 2px 2px 0;
				-webkit-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg)
			}

		.calendar-wrapper .sms-reminder-wrapper .opt-in-checkbox-wrapper .opt-in-txt {
			max-width: 390px;
			font-size: 14px;
			float: right;
			white-space: pre-line
		}

		.calendar-wrapper .sms-reminder-wrapper .opt-in-checkbox-wrapper:hover {
			cursor: pointer
		}

			.calendar-wrapper .sms-reminder-wrapper .opt-in-checkbox-wrapper:hover .checkmark {
				background-color: var(--v-neutre100-base)
			}

		.calendar-wrapper .sms-reminder-wrapper .opt-in-checkbox-wrapper.is-tiny .opt-in-txt {
			max-width: 310px;
			font-size: 14px
		}

		.calendar-wrapper .sms-reminder-wrapper .opt-in-checkbox-wrapper.is-tiny input:focus-visible + div {
			border: none !important
		}

.calendar-wrapper .edit-phone-number-btn {
	display: block;
	margin: 12px auto 36px auto !important;
	color: var(--v-action500-base);
	text-decoration: underline;
	font-size: 14px
}

	.calendar-wrapper .edit-phone-number-btn:focus-visible {
		border-radius: 4px;
		padding: 4px;
		outline: 2px solid var(--v-info-base) !important
	}

.calendar-wrapper .drop-off-checkbox-wrapper {
	color: var(--v-neutre800-base);
	display: block
}

	.calendar-wrapper .drop-off-checkbox-wrapper input {
		position: absolute;
		opacity: 0;
		height: 0;
		width: 0;
		cursor: pointer
	}

		.calendar-wrapper .drop-off-checkbox-wrapper input:checked ~ .checkmark {
			border: 2px solid var(--v-neutre800-base)
		}

			.calendar-wrapper .drop-off-checkbox-wrapper input:checked ~ .checkmark:after {
				display: block
			}

	.calendar-wrapper .drop-off-checkbox-wrapper .checkmark {
		position: relative;
		display: inline-block;
		vertical-align: bottom;
		height: 24px;
		width: 24px;
		border-radius: 6px;
		border: 2px solid var(--v-neutre300-base);
		background-color: var(--v-neutreblanc-base);
		margin-right: 8px;
		font-size: 16px;
		font-weight: 400
	}

		.calendar-wrapper .drop-off-checkbox-wrapper .checkmark:after {
			content: "";
			position: absolute;
			display: none;
			left: 7px;
			top: 2px;
			width: 7px;
			height: 12px;
			border: solid var(--v-neutre800-base);
			border-width: 0 2px 2px 0;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg)
		}

	.calendar-wrapper .drop-off-checkbox-wrapper:hover {
		cursor: pointer
	}

		.calendar-wrapper .drop-off-checkbox-wrapper:hover .checkmark {
			background-color: var(--v-neutre100-base)
		}

	.calendar-wrapper .drop-off-checkbox-wrapper:has(input:focus-visible) {
		border-radius: 4px;
		padding: 4px;
		border: 2px solid var(--v-info-base) !important
	}

	.calendar-wrapper .drop-off-checkbox-wrapper.is-tiny {
		padding: 0 16px
	}

.needs-identification-wrapper {
	margin: 32px 0 40px 0;
}

	.needs-identification-wrapper .select-need-type {
		margin-bottom: 24px;
	}

	.needs-identification-wrapper .assistant-wrapper .assistant {
		font-size: 14px;
		font-weight: 400;
	}

		.needs-identification-wrapper .assistant-wrapper .assistant .info-title, .needs-identification-wrapper .assistant-wrapper .assistant a {
			font-size: 16px;
			font-weight: 700;
			margin-bottom: 8px;
		}

		.needs-identification-wrapper .assistant-wrapper .assistant a {
			display: block;
			margin-top: 8px;
		}

			.needs-identification-wrapper .assistant-wrapper .assistant a:focus-visible {
				border-radius: 4px;
				outline: 2px solid var(--v-info-base);
			}

	.needs-identification-wrapper .assistant-wrapper.is-tiny {
		padding: 0 16px;
	}

	.needs-identification-wrapper.is-tiny {
		margin-top: 0;
	}

.damage-identification-wrapper {
	margin-top: 24px;
	margin-bottom: 20px;
}

	.damage-identification-wrapper .chip-location-title, .damage-identification-wrapper .chip-size-title {
		margin: 40px 0 24px 0;
		text-align: center;
	}

	.damage-identification-wrapper .assistant-wrapper {
		margin-top: 20px;
	}

		.damage-identification-wrapper .assistant-wrapper .assistant p {
			margin-bottom: 0;
			font-size: 16px;
			font-weight: 400;
		}

			.damage-identification-wrapper .assistant-wrapper .assistant p.result-title {
				font-size: 18px;
				font-weight: 700
			}

		.damage-identification-wrapper .assistant-wrapper .assistant span {
			display: block;
			font-size: 14px;
			margin-top: 12px;
			font-weight: 500;
		}

		.damage-identification-wrapper .assistant-wrapper.is-tiny {
			padding: 0 16px;
			margin-top: 32px !important
		}

	.damage-identification-wrapper.is-tiny {
		margin-top: 0
	}

		.damage-identification-wrapper.is-tiny .chip-location-title, .damage-identification-wrapper.is-tiny .chip-size-title {
			margin: 32px 0 16px 0;
			padding: 0 16px;
			text-align: left
		}

.vehicle-identification-wrapper .ymms-method-wrapper .v-text-field.v-text-field--enclosed .v-text-field__details, .vehicle-identification-wrapper .ymms-method-wrapper .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot {
	border-radius: 8px;
	color: var(--v-xdark-base) !important;
	caret-color: var(--v-xdark-base) !important
}

.vehicle-identification-wrapper .ymms-method-wrapper .v-input--is-dirty {
	position: relative
}

	.vehicle-identification-wrapper .ymms-method-wrapper .v-input--is-dirty .v-select__selection:after {
		content: "";
		transform: rotate(45deg) scale(1.1);
		height: 16px;
		width: 8px;
		border-bottom: 2px solid var(--v-xdark-base);
		border-right: 2px solid var(--v-xdark-base);
		position: absolute;
		top: 16px;
		right: 36px
	}

.vehicle-identification-wrapper .ymms-method-wrapper .v-icon.v-icon {
	font-weight: bolder;
	font-size: 16px
}

.vehicle-identification-wrapper .vin-method-wrapper .vin-input.v-text-field--outlined.error--text fieldset {
	border: 2px solid red !important
}

.vehicle-identification-wrapper .vin-method-wrapper .vin-input.v-input--is-focused + .vin-search-btn, .vehicle-identification-wrapper .vin-method-wrapper .vin-input.v-input--is-focused.v-text-field--outlined fieldset, .vehicle-identification-wrapper .vin-method-wrapper .vin-input.v-input--is-label-active + .vin-search-btn {
	border: 1px solid var(--v-xdark-base)
}

.vehicle-identification-wrapper .v-messages[role=alert] .v-messages__message {
	font-size: 12px !important;
	color: var(--v-danger-base) !important
}

.vehicle-identification-wrapper .select-method-wrapper {
	display: flex;
	margin: 24px 0
}

	.vehicle-identification-wrapper .select-method-wrapper.is-tiny {
		padding: 0 16px;
		margin: 0 0 24px 0
	}

	.vehicle-identification-wrapper .select-method-wrapper .select-method-btn {
		display: flex;
		align-items: center;
		text-align: center;
		width: 50%;
		border: 2px solid var(--v-neutre200-base);
		margin: 0;
		font-size: 16px;
		font-weight: 700;
		color: var(--v-xdark-base);
		border-radius: 8px;
		padding: 16px 24px;
		height: inherit;
		text-transform: inherit
	}

		.vehicle-identification-wrapper .select-method-wrapper .select-method-btn:first-child {
			border-top-right-radius: 0;
			border-bottom-right-radius: 0
		}

		.vehicle-identification-wrapper .select-method-wrapper .select-method-btn:last-child {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0
		}

		.vehicle-identification-wrapper .select-method-wrapper .select-method-btn:hover {
			cursor: pointer
		}

		.vehicle-identification-wrapper .select-method-wrapper .select-method-btn.selected {
			border: 2px solid var(--v-xblue-base);
			background-color: var(--v-action50-base)
		}

		.vehicle-identification-wrapper .select-method-wrapper .select-method-btn:focus-visible {
			border: 2px solid var(--v-info-base);
			outline: var(--v-info-base)
		}

.vehicle-identification-wrapper .vin-method-wrapper {
	padding-bottom: 40px
}

	.vehicle-identification-wrapper .vin-method-wrapper .vin-input-selection {
		display: flex
	}

		.vehicle-identification-wrapper .vin-method-wrapper .vin-input-selection .reset-vin-btn {
			top: -3px
		}

	.vehicle-identification-wrapper .vin-method-wrapper .vin-input {
		border-radius: 8px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0
	}

	.vehicle-identification-wrapper .vin-method-wrapper .error--text + .vin-search-btn {
		border: 1px solid var(--v-xblue-base)
	}

	.vehicle-identification-wrapper .vin-method-wrapper .vin-search-btn {
		display: flex;
		justify-content: center;
		width: 60px;
		border-radius: 0;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
		height: 56px !important;
		background-color: var(--v-neutreblanc-base) !important;
		border: 1px solid var(--v-neutre300-base)
	}

		.vehicle-identification-wrapper .vin-method-wrapper .vin-search-btn .v-icon {
			margin-top: 14px
		}

		.vehicle-identification-wrapper .vin-method-wrapper .vin-search-btn:before {
			background-color: inherit
		}

		.vehicle-identification-wrapper .vin-method-wrapper .vin-search-btn:hover {
			border: 1px solid var(--v-xdark-base);
			cursor: pointer
		}

		.vehicle-identification-wrapper .vin-method-wrapper .vin-search-btn:focus-visible {
			margin-top: 2px;
			height: 52px !important;
			border-top-left-radius: 0 !important;
			border-bottom-left-radius: 0 !important;
			border-radius: 4px;
			outline: 2px solid var(--v-info-base)
		}

.vehicle-identification-wrapper.is-tiny .vin-method-wrapper, .vehicle-identification-wrapper.is-tiny .ymms-method-wrapper {
	padding: 0 16px
}

.vehicle-identification-wrapper.is-tiny .vin-method-wrapper {
	margin-bottom: 40px
}

.vehicle-identification-wrapper.is-tiny .ymms-method-wrapper {
	margin-bottom: 14px
}

.x-alert {
	display: flex;
	align-items: flex-start;
	padding: 16px;
	max-width: 450px;
	font-size: 16px;
	font-weight: 700;
	color: var(--v-xblue-base);
	border-radius: 40px;
}

	.x-alert .x-alert-icon {
		text-align: center;
		margin: auto 5px;
	}

		.x-alert .x-alert-icon .v-icon {
			margin-right: 12px;
		}

	.x-alert .x-alert-title {
		font-size: 16px;
	}

	.x-alert.is-error {
		border-radius: 0 !important;
		background-color: var(--v-danger-base);
		color: var(--v-neutreblanc-base);
	}

		.x-alert.is-error .x-alert-title {
			color: var(--v-neutreblanc-base) !important;
		}

	.x-alert.is-info {
		background-color: var(--v-neutre100-base)
	}

	.x-alert.is-alert {
		background-color: var(--v-alert-base);
		color: var(--v-neutreblanc-base);
	}

		.x-alert.is-alert .v-icon {
			font-size: 26px;
		}

	.x-alert.is-success {
		background-color: var(--v-success-base);
		color: var(--v-neutreblanc-base);
	}

		.x-alert.is-success .v-icon {
			font-size: 26px;
		}

	.x-alert.is-tiny {
		margin: 16px;
	}

		.x-alert.is-tiny .x-alert-text, .x-alert.is-tiny .x-alert-title {
			font-size: 16px;
		}

.form-container {
	padding: 24px
}

	.form-container.no-padding {
		padding: unset
	}

	.form-container.rounded {
		border-radius: 5px
	}

	.form-container.is-tiny.no-padding {
		padding: unset
	}

	.form-container.is-tiny:not(.no-padding) {
		padding: 0 16px 16px 16px !important
	}

.geoloc-step {
	margin-top: 20px;
	margin-bottom: 19px
}

	.geoloc-step .exitpoint-structure {
		margin-top: 14px;
		text-align: left
	}

.is-tiny .geoloc-step {
	margin-top: 0;
	margin-bottom: 15px
}

.v-btn.v-btn--disabled, .v-btn.v-btn--disabled .v-btn__loading, .v-btn.v-btn--disabled .v-icon {
	color: var(--v-neutre300-base) !important
}

.search-location-container .v-btn.v-btn--disabled:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
	background-color: var(--v-xdark-base) !important
}

.search-location-container .v-input.v-text-field--outlined.v-input--is-label-active fieldset {
	border: 1px solid var(--v-xdark-base);
	border-right: none
}

.location-input.v-text-field--outlined.v-input--has-state fieldset, .location-input.v-text-field--outlined.v-input--is-focused fieldset {
	height: 61px !important;
	border: 1px solid !important;
	border-right: none !important;
	transition: none !important;
	border-color: var(--v-xdark-base) !important
}

.location-input.v-text-field--outlined.v-input--has-state .v-text-field__slot label, .location-input.v-text-field--outlined.v-input--is-focused .v-text-field__slot label {
	color: var(--v-xdark-base) !important
}

.location-input.v-text-field--outlined.v-input--has-state .v-text-field__slot input, .location-input.v-text-field--outlined.v-input--is-focused .v-text-field__slot input {
	caret-color: var(--v-xdark-base)
}

.location-input.v-text-field--outlined.v-input--has-state.error--text .v-messages__message, .location-input.v-text-field--outlined.v-input--is-focused.error--text .v-messages__message {
	font-size: 12px !important;
	color: var(--v-danger-base) !important
}

.location-input.v-text-field--outlined.v-input--has-state.error--text fieldset, .location-input.v-text-field--outlined.v-input--is-focused.error--text fieldset {
	height: 61px !important;
	border: 2px solid var(--v-xblue-base) !important;
	border-style: inset;
	border-right: none !important
}

.location-input.v-text-field--outlined.v-input--has-state.error--text .v-text-field__slot input, .location-input.v-text-field--outlined.v-input--has-state.error--text .v-text-field__slot label, .location-input.v-text-field--outlined.v-input--is-focused.error--text .v-text-field__slot input, .location-input.v-text-field--outlined.v-input--is-focused.error--text .v-text-field__slot label {
	color: var(--v-xblue-base) !important
}

.search-location-container .v-text-field__slot input {
	text-transform: uppercase !important
}

.location-input .v-input__slot > fieldset {
	border: 1px solid var(--v-neutre300-base)
}

.search-results-wrapper {
	padding: 0;
	position: relative
}

.search-results-wrapper .component-title {
	font-size: 18px;
	font-weight: 600;
	margin-top: 25px;
}

.search-results-wrapper .searchresults {
	font-size: 18px;
	font-weight: 600;
}

.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot fieldset {
	border: 1px solid var(--v-neutre300-base) !important
}

.search-location-container {
	display: flex;
	width: 100%;
	max-width: 450px
}

	.search-location-container .location-input {
		border-radius: 8px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-right: none
	}

		.search-location-container .location-input .postal-code-error {
			display: none
		}

		.search-location-container .location-input.error--text {
			margin-top: 0
		}

			.search-location-container .location-input.error--text .postal-code-error {
				display: block
			}

			.search-location-container .location-input.error--text + .location-search-btn {
				height: 56px !important
			}

		.search-location-container .location-input.v-input--is-focused + .location-search-btn, .search-location-container .location-input.v-input--is-label-active + .location-search-btn {
			border: 1px solid var(--v-xdark-base)
		}

	.search-location-container .error--text + .location-search-btn {
		border: 2px solid var(--v-xblue-base)
	}

	.search-location-container .location-search-btn {
		display: flex;
		justify-content: center;
		width: 60px;
		border-radius: 0;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
		height: 56px !important;
		background-color: var(--v-neutreblanc-base) !important;
		border: 1px solid var(--v-neutre300-base)
	}

		.search-location-container .location-search-btn:before {
			background-color: inherit
		}

		.search-location-container .location-search-btn:hover {
			cursor: pointer
		}

		.search-location-container .location-search-btn:focus-visible {
			margin-top: 2px;
			height: 52px !important;
			border-top-left-radius: 0 !important;
			border-bottom-left-radius: 0 !important;
			border-radius: 4px;
			outline: 2px solid var(--v-info-base)
		}

	.search-location-container.is-small {
		padding: 0 15px
	}

.locate-me-btn {
	display: inline-block;
	vertical-align: top;
	color: var(--v-action800-base);
	text-transform: inherit;
	outline: 2px solid transparent
}

	.locate-me-btn .icon {
		vertical-align: baseline
	}

	.locate-me-btn .label {
		font-size: 15px;
		font-weight: 600;
		text-decoration: underline
	}

	.locate-me-btn:before {
		background-color: inherit
	}

	.locate-me-btn:hover {
		cursor: pointer
	}

	.locate-me-btn.loading {
		color: var(--v-neutre300-base)
	}

	.locate-me-btn:focus-visible {
		border-radius: 4px;
		outline: 2px solid var(--v-info-base)
	}

.geozip-container {
	padding: 12px;
	margin-bottom: 0
}

.is-tiny .postal-input {
	padding: 6px 9px 3px
}

.is-tiny .geoloc-container {
	padding: 3px 15px 0
}

.windscreen-questions-step {
	margin-bottom: 24px;
	margin-top: 18px
}

	.windscreen-questions-step .assistant-wrapper {
		margin: 24px 0
	}

		.windscreen-questions-step .assistant-wrapper .assistant {
			font-size: 16px;
			padding: 8px 16px
		}

		.windscreen-questions-step .assistant-wrapper.is-tiny {
			margin: 24px 0 16px 0 !important
		}

	.windscreen-questions-step.is-tiny {
		margin-bottom: 40px !important
	}

.part-identification-step {
	margin-bottom: 22px;
	min-width: 438px;
	padding: 0 2px
}

	.part-identification-step .x-card-sheet .x-card {
		margin-bottom: 16px !important
	}

	.part-identification-step .x-card-choice-image {
		max-width: 70px !important
	}

	.part-identification-step .x-card-details .component-title {
		display: flex;
		justify-content: center
	}

	.part-identification-step .x-card-details .including-title {
		color: var(--v-xdark-base)
	}

	.part-identification-step .x-card-details .x-list-icon {
		min-width: 20px
	}

		.part-identification-step .x-card-details .x-list-icon i:before {
			color: var(--v-neutre500-base)
		}

	.part-identification-step .x-card-details .list-info .v-list-item {
		color: var(--v-xdark-base) !important;
		min-height: inherit !important;
		height: 26px
	}

	.part-identification-step .x-card-details .v-list.list-info {
		margin-top: 4px !important
	}

	.part-identification-step .assistant-wrapper {
		margin: 18px 0 0 0;
		font-size: 14px
	}

		.part-identification-step .assistant-wrapper .assistant {
			padding: 8px 16px
		}

		.part-identification-step .assistant-wrapper.is-tiny {
			margin: 16px 0 !important
		}

	.part-identification-step.is-tiny {
		margin-bottom: 40px;
		min-width: inherit;
		padding: 0
	}

	.part-identification-step .is-small {
		padding-bottom: 0
	}

.exitpoint-structure .exit-point-title {
	font-size: 32px;
	font-weight: 700;
	color: var(--v-danger-base);
	text-align: center;
	margin-top: 14px;
	margin-bottom: 24px
}

.exitpoint-structure .component-title {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 24px;
	line-height: 32px;
	text-align: center
}

.exitpoint-structure .component-subtitle {
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	text-align: center
}

.exitpoint-structure .cta-container {
	padding: 24px 0
}

.exitpoint-structure .service-center-infos-wrapper {
	display: flex;
	align-items: flex-start;
	font-size: 16px;
	color: var(--v-xdark-base)
}

	.exitpoint-structure .service-center-infos-wrapper .service-center-infos {
		width: 100%;
		text-align: left
	}

		.exitpoint-structure .service-center-infos-wrapper .service-center-infos p {
			margin-bottom: 0
		}

		.exitpoint-structure .service-center-infos-wrapper .service-center-infos .service-center-phone {
			text-decoration: underline
		}

		.exitpoint-structure .service-center-infos-wrapper .service-center-infos .service-center-hours {
			border-top: 2px solid var(--v-neutre200-base);
			width: 100%;
			padding-top: 16px
		}

			.exitpoint-structure .service-center-infos-wrapper .service-center-infos .service-center-hours .location-availability.day {
				text-align: left
			}

			.exitpoint-structure .service-center-infos-wrapper .service-center-infos .service-center-hours .location-availability.hour {
				text-align: right
			}

.exitpoint-structure.is-tiny {
	padding: 0 16px
}

	.exitpoint-structure.is-tiny .component-title, .exitpoint-structure.is-tiny .exit-point-title {
		font-size: 24px;
		text-align: left
	}

	.exitpoint-structure.is-tiny .component-subtitle {
		font-size: 18px;
		text-align: left
	}

	.exitpoint-structure.is-tiny .service-center-infos {
		font-size: 14px;
		padding-right: 32px
	}

.payee-info-box-wrapper {
	background-color: var(--v-infolighter-base);
	border-radius: 8px;
	transition: opacity .2s ease-in-out;
	padding: 16px;
	font-size: 16px;
	font-weight: 700;
	color: var(--v-xdark-base);
	margin: 18px 0 8px 0
}

	.payee-info-box-wrapper p {
		margin-bottom: 0 !important
	}

	.payee-info-box-wrapper .get-quote-link {
		display: flex;
		align-items: flex-start;
		line-height: 22px
	}

		.payee-info-box-wrapper .get-quote-link:hover {
			cursor: pointer
		}

		.payee-info-box-wrapper .get-quote-link:focus-visible {
			border-radius: 4px;
			outline: 2px solid var(--v-info-base)
		}

	.payee-info-box-wrapper .v-icon {
		margin-right: 6px
	}

	.payee-info-box-wrapper .box-action {
		font-size: 16px;
		font-weight: 700;
		margin-left: 8px;
		text-decoration: underline;
		color: var(--v-xblue-base)
	}

	.payee-info-box-wrapper .box-title {
		font-size: 16px;
		font-weight: 700;
		color: var(--v-neutre800-base)
	}

	.payee-info-box-wrapper.is-tiny {
		position: inherit;
		margin: 0 16px 24px 16px;
		max-width: inherit;
		min-width: inherit
	}

		.payee-info-box-wrapper.is-tiny .box-action {
			display: block;
			margin-left: inherit;
			padding-top: 4px
		}

		.payee-info-box-wrapper.is-tiny .payee-info-box {
			width: 100%
		}

.payee-identification-wrapper {
	margin-bottom: 40px;
	min-width: 798px
}

	.payee-identification-wrapper .payee-id-btn.highlighted:focus-visible {
		border-radius: 8px;
		border: 2px solid var(--v-info-base) !important
	}

	.payee-identification-wrapper .payee-id-btn .v-btn__content, .payee-identification-wrapper .payee-id-btn .v-btn__content .x-card-container {
		min-height: 400px
	}

	.payee-identification-wrapper.is-repair .payee-id-btn .v-btn__content, .payee-identification-wrapper.is-repair .payee-id-btn .v-btn__content .x-card-container {
		min-height: inherit
	}

	.payee-identification-wrapper.is-small, .payee-identification-wrapper.is-tiny {
		min-width: inherit
	}

		.payee-identification-wrapper.is-tiny .payee-id-btn .v-btn__content, .payee-identification-wrapper.is-tiny .payee-id-btn .v-btn__content .x-card-container {
			min-height: inherit
		}

.oui-cal {
	position: absolute;
	top: calc(100% + 2px);
	right: 0;
	width: 100%;
	height: 400%;
	box-shadow: 0 25px 30px 0 rgba(0,0,0,.5),0 8px 10px 0 rgba(0,0,0,.5);
	background-color: var(--v-neutreblanc-base);
	border-radius: 8px;
	z-index: 100
}

	.oui-cal .ouical-link {
		display: inline-block;
		text-align: left;
		width: 100%;
		padding: 10px 15px;
		color: var(--v-xdark-base)
	}

		.oui-cal .ouical-link:hover {
			background-color: var(--v-neutre100-base)
		}

	.oui-cal .sn-title {
		color: #000;
		font-weight: 700;
		margin-left: 5px
	}

.appointment-details-wrapper {
	color: var(--v-xdark-base);
	font-size: 16px
}

	.appointment-details-wrapper.is-welcome-back {
		border-radius: 8px;
		margin: 40px 0 24px 0;
		background-color: var(--v-neutre100-base);
		padding: 16px
	}

	.appointment-details-wrapper .appointment-details-title {
		font-size: 24px;
		font-weight: 700;
		margin-bottom: 8px;
		margin-top: 18px
	}

	.appointment-details-wrapper .details-title {
		font-size: 18px;
		font-weight: 700
	}

	.appointment-details-wrapper .calendar-btn {
		width: 100%;
		position: relative;
		font-size: 16px;
		font-weight: 700;
		color: var(--v-action600-base);
		border: 2px solid var(--v-action600-base);
		border-radius: 8px;
		text-align: center;
		padding: 12px;
		text-transform: inherit;
		margin: 40px 0
	}

		.appointment-details-wrapper .calendar-btn:hover {
			color: var(--v-action800-base);
			border: 2px solid var(--v-action800-base);
			background-color: var(--v-action50-base) !important;
			cursor: pointer
		}

			.appointment-details-wrapper .calendar-btn:hover .v-icon {
				color: var(--v-action800-base)
			}

		.appointment-details-wrapper .calendar-btn:focus-visible {
			border-radius: 6px;
			margin-top: 2px;
			margin-left: 2px;
			margin-bottom: 2px;
			width: calc(100% - 4px);
			outline: 2px solid var(--v-info-base);
			border: none
		}

		.appointment-details-wrapper .calendar-btn .v-icon {
			color: var(--v-action600-base)
		}

	.appointment-details-wrapper .schedule .estimated-hour .v-icon {
		margin-bottom: 3px
	}

	.appointment-details-wrapper .appointment-details .other-info {
		padding: 0 8px;
		display: block;
		font-size: 16px
	}

		.appointment-details-wrapper .appointment-details .other-info p {
			margin-bottom: 0;
			align-self: stretch;
			line-height: 150%;
			margin-left: 12px;
			text-indent: -12px;
			font-weight: 400;
			color: var(--v-neutre800-base)
		}

			.appointment-details-wrapper .appointment-details .other-info p a:link {
				color: var(--v-neutre800-base);
				text-decoration: underline
			}

			.appointment-details-wrapper .appointment-details .other-info p a:visited {
				color: var(--v-neutre800-base)
			}

	.appointment-details-wrapper .appointment-details .service-center .phone-link {
		margin-left: 5px;
		font-size: 16px;
		font-weight: 400;
		color: var(--v-action800-base);
		text-decoration: none;
		cursor: pointer;
	}

		.appointment-details-wrapper .appointment-details .service-center .phone-link:focus-visible {
			border-radius: 4px;
			outline: 2px solid var(--v-info-base)
		}

	.appointment-details-wrapper .appointment-details .service-center .email-link {
		margin-left: 5px;
		font-size: 16px;
		font-weight: 400;
		color: var(--v-action800-base);
		text-decoration: none;
		cursor: pointer;
	}

		.appointment-details-wrapper .appointment-details .service-center .email-link:focus-visible {
			border-radius: 4px;
			outline: 2px solid var(--v-info-base)
		}

	.appointment-details-wrapper .appointment-details .title-icon-line {
		font-size: 16px;
		color: var(--v-action800-base);
		font-weight: 700;
		margin-bottom: 0
	}

		.appointment-details-wrapper .appointment-details .title-icon-line img {
			position: relative;
			top: 2px;
			display: inline-block;
			vertical-align: sub
		}

			.appointment-details-wrapper .appointment-details .title-icon-line img.tag {
				top: -2px;
				max-width: 24px
			}

.is-tiny .appointment-details-wrapper {
	padding: 16px 16px 0 16px
}

	.is-tiny .appointment-details-wrapper.is-welcome-back {
		padding-bottom: 16px
	}

	.is-tiny .appointment-details-wrapper .appointment-details-title {
		font-size: 18px;
		margin-bottom: 12px;
		margin-top: 0
	}

	.is-tiny .appointment-details-wrapper .calendar-btn {
		margin: 24px 0
	}

	.is-tiny .appointment-details-wrapper .appointment-details, .is-tiny .appointment-details-wrapper .appointment-details .estimated-hour span, .is-tiny .appointment-details-wrapper .appointment-details .estimated-hour strong, .is-tiny .appointment-details-wrapper .appointment-details .other-info, .is-tiny .appointment-details-wrapper .appointment-details .service-center .phone-link, .is-tiny .appointment-details-wrapper .appointment-details .title-icon-line {
		font-size: 14px
	}

.welcome-back-wrapper {
	margin: 40px 0;
	max-width: 440px;
	color: var(--v-action800-base)
}

	.welcome-back-wrapper p {
		margin-bottom: 0 !important
	}

	.welcome-back-wrapper .wb-header .wb-title {
		font-size: 32px;
		font-weight: 700;
		text-align: center
	}

	.welcome-back-wrapper .wb-header .wb-subtitle {
		font-size: 18px;
		font-weight: 400;
		text-align: center
	}

	.welcome-back-wrapper .wb-header .main-img {
		width: 100%;
		margin: 24px 0 16px 0
	}

	.welcome-back-wrapper .insurance {
		margin-bottom: 40px
	}

		.welcome-back-wrapper .insurance h2, .welcome-back-wrapper .insurance p {
			font-size: 24px;
			font-weight: 700;
			text-align: center;
			line-height: 28px
		}

		.welcome-back-wrapper .insurance .no-amount-title {
			display: block;
			font-size: 20px;
			font-weight: 700;
			text-align: center
		}

		.welcome-back-wrapper .insurance .no-amount-subtitle {
			display: block;
			font-size: 14px;
			font-weight: 400;
			text-align: center
		}

		.welcome-back-wrapper .insurance .small-subtitle {
			font-size: 18px;
			display: block;
			text-align: center
		}

		.welcome-back-wrapper .insurance .amount {
			margin: 12px 0 12px 0
		}

			.welcome-back-wrapper .insurance .amount span {
				display: inline-block;
				vertical-align: baseline;
				font-size: 32px;
				font-weight: 700
			}

				.welcome-back-wrapper .insurance .amount span sup {
					font-size: 16px;
					top: -10px
				}

		.welcome-back-wrapper .insurance .assistant-wrapper {
			margin: 16px 0 24px 0
		}

			.welcome-back-wrapper .insurance .assistant-wrapper .assistant span {
				font-size: 14px
			}

	.welcome-back-wrapper .cash .amount {
		padding: 8px 0 12px 0
	}

	.welcome-back-wrapper .cash .amount-newprice span {
		color: var(--v-action800-base) !important
	}

		.welcome-back-wrapper .cash .amount-newprice span .new-label {
			font-size: 18px;
			font-weight: 700
		}

	.welcome-back-wrapper .cash .amount-newprice span, .welcome-back-wrapper .cash h2, .welcome-back-wrapper .cash p {
		font-size: 24px;
		font-weight: 700;
		text-align: center;
		line-height: 28px;
		margin-bottom: 8px
	}

		.welcome-back-wrapper .cash .amount-newprice span sup, .welcome-back-wrapper .cash h2 sup, .welcome-back-wrapper .cash p sup {
			font-size: 14px;
			margin-right: 4px
		}

		.welcome-back-wrapper .cash .amount-newprice span span, .welcome-back-wrapper .cash h2 span, .welcome-back-wrapper .cash p span {
			font-size: 14px;
			font-weight: 400;
			color: var(--v-neutre500-base)
		}

	.welcome-back-wrapper .new-quote h2, .welcome-back-wrapper .new-quote p {
		font-size: 18px;
		font-weight: 700
	}

	.welcome-back-wrapper .new-quote a {
		display: block;
		margin-top: 4px;
		font-size: 16px;
		font-weight: 700;
		color: var(--v-xblue-base)
	}

		.welcome-back-wrapper .new-quote a:focus-visible {
			width: calc(100% - 4px);
			margin-left: 2px;
			border-radius: 4px;
			outline: 2px solid var(--v-info-base)
		}

	.welcome-back-wrapper .legals {
		margin-top: 40px;
		font-size: 12px;
		font-weight: 400;
		color: var(--v-neutre500-base)
	}

		.welcome-back-wrapper .legals p {
			padding-bottom: 18px
		}

	.welcome-back-wrapper .btn {
		flex-grow: 1;
		display: flex;
		width: calc(100% - 2px);
		margin-left: 1px;
		align-content: center;
		align-items: center;
		justify-content: center;
		text-align: center;
		font-size: 16px;
		font-weight: 700;
		padding: 16px;
		border-radius: 8px
	}

		.welcome-back-wrapper .btn:focus-visible {
			margin-top: 2px;
			margin-left: 3px;
			margin-bottom: 42px;
			height: 56px;
			width: calc(100% - 6px) !important;
			border: 1px solid var(--v-neutreblanc-base) !important;
			border-radius: 6px;
			outline: 2px solid var(--v-info-base)
		}

		.welcome-back-wrapper .btn.submit-btn {
			margin-top: 20px;
			color: var(--v-neutreblanc-base);
			background-color: var(--v-success-base);
			box-shadow: 0 6px 6px rgba(35,163,87,.15)
		}

			.welcome-back-wrapper .btn.submit-btn:hover {
				background-color: var(--v-action800-base)
			}

		.welcome-back-wrapper .btn.cancel-btn {
			color: var(--v-success-base);
			border: 2px solid var(--v-success-base);
			background-color: var(--v-neutreblanc-base)
		}

			.welcome-back-wrapper .btn.cancel-btn .v-icon {
				color: var(--v-success-base)
			}

			.welcome-back-wrapper .btn.cancel-btn:hover {
				color: var(--v-successdark-base);
				border: 2px solid var(--v-successdark-base);
				background-color: var(--v-successlight-base)
			}

				.welcome-back-wrapper .btn.cancel-btn:hover .v-icon {
					color: var(--v-successdark-base)
				}

		.welcome-back-wrapper .btn:hover {
			cursor: pointer
		}

	.welcome-back-wrapper.is-tiny {
		margin-top: 8px;
		margin-bottom: 0;
		padding: 0 16px
	}

		.welcome-back-wrapper.is-tiny .wb-header .wb-title {
			font-size: 24px;
			text-align: left
		}

		.welcome-back-wrapper.is-tiny .wb-header .wb-subtitle {
			margin-top: 12px;
			font-size: 16px;
			text-align: left
		}

		.welcome-back-wrapper.is-tiny .insurance {
			margin-bottom: 32px
		}

			.welcome-back-wrapper.is-tiny .insurance p {
				font-size: 18px
			}

			.welcome-back-wrapper.is-tiny .insurance .small-subtitle {
				font-size: 16px
			}

		.welcome-back-wrapper.is-tiny .cash p {
			font-size: 18px
		}

		.welcome-back-wrapper.is-tiny .cash .amount {
			font-size: 24px
		}

			.welcome-back-wrapper.is-tiny .cash .amount sup {
				font-size: 16px;
				top: -5px
			}

.offer-details-wrapper {
	color: var(--v-xdark-base)
}

	.offer-details-wrapper .offer-details-title {
		font-size: 24px;
		font-weight: 700;
		margin-bottom: 16px
	}

.is-tiny .offer-details-wrapper {
	padding: 0 16px
}

	.is-tiny .offer-details-wrapper .offer-details-title {
		font-size: 18px;
		margin-bottom: 4px;
		margin-top: 0
	}

.contact-infos-wrapper {
	margin-top: 24px
}

	.contact-infos-wrapper .contact-infos-title {
		font-size: 24px;
		font-weight: 700;
		color: var(--v-xdark-base);
		margin-bottom: 12px
	}

	.contact-infos-wrapper .contact-infos {
		color: var(--v-xdark-base)
	}

		.contact-infos-wrapper .contact-infos p {
			margin-bottom: 4px
		}

		.contact-infos-wrapper .contact-infos span {
			margin: 0 8px
		}

.is-tiny .contact-infos-wrapper {
	padding: 0 16px;
}

	.is-tiny .contact-infos-wrapper .contact-infos-title {
		font-size: 18px;
		margin-bottom: 4px;
	}

	.is-tiny .contact-infos-wrapper .contact-infos p {
		font-size: 14px;
	}

.summary-step {
	margin-bottom: 0px;
}

	.summary-step .divider {
		border-top: 2px solid var(--v-neutre200-base);
		margin: 18px 0 12px 0;
	}

.step-subtitle {
	font-size: 16px !important;
	font-weight: 400 !important;
	color: var(--v-xdark-base) !important;
	margin: 4px 0 8px 0
}

.is-tiny .step-subtitle {
	margin-bottom: 0
}

.is-tiny .divider {
	width: calc(100% - 32px);
	margin-left: 16px
}

.step-title {
	color: var(--v-success-base) !important;
	margin: 28px 2px 8px 2px !important;
	font-size: 32px !important
}

.step-subtitle, .step-title {
	font-weight: 700 !important;
	text-align: center !important
}

.step-subtitle {
	font-size: 24px !important;
	padding-bottom: 2px !important;
	line-height: 120%
}

.confirmation-step {
	color: var(--v-action800-base)
}

	.confirmation-step .confirmation-description {
		text-align: left !important;
		font-size: 18px;
		font-weight: 400;
		/*background-color: var(--v-neutre100-base);*/
		border: none;
		color: var(--v-action800-base);
		/*padding: 7px 10px;*/
		text-decoration: none;
		/*cursor: pointer;*/
		/*border-radius: 35px;*/
		transition: all 2.8s ease;
	}

		.confirmation-step .confirmation-description:active {
			background-color: rgba(var(--v-neutre200-base), 0.5);
			background-size: 100%;
			transition: background 0s;
		}

	.confirmation-step .user-booking-number {
		font-size: 16px;
		margin-bottom: 32px
	}

	.confirmation-step .appointment-details-title {
		margin-bottom: 24px !important
	}

	.confirmation-step .back-to-website {
		/*margin-bottom: 140px !important;*/
		margin-top: 0 !important
	}

.is-tiny .step-title {
	margin: 24px 0 8px 2px !important;
	font-size: 24px !important;
	text-align: left !important
}

.is-tiny .step-subtitle {
	font-size: 18px !important;
	text-align: left !important;
	padding: 0 16px
}

.is-tiny .confirmation-description, .is-tiny .user-booking-number {
	font-size: 14px;
	text-align: left;
	padding: 0 16px
}

.is-tiny .user-booking-number {
	margin-bottom: 20px
}

.is-tiny .confirmation-title {
	font-size: 24px;
	margin: 0;
	text-align: left
}

.is-tiny .appointment-details-title {
	margin-bottom: 16px !important
}

.x-text {
	padding-top: 9px;
	padding-right: 6px
}

	.x-text .v-text-field {
		line-height: 18px !important;
		padding: 6px 0 0 0 !important;
		margin: 3px 0 0 0 !important
	}

		.x-text .v-text-field .v-input__slot {
			margin-bottom: 3px !important
		}

		.x-text .v-text-field .v-input__prepend-outer {
			margin: 6px 18px 0 6px !important
		}

		.x-text .v-text-field .v-input__append-outer {
			margin: 6px 6px 0 18px !important
		}

	.x-text.is-tiny {
		padding-top: 6px;
		padding-right: 3px
	}

.x-textarea .v-text-field {
	margin-top: 3px !important
}

	.x-textarea .v-text-field input {
		line-height: 18px !important;
		padding: 6px 0 !important
	}

	.x-textarea .v-text-field .v-input__slot {
		margin-bottom: 3px !important
	}

	.x-textarea .v-text-field .v-input__prepend-outer {
		margin: 6px 18px 0 6px !important
	}

.x-textarea.is-tiny {
	padding-right: 3px
}

	.x-textarea.is-tiny .form-input-block {
		padding-right: 12px
	}

.v-input.v-text-field--outlined.v-input--is-label-active fieldset {
	border: 1px solid var(--v-xdark-base)
}

.v-input.v-text-field--outlined.v-input--has-state fieldset, .v-input.v-text-field--outlined.v-input--is-focused fieldset {
	border: 1px solid !important;
	transition: none !important;
	border-color: var(--v-xdark-base) !important
}

.v-input.v-text-field--outlined.v-input--has-state .v-text-field__slot label, .v-input.v-text-field--outlined.v-input--is-focused .v-text-field__slot label {
	color: var(--v-xdark-base) !important
}

.v-input.v-text-field--outlined.v-input--has-state.error--text fieldset, .v-input.v-text-field--outlined.v-input--is-focused.error--text fieldset {
	border: 2px solid !important;
	border-style: inset
}

.v-input.v-text-field--outlined.v-input--has-state.error--text .v-text-field__slot input, .v-input.v-text-field--outlined.v-input--has-state.error--text .v-text-field__slot label, .v-input.v-text-field--outlined.v-input--is-focused.error--text .v-text-field__slot input, .v-input.v-text-field--outlined.v-input--is-focused.error--text .v-text-field__slot label {
	color: var(--v-xblue-base) !important
}

.contact-form {
	margin-bottom: 8px;
	max-width: 500px
}

	.contact-form.is-tiny .x-text, .contact-form.is-tiny .x-textarea {
		padding: 0 15px
	}

.step-form-content-container {
	padding: 0 !important
}

	.step-form-content-container .contact-form-description {
		font-size: 15px;
		color: var(--v-xdark-base)
	}

.contact-information-step {
	margin-bottom: 24px;
}

	.contact-information-step .assistant-wrapper {
		margin-bottom: 0
	}

		.contact-information-step .assistant-wrapper .assistant strong {
			font-size: 16px
		}

	.contact-information-step .x-text {
		padding-right: 0
	}

		.contact-information-step .x-text .v-input__slot {
			border-radius: 8px
		}

	.contact-information-step.is-tiny {
		min-width: inherit
	}

		.contact-information-step.is-tiny .assistant-wrapper {
			margin-top: 0 !important
		}

		.contact-information-step.is-tiny .contact-disclaimers {
			padding: 0 16px
		}

	.contact-information-step .opt-in-checkbox-wrapper {
		color: var(--v-neutre800-base);
		display: block;
		margin-bottom: 32px
	}

		.contact-information-step .opt-in-checkbox-wrapper .assistant-component {
			margin-top: 18px
		}

		.contact-information-step .opt-in-checkbox-wrapper > div {
			display: flex
		}

		.contact-information-step .opt-in-checkbox-wrapper input:focus-visible + div {
			border-radius: 4px;
			padding: 4px;
			border: 2px solid var(--v-info-base) !important
		}

		.contact-information-step .opt-in-checkbox-wrapper input {
			position: absolute;
			opacity: 0;
			height: 0;
			width: 0;
			cursor: pointer
		}

			.contact-information-step .opt-in-checkbox-wrapper input:checked + div > .checkmark {
				background-color: var(--v-action500-base);
				border: 2px solid var(--v-action500-base)
			}

				.contact-information-step .opt-in-checkbox-wrapper input:checked + div > .checkmark:after {
					display: block
				}

		.contact-information-step .opt-in-checkbox-wrapper .checkmark {
			position: relative;
			display: inline-block;
			vertical-align: bottom;
			height: 32px;
			min-width: 32px;
			border-radius: 6px;
			border: 1px solid var(--v-neutre300-base);
			color: var(--v-neutreblanc-base);
			font-size: 16px;
			font-weight: 400;
			margin-right: 8px
		}

			.contact-information-step .opt-in-checkbox-wrapper .checkmark:after {
				content: "";
				position: absolute;
				display: none;
				left: 9px;
				top: 3px;
				width: 10px;
				height: 16px;
				border: solid var(--v-neutreblanc-base);
				border-width: 0 2px 2px 0;
				-webkit-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg)
			}

		.contact-information-step .opt-in-checkbox-wrapper .opt-in-txt {
			max-width: 390px;
			font-size: 14px;
			float: right
		}

		.contact-information-step .opt-in-checkbox-wrapper:hover {
			cursor: pointer
		}

			.contact-information-step .opt-in-checkbox-wrapper:hover .checkmark {
				background-color: var(--v-neutre100-base)
			}

		.contact-information-step .opt-in-checkbox-wrapper.is-tiny {
			padding: 0 16px
		}

			.contact-information-step .opt-in-checkbox-wrapper.is-tiny .opt-in-txt {
				max-width: 310px;
				font-size: 14px
			}

			.contact-information-step .opt-in-checkbox-wrapper.is-tiny input:focus-visible + div {
				border: none !important
			}

	.contact-information-step .contact-disclaimers {
		font-size: 14px;
		font-weight: 400;
		color: var(--v-neutre500-base)
	}

		.contact-information-step .contact-disclaimers a {
			text-decoration: underline;
			color: var(--v-neutre500-base)
		}

			.contact-information-step .contact-disclaimers a:focus-visible {
				border-radius: 4px;
				outline: 2px solid var(--v-info-base)
			}

.workorder-step {
	text-align: center;
	padding: 16px
}

	.workorder-step .description {
		margin: auto;
		padding: 16px 0;
		font-size: 24px;
		font-weight: 700;
		color: var(--v-xdark-base)
	}

.toggle-btn {
	text-transform: unset
}

	.toggle-btn:hover {
		cursor: pointer
	}

	.toggle-btn:focus-visible {
		border-radius: 4px;
		outline: 2px solid var(--v-info-base)
	}

	.toggle-btn .btn-wrapper {
		font-size: 16px;
		color: var(--v-xblue-base);
		font-weight: 700;
		text-transform: none
	}

		.toggle-btn .btn-wrapper .v-icon {
			padding-bottom: 2px;
			color: var(--v-xblue-base)
		}

.gm-style > div:nth-child(3), .gm-svpc, button.gm-control-active:nth-child(8), div.gm-style-cc:nth-child(9), div.gmnoprint:nth-child(5), div.gmnoprint:nth-child(7), div.gmnoprint:nth-child(11) {
	display: none
}

.locator-map {
	background-color: var(--v-neutre100-base);
	padding: 0;
	border-radius: 8px;
	border: 1px solid var(--v-neutre500-base);
	margin-bottom: 24px;
	overflow: hidden
}

	.locator-map .locator-map-loader {
		margin: 24px 0 24px calc(50% - 12px)
	}

	.locator-map .loader-container {
		background-color: var(--v-neutreblanc-base);
		height: 175px;
		padding-top: 48px
	}

		.locator-map .loader-container.is-dark {
			background-color: #000
		}

		.locator-map .loader-container div {
			width: 100%
		}

.x-card-checker {
	position: absolute;
	left: 16px;
	top: 16px;
	width: 24px;
	height: 24px
}

	.x-card-checker.is-in-locator {
		left: 0;
		top: 0
	}

	.x-card-checker div.radio-mock {
		display: flex;
		justify-content: center;
		align-items: center;
		appearance: none;
		width: 24px;
		height: 24px;
		border: 2px solid var(--v-neutre200-base);
		border-radius: 50%
	}

		.x-card-checker div.radio-mock.highlighted {
			border: 2px solid var(--v-action500-base);
			background-color: var(--v-action500-base)
		}

			.x-card-checker div.radio-mock.highlighted:before {
				content: "";
				background-color: var(--v-neutre100-base);
				width: 10px;
				height: 10px;
				border-radius: 50%
			}

.locator-picker-wrapper .location-infos {
	display: flex;
	justify-content: space-between;
	position: relative;
	width: 100%;
	margin-bottom: 12px;
	padding: 16px;
	border-radius: 8px;
	border: 2px solid var(--v-neutre200-base)
}

	.locator-picker-wrapper .location-infos .card-checker-wrapper {
		position: absolute;
		top: 16px !important;
		left: 16px !important
	}

	.locator-picker-wrapper .location-infos .location-details {
		font-size: 16px;
		color: var(--v-neutre800-base);
		margin-left: 30px
	}

		.locator-picker-wrapper .location-infos .location-details .location-title {
			font-weight: 700;
		}

		.locator-picker-wrapper .location-infos .location-details p {
			text-align: left;
			margin-bottom: 0
		}

		.locator-picker-wrapper .location-infos .location-details .location-distance-details {
			display: none;
		}

	.locator-picker-wrapper .location-infos .location-distance {
		display: flex;
		flex-direction: row;
		min-width: 70px;
	}

		.locator-picker-wrapper .location-infos .location-distance .v-icon:before {
			color: var(--v-neutre400-base) !important
		}

		.locator-picker-wrapper .location-infos .location-distance .distance {
			font-weight: 700;
			color: var(--v-neutre500-base)
		}

	.locator-picker-wrapper .location-infos .unavailable-txt {
		position: absolute;
		bottom: 16px;
		right: 16px;
		color: var(--v-neutre400-base);
		font-weight: 700
	}

	.locator-picker-wrapper .location-infos.selected {
		border: 2px solid var(--v-action600-base);
		background-color: var(--v-action50-base)
	}

		.locator-picker-wrapper .location-infos.selected .location-distance .distance, .locator-picker-wrapper .location-infos.selected .location-distance .v-icon:before {
			color: var(--v-action600-base) !important
		}

	.locator-picker-wrapper .location-infos.unavailable {
		background-color: var(--v-neutre100-base);
		padding-bottom: 40px
	}

		.locator-picker-wrapper .location-infos.unavailable .location-details {
			color: var(--v-neutre400-base)
		}

		.locator-picker-wrapper .location-infos.unavailable .location-distance .distance, .locator-picker-wrapper .location-infos.unavailable .location-distance .v-icon:before {
			color: var(--v-neutre300-base) !important
		}

	.locator-picker-wrapper .location-infos.earlier-availabilities {
		padding-bottom: 40px
	}

		.locator-picker-wrapper .location-infos.earlier-availabilities .earlier-txt {
			position: absolute;
			font-size: 14px;
			bottom: 16px;
			right: 16px;
			color: var(--v-xdark-base);
			font-weight: 400
		}

	.locator-picker-wrapper .location-infos:first-child:focus-visible {
		margin: 2px 2px 14px 2px
	}

	.locator-picker-wrapper .location-infos:focus-visible {
		border: none;
		border-radius: 6px;
		width: calc(100% - 4px);
		margin: 14px 2px;
		outline: 2px solid var(--v-info-base)
	}

.locator-picker-wrapper.is-tiny .location-details {
	font-size: 14px
}

.locator-picker-wrapper.is-tiny .distance {
	font-size: 14px;
	width: 64px;
	text-align: right
}

.locator-picker-wrapper.is-tiny .unavailable-txt {
	font-size: 14px
}

.locator-picker-wrapper.is-tiny .earlier-txt {
	font-size: 12px !important
}

.locator {
	padding: 0
}

	.locator .map-title-wrapper {
		display: flex;
		justify-content: space-between;
		align-items: baseline
	}

		.locator .map-title-wrapper.right {
			justify-content: flex-end
		}

	.locator .btn-with-map {
		display: block;
		font-size: 16px;
		color: var(--v-action500-base);
		font-weight: 700;
		margin: 8px auto
	}

	.locator .locator-container {
		padding: 0
	}

		.locator .locator-container .locator-picker-flex {
			padding: 0 !important
		}

	.locator.is-small {
		margin-bottom: 3px
	}

	.locator.is-tiny {
		margin-top: 0
	}

		.locator.is-tiny .btn-with-map {
			font-size: 14px
		}

.period-selector .calendar-subtitle {
	margin: 32px 0 16px 0
}

	.period-selector .calendar-subtitle h2 {
		font-size: 24px;
		color: var(--v-xdark-base);
		font-weight: 700;
		margin-bottom: 0 !important
	}

	.period-selector .calendar-subtitle.is-tiny {
		padding: 0 16px;
		margin: 20px 0 16px 0
	}

		.period-selector .calendar-subtitle.is-tiny h2 {
			font-size: 18px
		}

.period-selector .select-period-wrapper {
	display: flex;
	justify-content: space-between
}

	.period-selector .select-period-wrapper > * + * {
		margin-left: 8px
	}

	.period-selector .select-period-wrapper.period-disabled .select-period {
		background-color: var(--v-neutre100-base) !important;
		color: var(--v-neutre300-base) !important;
		border: 2px solid var(--v-neutre200-base) !important
	}

		.period-selector .select-period-wrapper.period-disabled .select-period:hover {
			cursor: default
		}

		.period-selector .select-period-wrapper.period-disabled .select-period .radio-shape {
			border: 2px solid var(--v-neutre300-base) !important;
			background-color: var(--v-neutre100-base) !important
		}

			.period-selector .select-period-wrapper.period-disabled .select-period .radio-shape:after {
				content: none
			}

	.period-selector .select-period-wrapper .select-period {
		display: flex;
		align-items: center;
		width: 100%;
		padding: 16px;
		border: 2px solid var(--v-neutre200-base);
		color: var(--v-xdark-base);
		border-radius: 8px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		transition: background-color .1s ease-in-out
	}

		.period-selector .select-period-wrapper .select-period.selected {
			background-color: var(--v-action50-base) !important;
			border: 2px solid var(--v-xblue-base)
		}

			.period-selector .select-period-wrapper .select-period.selected:focus-visible, .period-selector .select-period-wrapper .select-period:focus-visible {
				border-radius: 8px;
				border: 2px solid var(--v-info-base) !important
			}

		.period-selector .select-period-wrapper .select-period:has(input:focus-visible) {
			border: 2px solid var(--v-info-base)
		}

		.period-selector .select-period-wrapper .select-period:hover {
			cursor: pointer;
			background-color: var(--v-action50-base)
		}

		.period-selector .select-period-wrapper .select-period input {
			position: absolute;
			opacity: 0;
			cursor: pointer;
			height: 0;
			width: 0
		}

			.period-selector .select-period-wrapper .select-period input:checked ~ .radio-shape {
				background-color: var(--v-xblue-base);
				border: none
			}

				.period-selector .select-period-wrapper .select-period input:checked ~ .radio-shape:after {
					display: block
				}

		.period-selector .select-period-wrapper .select-period .radio-shape {
			position: absolute;
			height: 24px;
			width: 24px;
			border-radius: 100%;
			border: 2px solid var(--v-neutre300-base);
			background-color: var(--v-neutreblanc-base);
			margin-right: 10px
		}

			.period-selector .select-period-wrapper .select-period .radio-shape:after {
				content: "";
				position: absolute;
				display: none;
				left: calc(50% - 5px);
				top: calc(50% - 5px);
				width: 10px;
				height: 10px;
				background-color: var(--v-neutreblanc-base);
				border-radius: 100%
			}

		.period-selector .select-period-wrapper .select-period .period-txt {
			font-size: 14px;
			font-weight: 700;
			padding-left: 10px;
			margin: auto
		}

		.period-selector .select-period-wrapper .select-period input:checked ~ .radio-shape::after {
			display: block;
		}

		.period-selector .select-period-wrapper .select-period .radio-shape::after {
			content: "";
			position: absolute;
			display: none;
			left: calc(50% - 5px);
			top: calc(50% - 5px);
			width: 10px;
			height: 10px;
			background-color: var(--v-neutreblanc-base);
			border-radius: 100%;
		}

	.period-selector .select-period-wrapper.is-tiny {
		padding: 0 16px
	}

.period-selector .drop-off-checkbox-wrapper {
	color: var(--v-neutre800-base);
	display: block;
	margin-bottom: 40px
}

	.period-selector .drop-off-checkbox-wrapper > div {
		display: flex
	}

	.period-selector .drop-off-checkbox-wrapper input:focus-visible + div {
		border-radius: 4px;
		padding: 4px;
		border: 2px solid var(--v-info-base) !important
	}

	.period-selector .drop-off-checkbox-wrapper input {
		position: absolute;
		opacity: 0;
		height: 0;
		width: 0;
		cursor: pointer
	}

		.period-selector .drop-off-checkbox-wrapper input:checked + div > .checkmark {
			border: 2px solid var(--v-neutre800-base)
		}

			.period-selector .drop-off-checkbox-wrapper input:checked + div > .checkmark:after {
				display: block
			}

	.period-selector .drop-off-checkbox-wrapper .checkbox-loader {
		color: var(--v-neutre300-base);
		margin-right: 8px;
		margin-top: -2px
	}

	.period-selector .drop-off-checkbox-wrapper .checkmark {
		position: relative;
		display: inline-block;
		vertical-align: bottom;
		height: 24px;
		width: 24px;
		border-radius: 6px;
		border: 2px solid var(--v-neutre300-base);
		background-color: var(--v-neutreblanc-base);
		font-size: 16px;
		font-weight: 400
	}

		.period-selector .drop-off-checkbox-wrapper .checkmark:after {
			content: "";
			position: absolute;
			display: none;
			left: 7px;
			top: 2px;
			width: 7px;
			height: 12px;
			border: solid var(--v-neutre800-base);
			border-width: 0 2px 2px 0;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg)
		}

	.period-selector .drop-off-checkbox-wrapper .drop-off-txt {
		margin-left: 8px
	}

	.period-selector .drop-off-checkbox-wrapper:hover {
		cursor: pointer
	}

		.period-selector .drop-off-checkbox-wrapper:hover .checkmark {
			background-color: var(--v-neutre100-base)
		}

	.period-selector .drop-off-checkbox-wrapper.is-tiny {
		padding: 0 16px
	}

		.period-selector .drop-off-checkbox-wrapper.is-tiny input:focus-visible + div {
			border: none !important
		}

		.period-selector .drop-off-checkbox-wrapper.is-tiny .checkmark {
			width: 27px
		}
















.back-to-website {
	display: block;
	font-size: 16px;
	font-weight: 700;
	margin-top: 24px !important;
	margin-bottom: 4px !important;
	color: var(--v-action600-base);
	text-decoration: underline;
	margin: auto;
	text-align: center
}

	.back-to-website:hover {
		color: var(--v-action800-base);
	}

	.back-to-website:active {
		color: var(--v-action900-base);
	}

	.back-to-website:visited {
		color: var(--v-action700-base);
	}

	.back-to-website:focus-visible {
		width: calc(100% - 4px);
		border-radius: 4px;
		outline: 2px solid var(--v-info-base)
	}

.lang-switcher {
	font-weight: 700 !important;
	font-size: 16px !important
}

	.lang-switcher:focus-visible {
		outline: 2px solid var(--v-info-base)
	}

.component-title {
	font-size: 18px;
	line-height: 24px;
	font-weight: 700
}

	.component-title.is-small {
		line-height: 20px
	}

	.component-title.is-tiny {
		line-height: 24px;
		font-size: 18px
	}

.component-subtitle {
	font-size: 15px;
	line-height: 18px
}

	.component-subtitle.is-small {
		font-weight: unset
	}

.primary-text {
	color: var(--v-xdark-base);
	font-weight: 400
}

.primary-text, .secondary-text {
	font-size: 15px
}

.element-text {
	font-size: 14px
}

.tiny-text {
	font-size: 9px;
	font-style: italic
}

	.tiny-text.is-small {
		font-size: 6px
	}

.v-btn {
	letter-spacing: normal !important
}

.font-weight-bold {
	font-weight: 600 !important
}

a.link {
	font-size: 15px !important;
	text-decoration: none;
	position: relative
}

	a.link:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 1px;
		bottom: -2px;
		left: 0;
		background-color: var(--v-xdark-base);
		visibility: hidden;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transition: all .2s ease-in-out 0s;
		transition: all .2s ease-in-out 0s
	}

	a.link:hover:before {
		visibility: visible;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	a.link.is-small {
		font-size: 12px !important
	}

.row {
	margin-left: 0 !important;
	margin-right: 0 !important
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
	padding: 0 !important
}

.show-heading h1, .show-heading h2, .show-heading h3 {
	position: relative;
	border-radius: 4px
}

	.show-heading h1:before, .show-heading h2:before, .show-heading h3:before {
		font-size: 14px;
		font-weight: 700;
		position: absolute;
		top: calc(50% - 10px);
		right: 4px;
		padding: 0 4px;
		background-color: var(--v-neutreblanc-base)
	}

.show-heading h1 {
	border: 1px solid red !important
}

	.show-heading h1:before {
		content: "h1";
		color: red
	}

.show-heading h2 {
	border: 1px solid var(--v-info-base) !important
}

	.show-heading h2:before {
		content: "h2";
		color: var(--v-info-base)
	}

.show-heading h3 {
	border: 1px solid var(--v-accent-base) !important
}

	.show-heading h3:before {
		content: "h3";
		color: var(--v-accent-base)
	}

.calendar-wrapper .drop-off-checkbox-wrapper {
	color: var(--v-neutre800-base);
	display: block
}

	.calendar-wrapper .drop-off-checkbox-wrapper input {
		position: absolute;
		opacity: 0;
		height: 0;
		width: 0;
		cursor: pointer
	}

		.calendar-wrapper .drop-off-checkbox-wrapper input:checked ~ .checkmark {
			border: 2px solid var(--v-neutre800-base)
		}

			.calendar-wrapper .drop-off-checkbox-wrapper input:checked ~ .checkmark:after {
				display: block
			}

	.calendar-wrapper .drop-off-checkbox-wrapper .checkmark {
		position: relative;
		display: inline-block;
		vertical-align: bottom;
		height: 24px;
		width: 24px;
		border-radius: 6px;
		border: 2px solid var(--v-neutre300-base);
		background-color: var(--v-neutreblanc-base);
		margin-right: 8px;
		font-size: 16px;
		font-weight: 400
	}

		.calendar-wrapper .drop-off-checkbox-wrapper .checkmark:after {
			content: "";
			position: absolute;
			display: none;
			left: 7px;
			top: 2px;
			width: 7px;
			height: 12px;
			border: solid var(--v-neutre800-base);
			border-width: 0 2px 2px 0;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg)
		}

	.calendar-wrapper .drop-off-checkbox-wrapper:hover {
		cursor: pointer
	}

		.calendar-wrapper .drop-off-checkbox-wrapper:hover .checkmark {
			background-color: var(--v-neutre100-base)
		}

	.calendar-wrapper .drop-off-checkbox-wrapper:has(input:focus-visible) {
		border-radius: 4px;
		padding: 4px;
		border: 2px solid var(--v-info-base) !important
	}

	.calendar-wrapper .drop-off-checkbox-wrapper.is-tiny {
		padding: 0 16px
	}

.calendar-wrapper .is-in-cluster .x-card-container:has(.x-card-checker) {
	display: flex;
	height: 56px
}

	.calendar-wrapper .is-in-cluster .x-card-container:has(.x-card-checker) .solo-title {
		display: flex;
		align-items: center;
		width: 100%;
		margin: 0 auto;
		margin-left: 32px
	}

	.calendar-wrapper .is-in-cluster .x-card-container:has(.x-card-checker) .x-card-checker .component-title, .calendar-wrapper .is-in-cluster .x-card-container:has(.x-card-checker) .x-card-header .component-title {
		font-size: 16px !important;
		font-weight: 700 !important;
		margin-left: 24px
	}

	.calendar-wrapper .is-in-cluster .x-card-container:has(.x-card-checker) .x-card-checker .x-card-header-container, .calendar-wrapper .is-in-cluster .x-card-container:has(.x-card-checker) .x-card-header .x-card-header-container {
		margin: 0
	}

	.calendar-wrapper .is-in-cluster .x-card-container:has(.x-card-checker) .x-card-checker.is-small, .calendar-wrapper .is-in-cluster .x-card-container:has(.x-card-checker) .x-card-checker.is-tiny, .calendar-wrapper .is-in-cluster .x-card-container:has(.x-card-checker) .x-card-header.is-small, .calendar-wrapper .is-in-cluster .x-card-container:has(.x-card-checker) .x-card-header.is-tiny {
		margin: 0 !important;
		padding-bottom: 0 !important;
		line-height: inherit
	}

		.calendar-wrapper .is-in-cluster .x-card-container:has(.x-card-checker) .x-card-checker.is-small .container, .calendar-wrapper .is-in-cluster .x-card-container:has(.x-card-checker) .x-card-checker.is-tiny .container, .calendar-wrapper .is-in-cluster .x-card-container:has(.x-card-checker) .x-card-header.is-small .container, .calendar-wrapper .is-in-cluster .x-card-container:has(.x-card-checker) .x-card-header.is-tiny .container {
			margin: 0 !important;
			padding: 0 !important
		}

		.calendar-wrapper .is-in-cluster .x-card-container:has(.x-card-checker) .x-card-checker.is-small .component-title, .calendar-wrapper .is-in-cluster .x-card-container:has(.x-card-checker) .x-card-checker.is-tiny .component-title, .calendar-wrapper .is-in-cluster .x-card-container:has(.x-card-checker) .x-card-header.is-small .component-title, .calendar-wrapper .is-in-cluster .x-card-container:has(.x-card-checker) .x-card-header.is-tiny .component-title {
			margin-left: 16px
		}

.calendar-wrapper .select-period-wrapper {
	display: flex;
	justify-content: space-between
}

	.calendar-wrapper .select-period-wrapper > * + * {
		margin-left: 8px
	}

	.calendar-wrapper .select-period-wrapper.period-disabled .select-period {
		background-color: var(--v-neutre100-base) !important;
		color: var(--v-neutre300-base) !important;
		border: 2px solid var(--v-neutre200-base) !important
	}

		.calendar-wrapper .select-period-wrapper.period-disabled .select-period:hover {
			cursor: default
		}

		.calendar-wrapper .select-period-wrapper.period-disabled .select-period .radio-shape {
			border: 2px solid var(--v-neutre300-base) !important;
			background-color: var(--v-neutre100-base) !important
		}

			.calendar-wrapper .select-period-wrapper.period-disabled .select-period .radio-shape:after {
				content: none
			}

	.calendar-wrapper .select-period-wrapper .select-period {
		display: flex;
		align-items: center;
		width: 100%;
		padding: 16px;
		border: 2px solid var(--v-neutre200-base);
		color: var(--v-xdark-base);
		border-radius: 8px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		transition: background-color .1s ease-in-out
	}

		.calendar-wrapper .select-period-wrapper .select-period:has(input:checked) {
			background-color: var(--v-action50-base) !important;
			border: 2px solid var(--v-xblue-base)
		}

			.calendar-wrapper .select-period-wrapper .select-period:has(input:checked):focus-visible {
				border-radius: 8px;
				border: 2px solid var(--v-info-base) !important
			}

		.calendar-wrapper .select-period-wrapper .select-period:focus-visible {
			border-radius: 8px;
			border: 2px solid var(--v-info-base) !important
		}

		.calendar-wrapper .select-period-wrapper .select-period:has(input:focus-visible) {
			border: 2px solid var(--v-info-base)
		}

		.calendar-wrapper .select-period-wrapper .select-period:hover {
			cursor: pointer;
			background-color: var(--v-action50-base)
		}

		.calendar-wrapper .select-period-wrapper .select-period input {
			position: absolute;
			opacity: 0;
			cursor: pointer;
			height: 0;
			width: 0
		}

			.calendar-wrapper .select-period-wrapper .select-period input:checked ~ .radio-shape {
				background-color: var(--v-xblue-base);
				border: none
			}

				.calendar-wrapper .select-period-wrapper .select-period input:checked ~ .radio-shape:after {
					display: block
				}

		.calendar-wrapper .select-period-wrapper .select-period .radio-shape {
			position: absolute;
			height: 24px;
			width: 24px;
			border-radius: 100%;
			border: 2px solid var(--v-neutre300-base);
			background-color: var(--v-neutreblanc-base);
			margin-right: 10px
		}

			.calendar-wrapper .select-period-wrapper .select-period .radio-shape:after {
				content: "";
				position: absolute;
				display: none;
				left: calc(50% - 5px);
				top: calc(50% - 5px);
				width: 10px;
				height: 10px;
				background-color: var(--v-neutreblanc-base);
				border-radius: 100%
			}

		.calendar-wrapper .select-period-wrapper .select-period .period-txt {
			font-size: 14px;
			font-weight: 700;
			padding-left: 10px;
			margin: auto
		}

	.calendar-wrapper .select-period-wrapper.is-tiny {
		padding: 0 16px
	}

.calendar-wrapper .carousel-wrapper .carousel-header {
	display: flex;
	justify-content: space-between
}

	.calendar-wrapper .carousel-wrapper .carousel-header .header-title {
		color: var(--v-neutre800-base);
		font-weight: 700;
		font-size: 18px
	}

	.calendar-wrapper .carousel-wrapper .carousel-header .slide-btn .v-icon:before {
		color: var(--v-action500-base)
	}

	.calendar-wrapper .carousel-wrapper .carousel-header .slide-btn[disabled] .v-icon:before {
		color: var(--v-neutre100-base)
	}

	.calendar-wrapper .carousel-wrapper .carousel-header .slide-btn:focus-visible {
		border-radius: 8px;
		outline: 2px solid var(--v-info-base) !important
	}

.calendar-wrapper .carousel-wrapper .carousel {
	height: inherit !important;
	margin-bottom: 24px
}

	.calendar-wrapper .carousel-wrapper .carousel .slide .v-image, .calendar-wrapper .carousel-wrapper .carousel .v-window__container {
		height: inherit !important
	}

	.calendar-wrapper .carousel-wrapper .carousel .slide .row > * + * {
		margin-left: 8px
	}

	.calendar-wrapper .carousel-wrapper .carousel .slide .row .col-title {
		font-size: 16px;
		font-weight: 700;
		color: var(--v-neutre800-base);
		margin: 0;
		text-align: center;
		padding: 24px 0 8px 0
	}

		.calendar-wrapper .carousel-wrapper .carousel .slide .row .col-title.selected {
			color: var(--v-action500-base)
		}

	.calendar-wrapper .carousel-wrapper .carousel .slide .row .col-subtitle {
		font-size: 14px;
		font-weight: 700;
		color: var(--v-neutre500-base);
		text-align: center;
		padding-bottom: 24px;
	}

		.calendar-wrapper .carousel-wrapper .carousel .slide .row .col-subtitle.selected {
			color: var(--v-action400-base)
		}

	.calendar-wrapper .carousel-wrapper .carousel .slide .row .slot {
		width: 100%;
		font-size: 14px;
		font-weight: 400;
		text-align: center;
		background-color: var(--v-neutreblanc-base);
		margin-bottom: 8px;
		position: relative
	}

		.calendar-wrapper .carousel-wrapper .carousel .slide .row .slot.closed, .calendar-wrapper .carousel-wrapper .carousel .slide .row .slot.open {
			border: 2px solid var(--v-neutre200-base);
			border-radius: 6px;
			transition: background-color 75ms ease-in-out
		}

		.calendar-wrapper .carousel-wrapper .carousel .slide .row .slot.selected {
			border: 2px solid var(--v-action500-base);
			background-color: var(--v-action50-base)
		}

		.calendar-wrapper .carousel-wrapper .carousel .slide .row .slot.closed {
			color: var(--v-neutre300-base)
		}

		.calendar-wrapper .carousel-wrapper .carousel .slide .row .slot.unavailable {
			height: 44px
		}

			.calendar-wrapper .carousel-wrapper .carousel .slide .row .slot.unavailable span {
				display: none
			}

			.calendar-wrapper .carousel-wrapper .carousel .slide .row .slot.unavailable:after {
				content: "\2014";
				color: var(--v-neutre300-base)
			}

		.calendar-wrapper .carousel-wrapper .carousel .slide .row .slot.open {
			color: var(--v-neutre800-base)
		}

			.calendar-wrapper .carousel-wrapper .carousel .slide .row .slot.open .allday-open {
				font-weight: 700
			}

			.calendar-wrapper .carousel-wrapper .carousel .slide .row .slot.open sub {
				font-size: 10px;
				top: 0
			}

			.calendar-wrapper .carousel-wrapper .carousel .slide .row .slot.open:hover {
				background-color: var(--v-neutre100-base)
			}

		.calendar-wrapper .carousel-wrapper .carousel .slide .row .slot.allday {
			margin-top: 16px
		}

			.calendar-wrapper .carousel-wrapper .carousel .slide .row .slot.allday:focus-visible {
				border-radius: 4px;
				height: 40px !important;
				margin-top: 18px;
				margin-bottom: 10px;
				margin-left: 2px;
				width: calc(100% - 4px);
				border: none;
				outline: 2px solid var(--v-info-base) !important
			}

		.calendar-wrapper .carousel-wrapper .carousel .slide .row .slot .checkmark {
			content: "";
			position: absolute;
			right: 8px;
			top: 3px;
			width: 5px;
			height: 11px;
			border: solid var(--v-action500-base);
			border-width: 0 1px 1px 0;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg)
		}

		.calendar-wrapper .carousel-wrapper .carousel .slide .row .slot:focus-visible {
			border-radius: 4px;
			height: 40px !important;
			margin-top: 2px;
			margin-bottom: 10px;
			margin-left: 2px;
			width: calc(100% - 4px);
			border: none;
			outline: 2px solid var(--v-info-base) !important
		}

.calendar-wrapper .inspection-msg {
	background-color: var(--v-infolighter-base);
	padding: 16px;
	border-radius: 8px;
	font-size: 14px;
	margin-bottom: 24px
}

	.calendar-wrapper .inspection-msg p {
		margin-bottom: 8px
	}

	.calendar-wrapper .inspection-msg .msg-title {
		font-weight: 700;
		font-size: 16px
	}

.calendar-wrapper.is-tiny {
	padding: 0 16px
}

.booking-step {
	margin-top: 12px;
	margin-bottom: 24px
}

	.booking-step .exitpoint-structure {
		margin-top: 40px
	}

	.booking-step #LocatorToggler-btn {
		height: unset;
		width: 100%;
		text-align: left
	}

		.booking-step #LocatorToggler-btn:focus-visible {
			border-radius: 8px;
			outline: 2px solid var(--v-info-base)
		}

		.booking-step #LocatorToggler-btn .locator-toggler {
			border: 1px solid var(--v-neutre300-base) !important;
			border-radius: 8px !important;
			padding: 0 !important
		}

			.booking-step #LocatorToggler-btn .locator-toggler .locator-container {
				padding: 4px 16px 0 16px !important
			}

			.booking-step #LocatorToggler-btn .locator-toggler .toggler-zone {
				padding: 12px 16px;
				border-bottom: 1px solid var(--v-neutre300-base)
			}

				.booking-step #LocatorToggler-btn .locator-toggler .toggler-zone .assistant-wrapper {
					margin-top: 12px;
					margin-bottom: 4px
				}

					.booking-step #LocatorToggler-btn .locator-toggler .toggler-zone .assistant-wrapper.is-tiny {
						margin-top: 12px !important
					}

						.booking-step #LocatorToggler-btn .locator-toggler .toggler-zone .assistant-wrapper.is-tiny .assistant {
							font-size: 14px;
							font-weight: 700
						}

					.booking-step #LocatorToggler-btn .locator-toggler .toggler-zone .assistant-wrapper .assistant {
						font-size: 16px
					}

			.booking-step #LocatorToggler-btn .locator-toggler .locator-toggler-title {
				font-size: 16px;
				font-weight: 700;
				color: var(--v-xdark-base)
			}

			.booking-step #LocatorToggler-btn .locator-toggler .shop-location {
				font-size: 14px;
				font-weight: 400;
				color: var(--v-xdark-base)
			}

			.booking-step #LocatorToggler-btn .locator-toggler .open-locator-btn {
				margin: 16px 16px 12px 16px;
				font-size: 16px;
				font-weight: 700;
				color: var(--v-xblue-base)
			}

				.booking-step #LocatorToggler-btn .locator-toggler .open-locator-btn:hover {
					cursor: pointer
				}

				.booking-step #LocatorToggler-btn .locator-toggler .open-locator-btn .chevron {
					float: right
				}

	.booking-step .assistant-wrapper {
		margin-bottom: 40px
	}

		.booking-step .assistant-wrapper .assistant p {
			margin-bottom: 0;
			font-size: 18px;
			font-weight: 700
		}

			.booking-step .assistant-wrapper .assistant p.result-title {
				font-size: 16px;
				font-weight: 400
			}

		.booking-step .assistant-wrapper.is-tiny {
			margin-top: 24px !important
		}

			.booking-step .assistant-wrapper.is-tiny .assistant p {
				font-size: 16px
			}

	.booking-step .estimated-hour {
		font-size: 16px;
		font-weight: 400;
		color: var(--v-xdark-base);
		margin: 6px 0 0 0
	}

		.booking-step .estimated-hour .clock-icon {
			margin-right: 3px
		}

	.booking-step.is-tiny {
		margin-bottom: 40px;
		margin-top: 0
	}

		.booking-step.is-tiny .x-sheet-title.calendar-subtitle {
			padding: 0 12px 9px 15px
		}

		.booking-step.is-tiny .locator-toggler {
			margin: 0 16px 12px 16px
		}

			.booking-step.is-tiny .locator-toggler .open-locator-btn {
				font-size: 14px !important
			}

		.booking-step.is-tiny .estimated-hour {
			padding: 0 16px;
			font-size: 14px
		}

		.booking-step.is-tiny .select-period-wrapper {
			padding: 0 16px 16px 16px
		}

		.booking-step.is-tiny .exitpoint-structure {
			margin-top: 14px
		}

.borders {
	position: absolute;
	top: -8px;
	right: -8px;
	z-index: 100;
	width: 150px;
	height: 150px;
	display: block;
	border: none;
	border-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 2px solid var(--v-xblue-base);
	border-top: 2px solid var(--v-xblue-base)
}

.x-card-popular {
	position: absolute;
	top: -24px;
	right: -60px;
	width: 120px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: rotate(45deg);
	transform-origin: top left;
	background-color: var(--v-decorative-base);
	font-size: 12px;
	font-weight: 600
}

	.x-card-popular.is-small {
		font-size: 10px;
		top: -31px;
		right: -65px
	}

	.x-card-popular:before {
		left: -32px;
		border-left: 16px solid transparent;
		border-right: 16px solid var(--v-decorative-base)
	}

	.x-card-popular:after, .x-card-popular:before {
		content: "";
		display: block;
		position: absolute;
		border-bottom: 16px solid var(--v-decorative-base);
		border-top: 16px solid transparent
	}

	.x-card-popular:after {
		right: -32px;
		border-left: 16px solid var(--v-decorative-base);
		border-right: 16px solid transparent
	}

.x-card-header {
	padding: 0
}

	.x-card-header .titanium-card .titanium-card-header {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 4px;
		min-height: 170px
	}

		.x-card-header .titanium-card .titanium-card-header .card-subtitle, .x-card-header .titanium-card .titanium-card-header .card-title {
			color: var(--v-xdark-base);
			font-size: 24px;
			font-weight: 700;
			padding: 0 0 5px 0 !important;
			text-align: center
		}

		.x-card-header .titanium-card .titanium-card-header .card-subtitle {
			font-size: 18px;
			margin: 0 0 12px 0 !important;
			height: 24px;
			line-height: 22px
		}

		.x-card-header .titanium-card .titanium-card-header .loader, .x-card-header .titanium-card .titanium-card-header .needs-details {
			display: none
		}

		.x-card-header .titanium-card .titanium-card-header .description-repair {
			color: var(--v-xdark-base);
			font-size: 16px;
			text-align: center;
			padding: 0;
			margin-bottom: 8px
		}

		.x-card-header .titanium-card .titanium-card-header .amount-wrapper {
			color: var(--v-xdark-base);
			font-size: 32px;
			font-weight: 700;
			padding-top: 0 !important
		}

			.x-card-header .titanium-card .titanium-card-header .amount-wrapper .dollar-sign {
				font-size: 32px;
				font-weight: 700
			}

			.x-card-header .titanium-card .titanium-card-header .amount-wrapper sup {
				font-size: 16px;
				font-weight: 700;
				top: -5px;
				margin-right: 3px
			}

			.x-card-header .titanium-card .titanium-card-header .amount-wrapper .no-amount {
				font-size: 20px;
				font-weight: 600;
				color: var(--v-xdark-base);
				text-align: center
			}

			.x-card-header .titanium-card .titanium-card-header .amount-wrapper .plus-taxes {
				order: 3;
				font-style: normal;
				font-size: 14px;
				font-weight: 400;
				color: var(--v-neutre500-base)
			}

			.x-card-header .titanium-card .titanium-card-header .amount-wrapper .moldings-details {
				font-size: 15px;
				font-weight: 400
			}

		.x-card-header .titanium-card .titanium-card-header .description {
			padding: 4px 0 12px 0 !important;
			color: var(--v-xdark-base);
			font-size: 14px;
			font-weight: 400;
			text-align: center
		}

	.x-card-header .titanium-card .open-inclusions-btn {
		padding: 12px 0 0 0
	}

		.x-card-header .titanium-card .open-inclusions-btn span {
			margin-right: 4px;
			color: var(--v-xdark-base);
			font-size: 14px;
			font-weight: 400
		}

	.x-card-header .titanium-card .inclusions-list {
		margin: 0 0 15px 0
	}

		.x-card-header .titanium-card .inclusions-list .inclusions-title {
			color: var(--v-xdark-base);
			font-size: 16px;
			font-weight: 700;
			padding-top: 0
		}

		.x-card-header .titanium-card .inclusions-list .inclusions {
			padding-left: 8px
		}

			.x-card-header .titanium-card .inclusions-list .inclusions .inclusions-txt {
				color: var(--v-xdark-base);
				font-size: 16px;
				font-weight: 400
			}

				.x-card-header .titanium-card .inclusions-list .inclusions .inclusions-txt sup {
					font-size: 10px
				}

		.x-card-header .titanium-card .inclusions-list.is-tiny .inclusions-txt {
			font-size: 14px
		}

	.x-card-header .titanium-card.loading .amount-wrapper, .x-card-header .titanium-card.loading .inclusions-list, .x-card-header .titanium-card.loading .open-inclusions-wrapper {
		display: none !important
	}

	.x-card-header .titanium-card.loading .loader {
		display: inline-block;
		text-align: center
	}

	.x-card-header .titanium-card.loading .description {
		padding-bottom: 0 !important
	}

	.x-card-header .titanium-card.disabled-card .amount-wrapper, .x-card-header .titanium-card.disabled-card .description, .x-card-header .titanium-card.disabled-card .inclusions-list, .x-card-header .titanium-card.disabled-card .open-inclusions-wrapper {
		display: none !important
	}

	.x-card-header .titanium-card.disabled-card .card-title, .x-card-header .titanium-card.disabled-card .needs-details {
		color: var(--v-neutre500-base)
	}

	.x-card-header .titanium-card.disabled-card .needs-details {
		display: block;
		text-align: center;
		font-size: 15px;
		font-weight: 400;
		color: var(--v-xdark-base)
	}

	.x-card-header.is-tiny .titanium-card-header {
		min-height: inherit
	}

		.x-card-header.is-tiny .titanium-card-header .card-subtitle, .x-card-header.is-tiny .titanium-card-header .card-title {
			font-size: 18px !important;
			font-weight: 700
		}

		.x-card-header.is-tiny .titanium-card-header .card-subtitle {
			font-size: 16px !important;
			height: inherit;
			line-height: inherit
		}

		.x-card-header.is-tiny .titanium-card-header .description-repair {
			max-width: 200px
		}

	.x-card-header.no-media-header:not(.is-in-scroller) {
		margin-left: 9px
	}

	.x-card-header.solo-title {
		margin: 9px
	}

	.x-card-header .x-card-header-container {
		margin: 9px;
		padding: 0
	}

		.x-card-header .x-card-header-container .x-card-flex-header {
			padding: 9px 12px 9px 6px
		}

			.x-card-header .x-card-header-container .x-card-flex-header.no-media {
				padding: 9px 9px 9px 3px
			}

			.x-card-header .x-card-header-container .x-card-flex-header.is-solo-title {
				padding-top: 0;
				padding-bottom: 0
			}

		.x-card-header .x-card-header-container .x-card-choice-icon {
			font-size: 32px;
			text-align: center;
			max-width: 150px;
			min-height: 32px;
			max-height: 150px
		}

			.x-card-header .x-card-header-container .x-card-choice-icon.special-icon {
				font-size: 48px;
				min-height: 48px;
				max-height: 150px;
				width: 96px
			}

		.x-card-header .x-card-header-container .including-title {
			font-size: 14px;
			font-weight: 700;
			color: var(--v-xdark-base)
		}

		.x-card-header .x-card-header-container .x-card-choice-image {
			margin: 0 auto;
			width: 100px;
			max-width: 150px;
			min-height: 50px;
			max-height: 150px
		}

			.x-card-header .x-card-header-container .x-card-choice-image.job-type {
				padding-top: 0;
				width: 150px
			}

		.x-card-header .x-card-header-container .x-card-choice-price {
			padding-left: unset;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			width: 84px;
			height: 60px
		}

			.x-card-header .x-card-header-container .x-card-choice-price .prices-container {
				top: 20px;
				position: absolute;
				width: 100%
			}

			.x-card-header .x-card-header-container .x-card-choice-price .prices-label {
				position: absolute;
				width: 100%;
				font-size: 12px
			}

			.x-card-header .x-card-header-container .x-card-choice-price .prices-integer {
				font-weight: 700;
				font-size: 13px
			}

			.x-card-header .x-card-header-container .x-card-choice-price .prices-decimal {
				position: absolute;
				font-weight: 700;
				font-size: 9px;
				padding-top: 4px;
				padding-left: 2px
			}

			.x-card-header .x-card-header-container .x-card-choice-price .prices-promo-container {
				top: 39px;
				position: absolute
			}

				.x-card-header .x-card-header-container .x-card-choice-price .prices-promo-container.offer-price {
					top: 52px
				}

			.x-card-header .x-card-header-container .x-card-choice-price .prices-value {
				text-decoration: line-through;
				font-size: 11px;
				line-height: 13px
			}

			.x-card-header .x-card-header-container .x-card-choice-price.is-in-scroller {
				width: 62px;
				padding-top: 9px
			}

				.x-card-header .x-card-header-container .x-card-choice-price.is-in-scroller .prices-label {
					line-height: 12px
				}

				.x-card-header .x-card-header-container .x-card-choice-price.is-in-scroller .prices-container {
					top: 36px
				}

		.x-card-header .x-card-header-container .container {
			padding: unset
		}

		.x-card-header .x-card-header-container .x-card-details {
			margin: 0 6px 0 0 !important;
			padding: unset;
			overflow: hidden
		}

			.x-card-header .x-card-header-container .x-card-details.is-in-scroller:not(.is-small) {
				margin: 0 !important
			}

				.x-card-header .x-card-header-container .x-card-details.is-in-scroller:not(.is-small) p {
					padding-top: 0 !important
				}

			.x-card-header .x-card-header-container .x-card-details .x-card-text.is-in-scroller {
				padding-left: 3px
			}

			.x-card-header .x-card-header-container .x-card-details .component-title {
				color: var(--v-xdark-base);
				font-size: 18px;
				font-weight: 700
			}

		.x-card-header .x-card-header-container p {
			margin: unset;
			padding-top: 9px
		}

		.x-card-header .x-card-header-container .x-card-distance {
			text-align: center;
			padding-top: 10px
		}

	.x-card-header .secondary-text.is-in-scroller {
		padding-top: 0
	}

	.x-card-header.is-small {
		padding: 0;
		margin-left: 3px
	}

		.x-card-header.is-small.solo-header, .x-card-header.is-small.solo-title {
			margin: 9px
		}

		.x-card-header.is-small:not(.solo-header) {
			padding-bottom: 6px !important
		}

			.x-card-header.is-small:not(.solo-header) .x-card-flex-header {
				margin: 0
			}

		.x-card-header.is-small .x-card-header-container {
			margin: 10px !important
		}

			.x-card-header.is-small .x-card-header-container.is-in-scroller {
				margin: 3px
			}

			.x-card-header.is-small .x-card-header-container .x-card-flex-header {
				width: 100% !important;
				padding: 3px 0 3px 0
			}

				.x-card-header.is-small .x-card-header-container .x-card-flex-header.no-media {
					padding: 6px 6px 6px 0
				}

			.x-card-header.is-small .x-card-header-container .x-card-choice-icon {
				padding-right: 6px;
				padding-bottom: 3px
			}

				.x-card-header.is-small .x-card-header-container .x-card-choice-icon.special-icon {
					font-size: 36px;
					min-height: 30px;
					max-height: 150px;
					width: 60px
				}

			.x-card-header.is-small .x-card-header-container .x-card-choice-image {
				max-width: 150px
			}

				.x-card-header.is-small .x-card-header-container .x-card-choice-image:not(.solo-image) {
					padding: unset
				}

			.x-card-header.is-small .x-card-header-container .x-card-choice-price {
				padding-left: 12px
			}

				.x-card-header.is-small .x-card-header-container .x-card-choice-price.is-in-scroller {
					width: 80px
				}

	.x-card-header.is-tiny {
		padding: 0
	}

		.x-card-header.is-tiny:not(.solo-header) {
			padding-bottom: 0 !important
		}

		.x-card-header.is-tiny.solo-title {
			margin: 6px 9px
		}

		.x-card-header.is-tiny .x-card-header-container {
			margin: 3px
		}

			.x-card-header.is-tiny .x-card-header-container .x-card-flex-header {
				padding-bottom: 0;
				margin-top: 0
			}

				.x-card-header.is-tiny .x-card-header-container .x-card-flex-header.is-solo-title {
					margin-bottom: 3px
				}

			.x-card-header.is-tiny .x-card-header-container .x-card-choice-icon {
				font-size: 24px;
				padding-right: 3px;
				padding-top: 4px;
				padding-bottom: 0
			}

				.x-card-header.is-tiny .x-card-header-container .x-card-choice-icon.special-icon {
					font-size: 30px;
					min-height: 30px;
					max-height: 150px;
					width: 60px
				}

		.x-card-header.is-tiny .x-card-details {
			margin: 0 0 !important
		}

.x-card-content-flex[data-v-7fa70095]:not(.is-tiny) {
	padding-top: 0 !important
}

.x-card-content-flex .x-card-content[data-v-7fa70095] {
	padding: 6px 12px 12px 20px
}

.x-card-content-flex .x-card-content.is-small[data-v-7fa70095] {
	padding: 12px 12px 12px 18px
}

.x-card-content-flex .x-card-content.is-tiny[data-v-7fa70095] {
	padding: 0 12px 12px 12px
}

.x-card-content-flex .x-card-content .v-divider[data-v-7fa70095] {
	margin: 0 -3px 6px -3px !important
}

.x-card-content-flex .x-card-content .x-card-content-container ol[data-v-7fa70095], .x-card-content-flex .x-card-content .x-card-content-container ul[data-v-7fa70095] {
	padding-left: unset;
	list-style-type: none
}

.x-card-content-flex .x-card-content .x-card-content-container ol li[data-v-7fa70095]:before, .x-card-content-flex .x-card-content .x-card-content-container ul li[data-v-7fa70095]:before {
	content: "\279E\A0\A0";
	font-weight: 900;
	font-size: 15px;
	margin: 3px 0 -24px;
	color: var(--v-xblue-base) !important
}

.x-card {
	background-color: transparent;
	padding: 0
}

	.x-card.is-last-card {
		margin-bottom: 0 !important
	}

	.x-card.is-in-squeezer {
		padding: 0
	}

	.x-card.no-choice {
		background-color: unset
	}

		.x-card.no-choice .x-card-sheet {
			padding: 0 !important
		}

	.x-card.is-tiny .is-in-cluster {
		padding: 0 16px !important
	}

	.x-card .x-card-sheet.is-in-cluster {
		padding-top: 24px
	}

	.x-card .x-card-sheet.is-in-scroller {
		padding: 0;
		padding-bottom: 0 !important
	}

	.x-card .x-card-sheet.is-in-splitter {
		padding: 9px
	}

	.x-card .x-card-sheet.is-in-squeezer {
		padding: 9px 9px 1px 9px
	}

	.x-card .x-card-sheet .x-card {
		width: 100%;
		padding: unset;
		overflow: hidden
	}

		.x-card .x-card-sheet .x-card.disabled-card .v-btn:not(.phone-link) {
			border: 2px solid var(--v-neutre100-base)
		}

			.x-card .x-card-sheet .x-card.disabled-card .v-btn:not(.phone-link) .v-btn__content {
				background-color: var(--v-neutre100-base) !important
			}

		.x-card .x-card-sheet .x-card.disabled-card .x-card-container {
			background-color: var(--v-neutre100-base)
		}

		.x-card .x-card-sheet .x-card.is-tiny .v-btn:not(.phone-link) {
			padding: 0 !important
		}

		.x-card .x-card-sheet .x-card .v-btn:not(.phone-link) {
			text-align: left;
			margin: unset;
			width: 100%;
			height: unset;
			text-transform: unset;
			font-weight: unset;
			padding: 0;
			-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
			box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
			background-color: var(--v-neutreblanc-base) !important;
			overflow: hidden;
			border: 2px solid var(--v-neutre200-base);
			border-radius: 8px
		}

			.x-card .x-card-sheet .x-card .v-btn:not(.phone-link):focus-visible {
				border-radius: 4px;
				border: 2px solid var(--v-info-base)
			}

			.x-card .x-card-sheet .x-card .v-btn:not(.phone-link).highlighted {
				border: 2px solid var(--v-xblue-base)
			}

				.x-card .x-card-sheet .x-card .v-btn:not(.phone-link).highlighted:focus-visible {
					border-radius: 4px;
					border: 2px solid var(--v-info-base)
				}

				.x-card .x-card-sheet .x-card .v-btn:not(.phone-link).highlighted .v-btn__content {
					background-color: var(--v-action50-base) !important
				}

			.x-card .x-card-sheet .x-card .v-btn:not(.phone-link) .v-btn__content {
				white-space: normal !important;
				width: 100%
			}

				.x-card .x-card-sheet .x-card .v-btn:not(.phone-link) .v-btn__content > div:first-child {
					width: 100%
				}

			.x-card .x-card-sheet .x-card .v-btn:not(.phone-link) .x-card-container {
				width: unset;
				position: relative
			}

				.x-card .x-card-sheet .x-card .v-btn:not(.phone-link) .x-card-container .layout.row {
					margin: 0
				}

				.x-card .x-card-sheet .x-card .v-btn:not(.phone-link) .x-card-container .container {
					width: unset;
					padding: unset;
					max-width: unset
				}

	.x-card.is-tiny .x-card-sheet.is-in-squeezer:not(.is-in-cluster) {
		padding: 18px
	}

.x-card-cluster:not(.is-horizontal) {
	max-width: 500px
}

.x-card-cluster.is-in-scroller {
	margin-bottom: 0 !important
}

.x-card-cluster.is-in-squeezer {
	padding-bottom: 1px
}

.x-card-cluster.is-small, .x-card-cluster.is-tiny {
	margin-bottom: 6px
}

.x-card-cluster .x-card:not(.is-in-squeezer):not(.is-horizontal) {
	margin-bottom: 8px;
	border-radius: 8px
}

.x-card-cluster .x-card.is-in-scroller {
	margin-bottom: 0 !important
}

.x-card-cluster .x-card.is-small, .x-card-cluster .x-card.is-tiny {
	margin-bottom: 6px
}

@media screen and (min-width:960px) {
	.titanium-card-cluster.first-choice {
		padding-right: 8px !important
	}

	.titanium-card-cluster:not(.first-choice) {
		padding-left: 8px !important
	}
}

@media screen and (max-width:959px) and (min-width:600px) {
	.titanium-card-cluster.first-choice {
		padding-bottom: 8px !important
	}
}

.titanium-card-cluster .banner-difference {
	display: flex;
	align-items: flex-start;
	background-color: var(--v-decorativelight-base);
	border-radius: 8px;
	font-size: 16px;
	font-weight: 700;
	color: var(--v-xdark-base);
	padding: 14px 16px;
	margin-bottom: 8px;
	line-height: 22px
}

	.titanium-card-cluster .banner-difference .v-icon {
		margin-right: 6px
	}

	.titanium-card-cluster .banner-difference.hidden {
		visibility: hidden
	}

	.titanium-card-cluster .banner-difference.loading {
		display: none !important
	}

@media screen and (max-width:959px) and (min-width:600px) {
	.banner-difference.hidden {
		display: none
	}
}

.is-tiny .titanium-card-cluster.first-choice {
	padding: 0 !important;
	margin-bottom: 15px
}

.is-tiny .titanium-card-cluster:not(.first-choice) {
	padding: 0 !important
}

.is-tiny .titanium-card-cluster .banner-difference {
	margin-bottom: 16px
}

	.is-tiny .titanium-card-cluster .banner-difference.hidden {
		display: none
	}

.payee-disclaimer-wrapper[data-v-60eda7ae] {
	max-width: 800px;
	margin: 18px auto
}

.payee-disclaimer-wrapper p[data-v-60eda7ae] {
	font-size: 12px;
	font-weight: 400;
	color: var(--v-neutre500-base)
}

.payee-disclaimer-wrapper.is-tiny[data-v-60eda7ae] {
	max-width: 440px;
	margin: 18px 16px
}

.funnel-answers-wrapper {
	color: var(--v-xdark-base)
}

	.funnel-answers-wrapper .funnel-answer {
		font-size: 16px;
		font-weight: 400;
		margin-bottom: 16px
	}

		.funnel-answers-wrapper .funnel-answer .clusters-wrapper {
			display: flex;
			justify-content: space-between
		}

			.funnel-answers-wrapper .funnel-answer .clusters-wrapper > * + * {
				margin-left: 12px
			}

			.funnel-answers-wrapper .funnel-answer .clusters-wrapper .cluster-btn {
				display: flex;
				align-items: center;
				justify-content: center;
				position: relative;
				width: 100%;
				background-color: var(--v-neutre100-base);
				border: 2px solid var(--v-neutre200-base);
				border-radius: 8px;
				height: 56px;
				font-weight: 700;
				text-transform: capitalize
			}

				.funnel-answers-wrapper .funnel-answer .clusters-wrapper .cluster-btn p {
					margin-bottom: 0;
					color: var(--v-neutre400-base)
				}

				.funnel-answers-wrapper .funnel-answer .clusters-wrapper .cluster-btn.selected {
					background-color: var(--v-action50-base);
					border: 2px solid var(--v-xblue-base)
				}

					.funnel-answers-wrapper .funnel-answer .clusters-wrapper .cluster-btn.selected p {
						color: var(--v-neutre800-base)
					}

					.funnel-answers-wrapper .funnel-answer .clusters-wrapper .cluster-btn.selected:before {
						border: 7px solid var(--v-xblue-base)
					}

				.funnel-answers-wrapper .funnel-answer .clusters-wrapper .cluster-btn:before {
					content: "";
					position: absolute;
					top: 16px;
					left: 16px;
					width: 24px;
					height: 24px;
					border: 2px solid var(--v-neutre200-base);
					border-radius: 100%;
					background-color: var(--v-neutre100-base)
				}

	.funnel-answers-wrapper.is-tiny {
		padding: 0 16px
	}

.windscreen-questions-skeleton .choice-wrapper {
	width: 439px;
	margin: 26px auto 43px auto
}

	.windscreen-questions-skeleton .choice-wrapper .choice {
		border-radius: 8px;
		margin-bottom: 17px
	}

.service-center-infos-wrapper {
	display: flex;
	align-items: flex-start;
	margin-top: 40px;
	min-height: 280px;
	font-size: 16px;
	color: var(--v-xdark-base)
}

	.service-center-infos-wrapper .service-center-infos {
		width: 100%;
		text-align: left
	}

		.service-center-infos-wrapper .service-center-infos p {
			margin-bottom: 0
		}

		.service-center-infos-wrapper .service-center-infos .service-center-phone {
			text-decoration: underline
		}

		.service-center-infos-wrapper .service-center-infos .service-center-hours {
			border-top: 2px solid var(--v-neutre200-base);
			width: 100%;
			padding-top: 16px
		}

			.service-center-infos-wrapper .service-center-infos .service-center-hours .location-availability.day {
				text-align: left
			}

			.service-center-infos-wrapper .service-center-infos .service-center-hours .location-availability.hour {
				text-align: right
			}

	.service-center-infos-wrapper.is-tiny {
		padding-right: 16px
	}

		.service-center-infos-wrapper.is-tiny .service-center-hours {
			padding-top: 12px
		}

.calendar-skeleton .calendar-header-skeleton {
	display: flex;
	align-items: center;
	margin-top: 24px
}

	.calendar-skeleton .calendar-header-skeleton .avatar {
		display: flex
	}

		.calendar-skeleton .calendar-header-skeleton .avatar .v-skeleton-loader__avatar {
			width: 30px;
			height: 30px
		}

		.calendar-skeleton .calendar-header-skeleton .avatar:last-child {
			justify-content: flex-end
		}

.calendar-skeleton .calendar-body-skeleton {
	margin-top: 12px
}

	.calendar-skeleton .calendar-body-skeleton .calendar-title {
		margin: 16px 12px 8px 0
	}

		.calendar-skeleton .calendar-body-skeleton .calendar-title:last-child {
			margin-right: 0
		}

.calendar-skeleton .calendar-item-wrapper {
	margin-top: 12px
}

	.calendar-skeleton .calendar-item-wrapper .col {
		margin-right: 12px
	}

		.calendar-skeleton .calendar-item-wrapper .col .calendar-item {
			border-radius: 8px;
			margin-bottom: 11px
		}

		.calendar-skeleton .calendar-item-wrapper .col:last-child {
			margin-right: 0
		}

.summary-insurance-skeleton .invoice-line {
	margin-top: 8px
}

.summary-insurance-skeleton .text-wrapper {
	margin-top: 12px
}

.needs-identification-skeleton .choice-wrapper {
	width: 439px;
	margin: 26px auto 40px auto
}

	.needs-identification-skeleton .choice-wrapper .choice {
		border-radius: 8px;
		margin-bottom: 16px
	}

.needs-identification-skeleton.is-tiny {
	padding: 0 16px
}

	.needs-identification-skeleton.is-tiny .choice-wrapper {
		margin: 0 0 43px 0;
		width: inherit
	}

		.needs-identification-skeleton.is-tiny .choice-wrapper .choice {
			margin-bottom: 19px
		}

.v-list-item__icon.x-list-icon {
	margin-right: 0 !important
}

.summary-skeleton {
	margin-top: 8px;
	margin-bottom: 40px
}

	.summary-skeleton .title {
		margin-bottom: 20px;
		border-radius: 16px
	}

	.summary-skeleton .appointement-img {
		margin-top: 26px;
		margin-bottom: 36px;
		border-radius: 8px
	}

		.summary-skeleton .appointement-img .v-skeleton-loader__image {
			height: 100%
		}

	.summary-skeleton .payee-img {
		margin-top: 24px;
		margin-bottom: 32px;
		border-radius: 8px
	}

	.summary-skeleton .contact-img {
		border-radius: 8px
	}

	.summary-skeleton.is-tiny {
		padding: 16px;
		margin-bottom: 24px
	}

		.summary-skeleton.is-tiny .title {
			margin-bottom: 12px
		}

		.summary-skeleton.is-tiny .appointement-img {
			margin-top: inherit;
			margin-bottom: 36px;
			border-radius: 8px
		}

		.summary-skeleton.is-tiny .payee-img {
			margin-top: inherit
		}

.damage-identification-skeleton .choice-wrapper {
	width: 439px;
	margin: 26px auto 43px auto
}

	.damage-identification-skeleton .choice-wrapper .choice {
		border-radius: 8px;
		margin-bottom: 17px
	}

.damage-identification-skeleton.is-tiny {
	padding: 0 16px
}

	.damage-identification-skeleton.is-tiny .choice-wrapper {
		margin: 0 0 45px 0;
		width: inherit
	}

		.damage-identification-skeleton.is-tiny .choice-wrapper .choice {
			margin-bottom: 14px
		}

.insurance-informations {
	color: var(--v-xdark-base)
}

	.insurance-informations .offer-info-txt {
		background-color: var(--v-infolighter-base);
		padding: 12px 16px;
		font-size: 16px;
		border-radius: 8px;
		margin-top: 8px;
		margin-bottom: 12px
	}

	.insurance-informations .package-name {
		display: inline-block;
		vertical-align: middle;
		padding: 10px 5px 5px 0;
		font-size: 16px;
		margin-bottom: 0
	}

		.insurance-informations .package-name .v-icon {
			color: var(--v-xblue-base) !important
		}

		.insurance-informations .package-name:hover {
			cursor: pointer
		}

	.insurance-informations .invoice {
		font-size: 14px
	}

		.insurance-informations .invoice .price-line-wrapper {
			font-size: 18px;
			font-weight: 700;
			margin-bottom: 0
		}

		.insurance-informations .invoice .price-no-amount {
			font-size: 14px;
			font-weight: 400
		}

		.insurance-informations .invoice .invoice-cols {
			display: flex;
			justify-content: space-between;
			margin: 0
		}

			.insurance-informations .invoice .invoice-cols.total {
				font-size: 16px;
				font-weight: 700
			}

		.insurance-informations .invoice .hints {
			font-size: 12px;
			color: var(--v-neutre500-base);
			margin-top: 16px
		}

			.insurance-informations .invoice .hints hr {
				margin-bottom: 4px;
				visibility: hidden
			}

	.insurance-informations .insurance-information-list {
		padding: 5px 0 10px 15px
	}

		.insurance-informations .insurance-information-list .offer-item {
			font-size: 14px !important
		}

			.insurance-informations .insurance-information-list .offer-item .v-icon {
				color: var(--v-xblue-base) !important
			}

	.insurance-informations .v-list--dense .v-list-item .v-list-item__content, .insurance-informations .v-list-item--dense .v-list-item__content {
		padding: 2px 0
	}

	.insurance-informations p .no-amount-title {
		display: block;
		font-size: 20px;
		font-weight: 700;
		text-align: center
	}

.is-tiny .price-line-wrapper {
	font-size: 16px !important
}

.summary-offer-hint-wrapper {
	max-width: 550px;
	margin: 0px auto 12px auto;
	line-height: 1.2rem
}

	.summary-offer-hint-wrapper .hints, .summary-offer-hint-wrapper span {
		font-size: 14px;
		font-weight: 400;
		color: var(--v-neutre500-base)
	}

	.summary-offer-hint-wrapper.is-tiny {
		padding: 0 16px
	}

.booking-skeleton {
	margin-top: 12px
}

	.booking-skeleton .v-skeleton-loader {
		border-radius: 8px
	}

	.booking-skeleton .estimated-time {
		margin-top: 18px;
		border-radius: 4px
	}

	.booking-skeleton .day-choice-wrapper {
		padding-bottom: 24px
	}

		.booking-skeleton .day-choice-wrapper .title {
			border-radius: 4px;
			margin-top: 24px;
			margin-bottom: 20px
		}

		.booking-skeleton .day-choice-wrapper .day-choices {
			display: flex;
			gap: 8px
		}

	.booking-skeleton.is-tiny {
		padding: 0 16px;
		margin-top: 0
	}

		.booking-skeleton.is-tiny .estimated-time {
			margin-top: 12px
		}

		.booking-skeleton.is-tiny .day-choice-wrapper {
			margin-top: 24px
		}

.offer-informations {
	color: var(--v-xdark-base)
}

	.offer-informations .offer-info-txt {
		background-color: var(--v-infolighter-base);
		padding: 12px 16px;
		font-size: 16px;
		border-radius: 8px;
		margin-top: 8px;
		margin-bottom: 12px
	}

	.offer-informations .package-name {
		display: inline-block;
		vertical-align: middle;
		padding: 10px 5px 5px 0;
		font-size: 16px;
		margin-bottom: 0
	}

		.offer-informations .package-name .v-icon {
			color: var(--v-xblue-base) !important
		}

		.offer-informations .package-name:hover {
			cursor: pointer
		}

	.offer-informations .invoice {
		font-size: 14px
	}

		.offer-informations .invoice .price-line-wrapper {
			font-weight: 700
		}

			.offer-informations .invoice .price-line-wrapper .price sup {
				top: -.3em;
				left: -.3em
			}

		.offer-informations .invoice .invoice-cols {
			display: flex;
			justify-content: space-between;
			margin: 0;
			font-size: 16px
		}

			.offer-informations .invoice .invoice-cols .plus-taxes {
				font-weight: 400;
				font-style: inherit;
				margin-left: 4px
			}

			.offer-informations .invoice .invoice-cols.total {
				font-weight: 700
			}

	.offer-informations .offers-information-list {
		padding: 5px 0 10px 15px
	}

		.offer-informations .offers-information-list .offer-item {
			font-size: 14px !important
		}

			.offer-informations .offers-information-list .offer-item .v-icon {
				color: var(--v-xblue-base) !important
			}

	.offer-informations .v-list--dense .v-list-item .v-list-item__content, .offer-informations .v-list-item--dense .v-list-item__content {
		padding: 2px 0
	}

.is-tiny .offer-info-txt {
	font-size: 14px
}

.is-tiny .total {
	font-size: 16px !important;
	margin-bottom: 16px !important
}

	.is-tiny .total em {
		font-style: normal
	}

.is-tiny .price-line-wrapper {
	font-size: 16px !important
}

.is-tiny .taxes {
	font-size: 14px !important
}

.summary-offer-skeleton, .summary-offer-skeleton .taxes {
	margin-top: 8px
}

	.summary-offer-skeleton .taxes + hr {
		margin-top: 14px;
		padding-top: 12px
	}

	.summary-offer-skeleton .text-wrapper {
		margin-top: 18px
	}

	.summary-offer-skeleton hr {
		border: none;
		border-top: 1px solid var(--v-neutre200-base);
		margin-top: 6px;
		padding-bottom: 12px
	}

.promo-item {
	text-align: center
}

	.promo-item > div, .promo-item > i {
		display: inline-block;
		vertical-align: middle
	}

	.promo-item:has(.confirmation) {
		justify-content: inherit
	}

	.promo-item .promo-item-title {
		margin: 10px 0 0 0;
		font-weight: 400;
		font-size: 16px;
		color: var(--v-neutre800-base)
	}

	.promo-item .promo-item-subtitle {
		margin-bottom: 10px;
		font-size: 15px
	}

	.promo-item .confirmation {
		display: flex;
		align-items: flex-start;
		margin: 16px 0 0 0;
		font-size: 16px;
		font-weight: 700;
		color: var(--v-neutre800-base)
	}

		.promo-item .confirmation .v-icon {
			margin-right: 8px
		}

	.promo-item.invoice {
		border: none;
		display: block
	}

		.promo-item.invoice .cols {
			display: flex;
			justify-content: space-between;
			font-size: 16px;
			font-weight: 700
		}

			.promo-item.invoice .cols .v-icon {
				display: inline-block;
				vertical-align: initial
			}

	.promo-item.is-tiny {
		text-align: left
	}

		.promo-item.is-tiny .confirmation, .promo-item.is-tiny.invoice .cols {
			font-size: 14px
		}

		.promo-item.is-tiny > i {
			padding: 0 !important
		}

		.promo-item.is-tiny > div {
			max-width: 300px;
			margin-left: 20px
		}

.funnel-question-wrapper {
	color: var(--v-neutre800-base)
}

	.funnel-question-wrapper .current-question-text {
		font-size: 16px;
		font-weight: 400
	}

	.funnel-question-wrapper .x-card-sheet.is-in-cluster {
		display: flex;
		padding-top: 16px !important
	}

		.funnel-question-wrapper .x-card-sheet.is-in-cluster > * + * {
			margin-left: 12px
		}

		.funnel-question-wrapper .x-card-sheet.is-in-cluster > div .x-card .v-btn {
			height: 56px
		}

			.funnel-question-wrapper .x-card-sheet.is-in-cluster > div .x-card .v-btn .x-card-details .component-title {
				font-size: 16px !important
			}

	.funnel-question-wrapper .x-card-checker {
		top: 0 !important;
		left: 0 !important;
		margin: 10px 0 16px 16px
	}

	.funnel-question-wrapper.is-tiny {
		padding: 0 16px
	}

		.funnel-question-wrapper.is-tiny .x-card-sheet.is-in-cluster {
			padding: 16px 0 !important
		}

		.funnel-question-wrapper.is-tiny .x-card-details .component-title {
			font-size: 16px !important;
			font-weight: 700
		}

		.funnel-question-wrapper.is-tiny .x-card .v-btn {
			height: 56px !important
		}

.phone-link {
	font-weight: 400;
	color: var(--v-action800-base);
	text-decoration: none;
	cursor: pointer;
}

	.phone-link .v-icon {
		font-size: 18px !important;
		margin-bottom: 4px !important
	}

	.phone-link:focus-visible {
		outline: 2px solid var(--v-info-base)
	}

.email-link {
	font-weight: 400;
	color: var(--v-action800-base);
	text-decoration: none;
	cursor: pointer;
}

	.email-link .v-icon {
		font-size: 18px !important;
		margin-bottom: 4px !important
	}

	.email-link:focus-visible {
		outline: 2px solid var(--v-info-base)
	}

.modal-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	backdrop-filter: blur(5px);
	padding: 0 14px;
	z-index: 100
}

	.modal-wrapper .wrapper {
		display: block;
		background-color: var(--v-neutreblanc-base);
		border-radius: 12px;
		max-width: 440px;
		padding: 24px;
		animation: fadeIn .5s ease-in-out;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
		margin: 10% auto 0 auto;
		text-align: center
	}

		.modal-wrapper .wrapper .modal-title {
			font-weight: 700;
			color: var(--v-neutre800-base);
			line-height: 40px
		}

		.modal-wrapper .wrapper .modal-btn {
			width: 100%;
			margin-bottom: 0 !important
		}

		.modal-wrapper .wrapper.timeout-modal .v-icon {
			font-size: 56px;
			color: var(--v-neutre800-base);
			margin-bottom: 8px
		}

		.modal-wrapper .wrapper.timeout-modal .modal-title {
			font-size: 32px
		}

		.modal-wrapper .wrapper.timeout-modal .modal-subtitle {
			font-size: 18px;
			margin: 24px 0;
			display: block
		}

		.modal-wrapper .wrapper.tag-modal .v-text-field .v-label {
			font-size: 18px !important
		}

		.modal-wrapper .wrapper.tag-modal .modal-title {
			font-size: 24px;
			text-align: left;
			margin-bottom: 16px;
			line-height: 120%
		}

		.modal-wrapper .wrapper.tag-modal .modal-subtitle {
			font-size: 20px;
			text-align: left;
			margin-bottom: 16px;
			line-height: 120%
		}

		.modal-wrapper .wrapper.tag-modal .v-icon {
			font-size: 16px;
			color: var(--v-neutre400-base) !important
		}

		.modal-wrapper .wrapper.tag-modal .v-input.v-text-field--outlined fieldset {
			border-radius: 8px;
			border: 1px solid var(--v-neutre300-base)
		}

		.modal-wrapper .wrapper.booking-tag-modal {
			position: relative
		}

			.modal-wrapper .wrapper.booking-tag-modal .tag-image {
				border-radius: 10px;
				height: 112.25px;
				width: 100%;
				object-fit: cover;
				margin-bottom: 32px
			}

			.modal-wrapper .wrapper.booking-tag-modal .modal-title {
				font-size: 18px;
				text-align: left;
				margin-bottom: 16px;
				line-height: 120%
			}

			.modal-wrapper .wrapper.booking-tag-modal .modal-subtitle {
				font-size: 16px;
				text-align: left;
				margin-bottom: 16px;
				line-height: 120%
			}

			.modal-wrapper .wrapper.booking-tag-modal .close-modal-btn {
				color: var(--v-neutre800-base);
				width: 24px;
				height: 24px;
				position: absolute;
				top: 24px;
				right: 24px
			}

				.modal-wrapper .wrapper.booking-tag-modal .close-modal-btn:hover {
					cursor: pointer
				}

				.modal-wrapper .wrapper.booking-tag-modal .close-modal-btn:after {
					display: none
				}

				.modal-wrapper .wrapper.booking-tag-modal .close-modal-btn:focus-visible {
					outline: 2px solid var(--v-info-base)
				}

			.modal-wrapper .wrapper.booking-tag-modal .v-icon {
				font-size: 24px;
				color: var(--v-neutre800-base) !important
			}

			.modal-wrapper .wrapper.booking-tag-modal .v-input.v-text-field--outlined fieldset {
				border-radius: 8px;
				border: 1px solid var(--v-neutre300-base)
			}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.modal-wrapper.is-tiny .tag-modal .modal-title {
	font-size: 18px
}

.modal-wrapper.is-tiny .tag-modal .modal-subtitle {
	font-size: 16px
}

.modal-wrapper.is-tiny .tag-modal .v-text-field .v-label {
	font-size: 16px !important
}

.tesla-modal-wrapper {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	position: absolute;
	background-color: rgba(0,0,0,.7);
	height: 100%;
	width: 100%;
	z-index: 100;
	padding: 0 14px
}

	.tesla-modal-wrapper .tesla-modal {
		display: block;
		background-color: var(--v-neutreblanc-base);
		border-radius: 12px;
		max-width: 440px;
		padding: 24px 24px 8px 24px;
		margin-top: 120px
	}

		.tesla-modal-wrapper .tesla-modal .first-row {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			align-self: stretch
		}

			.tesla-modal-wrapper .tesla-modal .first-row h1 {
				font-size: 18px;
				font-weight: 700;
				color: var(--v-neutre800-base);
				line-height: 21.6px;
				margin-bottom: 16px
			}

			.tesla-modal-wrapper .tesla-modal .first-row .close-icon {
				padding: 0 4.5px
			}

		.tesla-modal-wrapper .tesla-modal .tesla-modal-subtitle {
			margin-bottom: 32px;
			padding: 0 8px;
			display: block
		}

			.tesla-modal-wrapper .tesla-modal .tesla-modal-subtitle p {
				margin-bottom: 0;
				align-self: stretch;
				line-height: 21px;
				margin-left: 12px;
				text-indent: -12px;
				font-size: 14px;
				font-weight: 400;
				color: var(--v-neutre800-base)
			}

				.tesla-modal-wrapper .tesla-modal .tesla-modal-subtitle p a:link {
					color: var(--v-neutre800-base);
					text-decoration: underline
				}

				.tesla-modal-wrapper .tesla-modal .tesla-modal-subtitle p a:visited {
					color: var(--v-neutre800-base)
				}

				.tesla-modal-wrapper .tesla-modal .tesla-modal-subtitle p a:hover {
					color: var(--v-xblue-base)
				}

		.tesla-modal-wrapper .tesla-modal .tesla-modal-btn {
			width: 100%
		}

		.tesla-modal-wrapper .tesla-modal.is-tiny {
			margin-top: 80px
		}

.contact-disclaimers {
	margin: auto auto;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	color: var(--v-neutre500-base);
}

	.contact-disclaimers:hover {
		font-weight: 600;
		color: var(--v-neutre800-base);
	}

		.contact-disclaimers:hover span {
			font-weight: 600;
			color: var(--v-action700-base);
		}

	.contact-disclaimers span {
		font-weight: 500;
		color: var(--v-action600-base);
		text-decoration: underline;
	}

		.contact-disclaimers span:hover {
			font-weight: 600;
			color: var(--v-action700-base);
		}

.promo-banner-wrapper {
	z-index: 5;
	position: fixed;
	width: 100%;
	top: 64px;
	background-color: var(--v-promo-base);
	min-height: 56px;
	display: flex;
	justify-content: center;
	align-items: center
}

	.promo-banner-wrapper .promo-banner {
		color: var(--v-neutre800-base) !important;
		text-align: center
	}

		.promo-banner-wrapper .promo-banner .gift-icon {
			width: 34px !important;
			height: 34px !important;
			padding: 8px
		}

		.promo-banner-wrapper .promo-banner .close-icon {
			position: absolute;
			top: 8px;
			right: 20px
		}

		.promo-banner-wrapper .promo-banner .promo-banner-title {
			font-size: 16px;
			font-weight: 700;
			margin-right: 8px
		}

		.promo-banner-wrapper .promo-banner .promo-banner-text {
			font-size: 14px;
			font-weight: 400;
			margin-right: 8px
		}

		.promo-banner-wrapper .promo-banner .promo-banner-legals {
			font-size: 12px;
			font-weight: 400
		}

			.promo-banner-wrapper .promo-banner .promo-banner-legals a {
				color: var(--v-neutre800-base) !important
			}

		.promo-banner-wrapper .promo-banner.mobile .close-icon {
			position: absolute;
			top: 12px;
			right: 16px
		}

	.promo-banner-wrapper .promo-content {
		padding: 0 16px
	}

	.promo-banner-wrapper.is-tiny {
		top: 56px
	}

		.promo-banner-wrapper.is-tiny .promo-content {
			padding: 0 16px
		}

.package-information-container {
	border-radius: 4px !important;
	margin-bottom: 20px
}

	.package-information-container.v-sheet.is-small {
		border-left: 0;
		border-right: 0;
		border-radius: 0 !important;
		border: 1px solid var(--v-neutre100-base) !important;
		background-color: var(--v-neutreblanc-base) !important;
		margin-bottom: 0
	}

.default-skeleton .choice-wrapper {
	width: 439px;
	margin: 26px auto 40px auto
}

	.default-skeleton .choice-wrapper .choice {
		border-radius: 8px;
		margin-bottom: 16px
	}

.default-skeleton.is-tiny {
	padding: 0 16px
}

	.default-skeleton.is-tiny .choice-wrapper {
		margin: 0 0 43px 0;
		width: inherit
	}

		.default-skeleton.is-tiny .choice-wrapper .choice {
			margin-bottom: 19px
		}

.contact-info-skeleton {
	margin-top: 34px
}

	.contact-info-skeleton .field {
		border-radius: 8px;
		margin-bottom: 35px
	}

	.contact-info-skeleton .legals {
		margin-bottom: 20px
	}

	.contact-info-skeleton.is-tiny {
		padding: 0 16px;
		margin-top: 22px
	}

		.contact-info-skeleton.is-tiny .field {
			margin-bottom: 26px
		}

		.contact-info-skeleton.is-tiny .legals {
			margin-bottom: 32px
		}

.material-icons-outlined.item-found-success {
	color: var(--v-success-base);
	font-size: 30px;
	margin: 35px 10px 0px 10px;
}

html {
	scroll-behavior: smooth
}

.step-title {
	font-size: 32px;
	font-weight: 700;
	margin-top: 35px;
	padding: 0;
	text-align: center;
	color: var(--v-xdark-base) !important
}

	.step-title.is-tiny {
		font-size: 24px;
		font-weight: 700;
		margin-top: 24px;
		padding: 0 14px !important;
		text-align: left;
		line-height: 30px
	}

.step-subtitle {
	color: var(--v-xdark-base);
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 0
}

	.step-subtitle.is-tiny {
		font-size: 18px;
		text-align: left;
		margin-top: 15px;
		padding: 0 16px
	}


.font-weight-bold {
	font-weight: 600 !important
}

.footer-list {
	margin-top: auto
}

	.footer-list .footer-label {
		padding: 4px 0;
		font-size: 16px
	}

	.footer-list .separator-icon {
		padding-left: 9px !important;
		padding-right: 9px !important
	}

	.footer-list .v-divider--inset:not(.v-divider--vertical) {
		max-width: calc(100% - 60px)
	}

.burger-drawer-header {
	border-bottom: 1px solid var(--v-neutre100-base)
}

.payee-identification-skeleton .choice-wrapper {
	display: flex;
	justify-content: space-between;
	width: 800px;
	height: 400px;
	margin: 40px auto
}

	.payee-identification-skeleton .choice-wrapper .v-skeleton-loader__image {
		height: 400px
	}

	.payee-identification-skeleton .choice-wrapper .choice {
		border-radius: 8px
	}

.payee-identification-skeleton.is-tiny .choice-wrapper {
	display: inherit;
	width: inherit;
	padding: 16px;
	height: inherit;
	margin: 0
}

	.payee-identification-skeleton.is-tiny .choice-wrapper .choice {
		margin-bottom: 16px
	}

.localizer-skeleton .zip-input {
	border-radius: 8px;
	margin-top: 28px
}

.localizer-skeleton .locate-me {
	margin-top: 40px
}

.localizer-skeleton.is-tiny {
	padding: 0 16px
}

	.localizer-skeleton.is-tiny .zip-input {
		margin-top: 16px
	}

.vehicle-identification-skeleton .toggle {
	border-radius: 8px;
	margin-top: 24px;
	margin-bottom: 36px
}

.vehicle-identification-skeleton .select-wrapper {
	margin-bottom: 40px
}

	.vehicle-identification-skeleton .select-wrapper .select {
		border-radius: 8px;
		margin-bottom: 20px
	}

.vehicle-identification-skeleton.is-tiny {
	padding: 0 16px
}

	.vehicle-identification-skeleton.is-tiny .toggle {
		margin-top: 0;
		margin-bottom: 32px
	}

	.vehicle-identification-skeleton.is-tiny .select-wrapper {
		margin-bottom: 34px
	}

.part-selection-skeleton .v-skeleton-loader__card-heading .v-skeleton-loader__heading {
	margin-left: 0 !important
}

.part-selection .x-sheet-title.part-selection-title {
	padding-bottom: 12px
}

.part-selection.is-tiny .part-selection-title {
	padding: 0 0 0 3px
}

.GeoLocation-hint {
	color: var(--v-neutre600-base);
	font-size: 13px;
	padding-top: 5px;
}

.pg-top-contactdetails {
	background-color: var(--v-action600-base);
	display: flex;
	padding: 5px 35px !important;
	margin: 0px auto !important;
	max-width: 100%;
	position: fixed;
	z-index: 9000;
	width: 100%;
}

.pg-top-row {
	position: sticky;
	height: 85px;
	background-image: linear-gradient(137deg, var(--v-action600-base) 59%, rgba(255, 198, 41, 0.33) 100%) !important;
	background: var(--v-action600-base) 0% 0% no-repeat padding-box;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	z-index: 101;
	justify-content: unset;
	margin-left: 0px;
	display: flex;
	align-items: center;
	margin-top: 80px !important;
	width: Calc(100% + 15px) !important;
}

	.pg-top-row.dev {
		background-color: var(--v-action600-base) !important;
	}

.pg-bottom-row {
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0px;
	z-index: 101;
	justify-content: unset;
	margin-left: 0px;
	height: 50px;
	display: flex;
	align-items: center;
}

.pg-row-DevLabel {
	color: var(--v-neutre100-base);
	font-size: 16px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	justify-content: center;
	justify-items: center;
	justify-self: center;
	margin-right: 1rem;
	padding-left: 40px;
}

.pg-top-icon {
	position: relative;
	cursor: pointer;
	margin-right: 2rem;
}

.pg-top-icons {
	color: var(--v-neutreblanc-base) !important;
	padding-top: 8px;
	font-size: 25px !important;
}

	.pg-top-icons.rotate-icon {
		padding-top: 0px;
		animation: rotation 2s linear infinite;
	}

.pg-top-label {
	font-family: 'Franklin Gothic';
	font-weight: 800;
	text-transform: uppercase;
	font-size: 18px;
	color: var(--v-neutreblanc-base) !important;
	height: 50px;
	margin-top: 20px;
}

	.pg-top-label:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 3px;
		bottom: 0;
		left: 0;
		background: var(--v-action600-base);
		visibility: hidden;
		transform: scaleX(0);
		transition: .25s linear;
	}

	.pg-top-label:hover {
		font-family: 'Franklin Gothic';
		font-weight: 800;
		text-transform: uppercase;
		font-size: 18px;
		color: var(--v-action600-base) !important;
	}

		.pg-top-label:hover:before,
		.pg-top-label:focus:before {
			visibility: visible;
			transform: scaleX(1);
		}

	.pg-top-label.focus, .pg-top-label:focus {
		font-family: 'Franklin Gothic';
		font-weight: 800;
		text-transform: uppercase;
		font-size: 18px;
		color: var(--v-decorative-base) !important;
	}

.pglogo {
	width: auto;
	padding-left: 20px;
	padding-right: 30px;
	cursor: pointer;
	height: 85px;
}

.pg-welcomebanner {
	-webkit-transform: skewY(-3deg);
	-moz-transform: skewY(-3deg);
	-ms-transform: skewY(-3deg);
	-o-transform: skewY(-3deg);
	transform: skewY(-3deg);
	/*background-image: linear-gradient(90deg, var(--v-action600-base) 50%, rgba(255, 198, 41, 0.33) 100%) !important;*/
	background: var(--v-action600-base) 0% 0% no-repeat padding-box;
	/*background-size: cover;*/
	/*background-position: 50%;*/
	/*background-repeat: no-repeat;*/
	height: 300px;
	align-content: center;
	text-align: center;
	top: -150px;
	position: relative;
	width: 100vw !important;
	margin-left: -50px;
}

.pg-welcomebanner-label {
	-webkit-transform: skewY(3deg);
	-moz-transform: skewY(3deg);
	-ms-transform: skewY(3deg);
	-o-transform: skewY(3deg);
	transform: skewY(3deg);
	text-transform: capitalize;
	color: var(--v-action600-base) !important;
	font-family: 'Franklin Gothic';
	font-size: 60px;
	font-weight: 400;
	display: block;
}

.pg-footer {
	border-top: 1px solid var(--v-neutre600-base);
	padding: 15px 0px;
	width: 100%;
	justify-content: space-between;
	display: flex;
	height: 60px;
}

li .pg-social {
	display: inline-block;
}

.pg-social-icon {
	color: var(--v-action600-base);
}

	.pg-social-icon:hover {
		color: var(--v-action800-base);
	}

	.pg-social-icon.focus, .pg-social-icon:focus {
		color: var(--v-action950-base);
	}

/* Loader */

.loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	gap: 24px;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 500px;
}

	.loader img:nth-child(2) {
		max-width: 120px;
		width: 100%;
	}

	.loader #NavPGLogoImg {
		width: 150px;
		height: auto;
	}

.main .loader {
	left: calc(50% + 125px);
}

	.main .loader #NavPGLogoImg {
		width: 256px;
	}

.loading-section {
	text-align: center;
	/*  display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 9999; */
	/* height: 100px; */
}

	.loading-section span {
		font-size: 4rem;
	}

.pg-loader {
	display: inline-grid;
	grid-template-columns: repeat(2,1fr);
}

	.pg-loader .outer {
		grid-column: 1 / 3;
		grid-row: 1 / 2;
	}

	.pg-loader .inner {
		grid-column: 1 / 3;
		grid-row: 1 / 2;
		display: grid;
		place-items: center;
	}

.loader-dot {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background-color: var(--v-action600-base);
	display: inline-block;
	-webkit-animation: grow 2.1s infinite ease-in-out both;
	animation: grow 2.1s infinite ease-in-out both;
}

	.loader-dot.dot1 {
		-webkit-animation-delay: -0.96s;
		animation-delay: -0.96s;
	}

	.loader-dot.dot2 {
		-webkit-animation-delay: -0.48s;
		animation-delay: -0.48s;
	}


.pg-homepill {
	border-radius: 10px;
	background-color: var(--v-neutreblanc-base);
	padding: 20px 30px;
	/*border: var(--v-neutreblanc-base) 1px solid;*/
	margin: 20px 15px;
}

	.pg-homepill > h1:not(.TMCardTitle) {
		color: var(--v-action600-base);
		font: 25px Chewie;
		font-weight: 400;
		margin-bottom: 1.5rem;
	}

	.pg-homepill > h2:not(.TMCardTitle) {
		color: var(--v-action600-base);
		font: 23px Chewie;
		font-weight: 400;
		margin-bottom: 1.5rem;
	}

	.pg-homepill.alt {
		min-height: 190px;
		/* background: url('../img/get-helpbg.jpg');*/
		background-color: var(--v-action800-base);
		color: var(--v-neutreblanc-base);
		padding-top: 40px;
		padding-right: 40px;
		padding-left: 50px;
	}

		.pg-homepill.alt h1 {
			color: var(--v-neutreblanc-base);
			font: 25px Chewie;
			font-weight: 400;
			margin-bottom: 2rem;
		}

.pg-homepill-TMCardTitle {
	color: var(--v-action600-base);
	font: 18px Chewie;
	font-weight: 400;
	padding-top: 1rem;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
	margin-left: 1rem;
}

.pg-homepill-blue {
	border-radius: 10px;
	background: var(--v-action200-base) 0% 0% no-repeat padding-box;
	padding: 10px 10px;
	margin-right: 10px;
}

	.pg-homepill-blue > h1:not(.TMCardTitle) {
		color: var(--v-action600-base);
		font-size: 14px;
		font-weight: 600;
		padding-top: 15px;
		padding-bottom: 5px;
	}

.pg-content {
	background: var(--v-action100-base) 0% 0% no-repeat padding-box;
	border-radius: 10px;
	padding: 15px;
	width: 100%;
}

.pg-LongWaitingSection {
	/*align-content: center;*/
	/*justify-content: center;*/
	display: contents;
	width: 100%;
	height: 100%;
}

.pg-Loading-more-items {
	font-family: 'Franklin Gothic';
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: var(--v-action600-base);
	margin-bottom: 0.5rem;
	text-transform: uppercase;
	z-index: 1000;
	margin: auto;
	width: 100%;
	position: fixed;
}

.pg-RemindMe {
	background-color: var(--v-neutre100-base);
	border: none;
	color: black;
	padding: 7px 10px;
	text-decoration: none;
	margin: 15px 5px;
	cursor: pointer;
	border-radius: 35px;
	align-items: center;
	transition: all 2.8s ease;
	padding: 15px 20px;
}

	.pg-RemindMe:active {
		background-color: rgba(109,109,109, 0.2);
		background-size: 100%;
		transition: background 0s;
	}

.pg-TandC {
	background-color: var(--v-neutre100-base);
	border: none;
	color: black;
	padding: 10px 20px 10px 10px;
	text-decoration: none;
	margin: 15px auto;
	cursor: pointer;
	border-radius: 35px;
	align-items: center;
	transition: all 2.8s ease;
	width: fit-content;
}

	.pg-TandC:active {
		background-color: rgba(var(--v-neutre300-base), 0.5);
		background-size: 100%;
		transition: background 0s;
	}

/* HTML: <div class="pg-small-loader"></div> */
.pg-small-loader {
	width: 50px;
	aspect-ratio: 1;
	display: grid;
	border: 4px solid var(--v-neutreblanc-base);
	border-radius: 50%;
	border-right-color: var(--v-action600-base);
	animation: l15 1s infinite linear;
}

	.pg-small-loader::before,
	.pg-small-loader::after {
		content: "";
		grid-area: 1/1;
		margin: 2px;
		border: inherit;
		border-radius: 50%;
		animation: l15 2s infinite;
	}

	.pg-small-loader::after {
		margin: 8px;
		animation-duration: 3s;
	}

@keyframes l15 {
	100% {
		transform: rotate(1turn)
	}
}

/* HTML: <div class="pg-location-loader"></div> */
.pg-location-loader {
	width: 40px;
	aspect-ratio: 1;
	position: relative;
	transform: rotate(45deg);
}

	.pg-location-loader:before,
	.pg-location-loader:after {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: 50% 50% 0 50%;
		background: var(--v-action600-base);
		-webkit-mask: radial-gradient(circle 10px at 50% 50%,var(--v-neutre800-base) 94%,var(--v-neutre950-base));
	}

	.pg-location-loader:after {
		animation: l6 1s infinite;
		transform: perspective(300px) translateZ(0px)
	}

@keyframes l6 {
	to {
		transform: perspective(300px) translateZ(150px);
		opacity: 0
	}
}

/*
	Coming Soon
*/

.bgimg {
	background: transparent;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	/* Full-screen */
	height: 100%;
	/* Add position: relative to enable absolutely positioned elements inside the image (place text) */
	position: relative;
	/* Add a white text color to all elements inside the .bgimg container */
	color: white;
	/* Add a font */
	font-family: "Courier New", Courier, monospace;
	/* Set the font-size to 25 pixels */
	font-size: 25px;
	min-height: 600px;
}

/* Position text in the middle */
.middle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

/* Style the <hr> element */
hr {
	margin: 1rem auto;
	width: 40%;
}

/* Set height to 100% for body and html to enable the background image to cover the whole page: */
html, body {
	font-family: 'Franklin Gothic', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 100;
	height: 100%;
	min-height: 600px;
}

a, .btn-link {
	color: var(--v-action600-base);
}

.btn-primary {
	color: var(--v-neutreblanc-base);
	background-color: var(--v-action600-base);
	border-color: var(--v-action500-base);
}

.btn-outline {
	color: var(--v-action600-base);
	background-color: var(--v-neutreblanc-base);
	border-color: var(--v-action500-base);
}

	.btn-outline:hover {
		color: var(--v-action800-base);
		background-color: var(--v-neutre100-base);
		border-color: var(--v-action700-base);
	}

	.btn-outline.active, .btn-outline:first-child:active, .btn-outline:active {
		color: var(--v-action800-base);
		background-color: var(--v-neutre100-base);
		border-color: var(--v-action700-base);
	}

.btn-success {
	color: var(--v-neutreblanc-base);
	background-color: var(--v-success-base);
	border-color: var(--v-success-base);
}

.btn-error {
	color: var(--v-neutreblanc-base);
	background-color: var(--v-danger-base);
	border-color: var(--v-danger-base);
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
	box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--v-action500-base);
}

.content {
	padding-top: 1.1rem;
}

h1:focus {
	outline: none;
}

.valid.modified:not([type=checkbox]) {
	outline: 1px solid var(--v-success-base);
}

.invalid {
	outline: 1px solid var(--v-danger-base);
}

.validation-message {
	color: var(--v-danger-base);
}

.blazor-error-boundary {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, var(--v-danger-base);
	padding: 1rem 1rem 1rem 3.7rem;
	color: white;
}

	.blazor-error-boundary::after {
		content: "An error has occurred."
	}

.darker-border-checkbox.form-check-input {
	border-color: var(--v-neutre700-base);
}

/* Custom */

.btn-block {
	width: 100%;
	max-width: 350px;
	justify-content: center;
	height: 150px;
	padding: 2px 12px !important;
	background: var(--v-action600-base) 0% 0% no-repeat padding-box;
	border-radius: 10px;
	font: 30px franklin-gothic-atf;
	letter-spacing: 0px;
	color: var(--v-neutre100-base);
	margin: 0px 5px 5px 0px;
}

	.btn-block:hover {
		color: var(--v-neutre600-base);
		background: var(--v-action500-base) 0% 0% no-repeat padding-box;
	}

	.btn-block.focus, .btn-block:focus {
		box-shadow: 0 0 0 0.2rem rgba(38,143,255,.5);
		background: var(--v-action800-base) 0% 0% no-repeat padding-box;
	}

	.btn-block:not(:disabled):not(.disabled).active, .btn-block:not(:disabled):not(.disabled):active, .show > .btn-block.dropdown-toggle {
		color: var(--v-neutre100-base);
		background: var(--v-neutre400-base) 0% 0% no-repeat padding-box;
	}

	.btn-block.disabled, .btn-block:disabled {
		color: var(--v-neutre400-base);
		background-color: var(--v-neutreblanc-base);
	}

	.btn-block > img {
		height: 80px;
		padding: 10px 30px;
	}

	.btn-block > span {
		/*padding: 5px 15px;*/
	}

.CenteredContent {
	justify-content: center;
	text-align: center;
}

.SectionHeading {
	background: transparent;
	height: 94px;
	text-align: right;
	font: 20px verdana, Roboto;
	letter-spacing: 0px;
	color: var(--v-neutreblanc-base);
}

.subnavheading {
	color: var(--v-neutreblanc-base);
	padding: 20px;
	background: transparent;
}

.PageHeading {
	text-align: left;
	font: normal 16px Roboto;
	letter-spacing: 0px;
	color: var(--v-neutre600-base);
	padding: 0.5rem 1rem 0.5rem 2rem;
}


.form-control.caseControl {
	height: 42px;
	font-size: 16px;
}

.required:after {
	content: " *";
	color: red;
}

.request-component-text {
	color: var(--v-neutre600-base);
	font-size: 13px;
	padding-bottom: 1rem;
	text-align: start;
}

.request-component-label {
	text-align: start;
}


.hero_area {
	position: relative;
	background-image: linear-gradient(137deg, var(--v-action600-base) 59%, rgba(255, 198, 41, 0.33) 100%) !important;
	background: var(--v-action600-base) 0% 0% no-repeat padding-box;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
}

.header_section {
	background-image: linear-gradient(137deg, var(--v-action600-base) 59%, rgba(255, 198, 41, 0.33) 100%) !important;
	background: var(--v-action600-base) 0% 0% no-repeat padding-box;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
}

	.header_section .container-fluid {
		padding-right: 25px;
		padding-left: 25px;
	}

	.header_section .header_top {
		padding: 15px 0;
		background-color: var(--v-decorative-base);
	}

		.header_section .header_top .contact_nav {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
		}

			.header_section .header_top .contact_nav a {
				color: var(--v-action600-base);
			}

				.header_section .header_top .contact_nav a i {
					color: var(--v-action600-base);
				}

	.header_section .header_bottom {
		padding: 10px 0;
	}

.navbar-brand {
	padding: 0;
	margin: 0;
	color: var(--v-neutre950-base);
	font-weight: bold;
	font-size: 24px;
	font-weight: bold;
}

	.navbar-brand span {
		color: var(--v-action600-base);
		text-transform: uppercase;
	}

.custom_nav-container {
	padding: 0;
}

	.custom_nav-container .navbar-nav {
		margin-left: auto;
	}

		.custom_nav-container .navbar-nav .nav-item .nav-link {
			padding: 10px 25px;
			color: var(--v-decorative-base);
			text-align: center;
			font-size: 18px;
		}

		.custom_nav-container .navbar-nav .nav-item:hover .nav-link, .custom_nav-container .navbar-nav .nav-item .nav-link {
			color: var(--v-decorative-base);
		}

		.custom_nav-container .navbar-nav .nav-item:hover .nav-link, .custom_nav-container .navbar-nav .nav-item.active .nav-link {
			color: var(--v-decorativelight-base);
			border-bottom: 3px solid var(--v-decorativelight-base);
		}

	.custom_nav-container .form-inline .nav_search-btn {
		width: 35px;
		height: 35px;
		padding: 0;
		border: none;
		color: var(--v-neutre950-base);
	}

		.custom_nav-container .form-inline .nav_search-btn:hover {
			color: var(--v-action600-base);
		}

	.custom_nav-container .navbar-toggler {
		outline: none;
	}

	.custom_nav-container .navbar-toggler {
		padding: 0;
		width: 37px;
		height: 42px;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

		.custom_nav-container .navbar-toggler span {
			display: block;
			width: 35px;
			height: 4px;
			background-color: var(--v-neutre950-base);
			margin: 7px 0;
			-webkit-transition: all 0.3s;
			transition: all 0.3s;
			position: relative;
			border-radius: 5px;
			-webkit-transition: all .3s;
			transition: all .3s;
		}

			.custom_nav-container .navbar-toggler span::before, .custom_nav-container .navbar-toggler span::after {
				content: "";
				position: absolute;
				left: 0;
				height: 100%;
				width: 100%;
				background-color: var(--v-neutre950-base);
				top: -10px;
				border-radius: 5px;
				-webkit-transition: all .3s;
				transition: all .3s;
			}

			.custom_nav-container .navbar-toggler span::after {
				top: 10px;
			}

		.custom_nav-container .navbar-toggler[aria-expanded="true"] {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}

			.custom_nav-container .navbar-toggler[aria-expanded="true"] span {
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
			}

				.custom_nav-container .navbar-toggler[aria-expanded="true"] span::before, .custom_nav-container .navbar-toggler[aria-expanded="true"] span::after {
					-webkit-transform: rotate(90deg);
					transform: rotate(90deg);
					top: 0;
				}

			.custom_nav-container .navbar-toggler[aria-expanded="true"] .s-1 {
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				margin: 0;
				margin-bottom: -4px;
			}

			.custom_nav-container .navbar-toggler[aria-expanded="true"] .s-2 {
				display: none;
			}

			.custom_nav-container .navbar-toggler[aria-expanded="true"] .s-3 {
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
				margin: 0;
				margin-top: -4px;
			}

		.custom_nav-container .navbar-toggler[aria-expanded="false"] .s-1,
		.custom_nav-container .navbar-toggler[aria-expanded="false"] .s-2,
		.custom_nav-container .navbar-toggler[aria-expanded="false"] .s-3 {
			-webkit-transform: none;
			transform: none;
		}

.hoverable-button:hover, .display-on-hover {
	display: block;
}

.display-on-hover {
	display: none;
}

/** MudBlazor Override */
.mud-toolbar-gutters {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.mud-appbar {
	color: var(--mud-palette-appbar-text);
	background-color: transparent;
}

.mud-input-control-input-container {
	width: 100%;
}

/** RadZen Override **/
.rz-switch.rz-switch-checked .rz-switch-circle {
	background: var(--v-action600-base) !important;
}

.rz-progressbar-circular-background {
	stroke: var(--v-action600-base) !important;
}

.rz-progressbar-determinate.rz-progressbar-primary .rz-progressbar-circular-value {
	stroke: var(--v-action600-base) !important;
}

.rz-form-field-content:has(.rz-form-field-content .rz-textarea), .rz-colorpicker, .rz-lookup-search input, .rz-numeric, .rz-datepicker > .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textbox, .rz-autocomplete-input {
	height: 3.0rem !important;
	/*box-shadow: var(--v-action600-base) 0px 0px 0px 1px inset !important;*/
}

	.rz-form-field.rz-state-focused .rz-form-field-content, .rz-numeric:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-numeric:not(:disabled):not(.rz-state-disabled):focus, .rz-datepicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus {
		color: var(--v-action600-base) !important;
		border: var(--v-action600-base) !important;
		outline: var(--v-action600-base) !important;
	}

	.rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-numeric:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label {
		color: var(--v-action600-base) !important;
	}


.rz-form-field:hover .rz-form-field-content {
	/*box-shadow: var(--v-action600-base) !important;*/
}

.rz-form-field.rz-state-focused .rz-form-field-content {
	/*box-shadow: var(--v-action600-base) !important;*/
}

.rz-multiselect-label-container, .rz-dropdown-label {
	padding-top: 0.5rem;
}

.rz-state-focused .rz-form-field-label, .rz-variant-filled.rz-state-focused .rz-form-field-label, .rz-variant-flat.rz-state-focused .rz-form-field-label {
	color: var(--v-action600-base) !important;
}

.rz-multiselect-trigger .rzi-chevron-down::before, .rz-dropdown-trigger .rzi-chevron-down::before {
	content: "expand_more";
}

.rz-state-focused .rz-multiselect-trigger .rzi-chevron-down::before, .rz-state-focused .rz-dropdown-trigger .rzi-chevron-down::before {
	/*content: "expand_less";*/
}

.rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext {
	padding-left: 0.5rem;
}

/* */
@media (max-width: 570px) {
	.header_top {
		display: none;
	}
}

/* Mobile Styling */
@media screen and (max-width:800px) {
	.step-subtitle {
		font-size: 18px !important;
	}

	.v-stepper__header {
		display: block;
	}
}

@media screen and (max-width:720px) {
	.step-title {
		margin: 20px 2px 8px 2px !important;
		font-size: 26px !important;
	}

	.step-subtitle {
		font-size: 18px !important;
	}

	.pglogo {
		padding-left: 10px !important;
		padding-right: 15px !important;
		height: 65px !important;
	}

	.v-stepper__content {
		padding: 10px 10px 10px !important;
	}

	.appointment-details-wrapper .appointment-details .title-icon-line {
		font-size: 14px;
	}

	.appointment-details-wrapper .appointment-details .estimated-hour {
		font-size: 14px;
	}

	.appointment-details-wrapper .appointment-details .vehicle-details {
		font-size: 14px;
	}

	.appointment-details-wrapper .appointment-details .service-details {
		font-size: 14px;
	}
}

@media screen and (max-width:600px) {
}

@media screen and (max-width:455px) {
	.step-title {
		margin: 15px 2px 8px 2px !important;
		font-size: 20px !important;
	}

	.step-subtitle {
		padding: 15px 15px 16px !important;
	}

	.v-stepper__content {
		padding: 10px 10px 10px !important;
	}

	#step-content-container {
		padding: 5px !important;
	}

	.flex.xs12 {
		padding: 0px !important;
	}

	.geoloc-step {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.pglogo {
		padding-left: 5px !important;
		padding-right: 0px !important;
		height: 50px !important;
	}

	.pg-row-DevLabel {
		display: none;
	}

	.v-btn:not(.v-btn--round).v-size--x-large {
		height: 45px !important;
	}

	.v-application .white {
		background-color: transparent !important;
	}

	.damage-identification-wrapper {
		margin-top: 0px;
		margin-bottom: 20px;
	}

		.damage-identification-wrapper .chip-location-title, .damage-identification-wrapper .chip-size-title {
			margin: 20px 0 12px 0;
			text-align: center;
		}

	.pg-RemindMe {
		padding: 5px 5px;
		margin: 10px 5px;
		font-size: 14px;
	}

	.contact-disclaimers {
		margin-bottom: 5px;
	}
}

@media screen and (max-width:425px) {
	.v-stepper__content {
		padding: 5px 5px 10px !important;
	}

	.pglogo {
		padding-left: 5px !important;
		padding-right: 0px !important;
		height: 45px !important;
	}

	.navbar-brand {
		margin-left: auto;
		margin-right: auto;
	}

	#step-content-container {
		padding: 0px !important;
	}

	.card-selector-wrapper .select-card {
		min-height: 83px;
	}

		.card-selector-wrapper .select-card img {
			max-width: 45px;
		}

		.card-selector-wrapper .select-card .card-title {
			font-size: 14px;
			font-weight: 500;
		}

	.damage-identification-wrapper .chip-location-title, .damage-identification-wrapper .chip-size-title {
		margin: 10px 0 6px 0;
		text-align: center;
	}

	.damage-identification-wrapper .assistant-wrapper .assistant span {
		font-size: 12px;
		margin-top: 5px;
	}

	.locator-picker-wrapper .location-infos {
		justify-content: start;
	}

		.locator-picker-wrapper .location-infos .location-distance {
			display: none;
			min-width: 0px;
		}

		.locator-picker-wrapper .location-infos .location-details p {
			font-size: 14px;
		}

		.locator-picker-wrapper .location-infos .location-details .location-distance-details {
			display: block;
		}

	.period-selector .calendar-subtitle h2 {
		font-size: 18px;
	}

	.v-input {
		font-size: 14px !important;
	}

	.component-title {
		font-size: 16px !important;
	}

	.mud-typography-body1 {
		font-size: 14px !important;
	}

	.contact-information-step .contact-disclaimers {
		font-size: 12px;
	}

	.vehicle-identification-wrapper {
		padding-top: 10px;
	}

	.avatar {
		display: none;
	}

	.calendar-wrapper .carousel-wrapper .carousel .slide .row .col-title {
		font-size: 12px !important;
	}

	.calendar-wrapper .carousel-wrapper .carousel .slide .row .col-subtitle {
		font-size: 11px !important;
	}

	.calendar-wrapper .carousel-wrapper .carousel .slide .row .slot span {
		font-size: 12px !important;
	}
}

@media screen and (max-width:375px) {
	.v-stepper__content {
		padding: 5px 5px 10px !important;
	}

	.damage-identification-wrapper .assistant-wrapper .assistant span {
		display: none;
	}

	.mud-input {
		font-size: 14px !important;
	}

	.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
		font-size: 14px !important;
	}

	.v-input {
		font-size: 13px !important;
	}

	.v-text-field input, textarea {
		font-size: 13px !important;
		line-height: 13px !important;
	}

	.locator-picker-wrapper .location-infos .location-details p {
		font-size: 12px !important;
	}

	.booking-step #LocatorToggler-btn .locator-toggler .locator-toggler-title {
		font-size: 14px;
	}

	.period-selector .select-period-wrapper .select-period .period-txt {
		font-size: 12px;
		margin-right: 5px;
	}

	.mud-typography-body1 {
		font-size: 12px !important;
	}

	.booking-step #LocatorToggler-btn .locator-toggler .open-locator-btn {
		margin: 10px 10px 6px 10px;
		font-size: 14px !important;
	}

	.component-title {
		font-size: 14px !important;
	}

	.calendar-wrapper .carousel-wrapper .carousel-header .header-title {
		font-size: 14px;
	}

	.calendar-wrapper .carousel-wrapper .carousel .slide .row .slot sub {
		display: none !important;
	}
}

@media screen and (max-width:300px) {
	#pg-timeslot {
		margin: 0px 15px 0px 15px;
	}
}

@media screen and (max-width:250px) {
	.v-stepper__content {
		padding: 5px 5px 10px !important;
	}

	.flex.xs12 {
		padding: 0px !important;
	}

	.pglogo {
		height: 40px !important;
	}

	.navbar-brand {
		margin-left: auto;
		margin-right: auto;
	}

	.card-selector-wrapper .select-card {
		min-height: 83px;
	}

		.card-selector-wrapper .select-card img {
			margin-top: 5px;
			max-width: 30px;
		}

		.card-selector-wrapper .select-card .card-title {
			font-size: 12px;
			font-weight: 500;
		}
}