html {
	font-size: 62.5%;
	overflow-x: hidden;
	font-family: 'new-hero';
}

:root {
	--lwc-brandNavigationColorText: #000000;
	--lwc-colorBackgroundButtonDefaultHover: transparent;
	--lwc-brandNavigationBarBackgroundColor: #FFFFFF;
	--lwc-brandNavigationBackgroundColor: #FFFFFF;
	--lwc-brandNavigationItemBackgroundColorHover: #FFFFFF;
	--lwc-navigationBarItemBackgroundColorHover: #FFFFFF;
	--lwc-brandNavigationItemDividerColor: #FFFFFF;
	--lwc-colorBackgroundContextBarInverseItemHover: #000000;
	--lwc-colorBackgroundFeaturedBrandHover: #000000;
	--lwc-brandTextLink: #000000;
	--lwc-colorBrand: #333333;
	--lwc-brandTextLinkActive: #333333;
	--lwc-squareIconSmallBoundary: 1.3rem;
	--lwc-squareIconMediumBoundary: 2.2rem;
	--lwc-colorTextDefault: #000000;
	--lwc-colorTextLabel: #000000;
	--lwc-brandAccessible: #000000;
	--lwc-brandAccessibleActive: #333333;
	--lwc-colorBackgroundButtonBrand: #000000;
	--lwc-colorBackgroundButtonBrandHover: #333333;
	--lwc-colorBorderInput: #D0D0D0;
	--slds-c-icon-color-foreground-default: #A9A9A9;
	--slds-c-button-sizing-border: 2px;

	--lwc-borderRadiusMedium: 0.5rem;

	--lwc-fontSize1: 1rem;
	--lwc-fontSize2: 1.2rem;
	--lwc-fontSize3: 1.3rem;
	--lwc-fontSize4: 1.6rem;
	--lwc-fontSize5: 1.8rem;
	--lwc-fontSize6: 2rem;
	--lwc-fontSize7: 2.2rem;
	--lwc-fontSize8: 2.4rem;
	--lwc-fontSize9: 2.6rem;

	--lwc-spacingXxSmall: .5rem;
	--lwc-spacingXSmall: .75rem;
	--lwc-spacingSmall: 1rem;
	--lwc-spacingMedium: 1.5rem;
	--lwc-spacingLarge: 2rem;
	--lwc-spacingXLarge: 3.5rem;
	--lwc-spacingXxLarge: 3.5rem;
	--lwc-layoutVerticalPadding: 4rem;

	--lwc-formLabelFontSize: var(--lwc-fontSize3);
	--lwc-fcFontSizeMedium: var(--lwc-fontSize3);
	--lwc-navigationFontSize: var(--lwc-fontSize3);
	--lwc-navigationItemVerticalPadding: 0.75rem;
	--lwc-squareIconMediumContentAlt: var(--lwc-fontSize3);
	--lwc-squareIconMediumContent: var(--lwc-fontSize6);
	--lwc-ssFontSizeXLarge: var(--lwc-fontSize5);
	--lwc-ssFontSizeLarge: var(--lwc-fontSize5);
	--lwc-ssFontSizeSmall: var(--lwc-fontSize3);
	--lwc-navigationItemHorizontalPadding: 1.25rem;
	--lwc-colorTextInputIcon: var(--lwc-colorTextDefault);
	--lwc-colorTextLink: var(--lwc-colorTextDefault);
	--lwc-squareIconUtilitySmall: var(--lwc-fontSize3);
	--lwc-squareIconUtilityLarge: var(--lwc-fontSize6);
	--lwc-squareIconXxSmallContent: var(--lwc-fontSize5);
	--lwc-mobileTextLargest: var(--lwc-fontSize5);
	--lwc-fontSizeHeadingLarge: var(--lwc-fontSize5);

	--c-border-color: var(--slds-c-icon-color-foreground-default);
	--c-required-text-color: #707070;
	--c-salomon-font: 'salomon-sans';
}

.comm-page-custom-warranty .contentRegion .ui-widget {
	max-width: 500px;
	margin: auto;
	font-family: 'new-hero';
}

.comm-page-custom-warranty .contentRegion ul.bullet {
	padding-left: 2rem;
}

.comm-page-custom-warranty .contentRegion ul.bullet li {
	list-style-type: disc;
}

.comm-page-custom-warranty .header {
	position: relative;
}

.comm-page-custom-warranty .header .brand-image {
	position: absolute;
	width: auto;
	max-width: unset;
	left: 50%;
	height: 3rem;
	object-fit: cover;
	transform: translateX(-50%);
}

.comm-page-custom-warranty .header .header-image {
	position: absolute;
	width: auto;
	max-width: unset;
	left: 50%;
	height: 40rem;
	top: 7rem;
	object-fit: cover;
	transform: translateX(-50%);
}

.comm-page-custom-warranty .header h1 {
	position: absolute;
	top: 26rem;
	font-weight: var(--lwc-fontWeightBold);
	color: var(--lwc-brandNavigationBackgroundColor);
	font-size: var(--lwc-fontSize9);
	left: 35%;
	font-family: 'salomon-sans';
	letter-spacing: 2.08px;
}

.comm-page-custom-warranty ol {
	counter-reset: list-numbers;
}

.comm-page-custom-warranty ol > li {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	line-height: 2.4rem;
}

.comm-page-custom-warranty ol > li::before {
	counter-increment: list-numbers;
	content: counter(list-numbers);
	border-radius: 5rem;
	margin-right: 1rem;
	border-style: solid;
	border-width: 2px;
	border-color: var(--lwc-colorTextDefault);
	font-weight: var(--lwc-fontWeightBold);
	color: var(--lwc-colorTextDefault);
	text-align: center;
	width: 2.4rem;
	height: 2.4rem;
}

.comm-page-custom-warranty ol > li p {
	flex-basis: 50%;
	flex-grow: 1;
}

.comm-page-custom-warranty li.active h1 {
	font-size: var(--lwc-fontSize7);
}

.comm-page-custom-warranty li.active::before {
	background-color: var(--lwc-colorBackgroundButtonBrand);
	color: var(--lwc-brandNavigationBackgroundColor);
}

.comm-page-custom-warranty li.active::before,
.comm-page-custom-warranty li.done::before {
	border-color: var(--lwc-colorTextDefault);
}

.comm-page-custom-warranty li.done::before,
.comm-page-custom-warranty li.active h1,
.comm-page-custom-warranty li.done h1 {
	color: var(--lwc-colorTextDefault);
}

.comm-page-custom-warranty li.done h1::after {
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7.26667L6.5 11L14 3' stroke='%2340AC9A' stroke-width='3' stroke-linecap='square'/%3E%3C/svg%3E%0A");
	width: 1.7rem;
	height: 1.4rem;
	margin-left: 1rem;
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 2.5rem;
}

.comm-page-custom-warranty .home li,
.comm-page-custom-warranty .home li a {
	color: var(--lwc-brandNavigationBackgroundColor);
}

.comm-page-custom-warranty a {
	text-decoration: underline;
}

.comm-page-custom-warranty .intro-content {
	position: relative;
	padding-top: 50rem;
}

.comm-page-custom-warranty .intro-content section {
	padding-bottom: 3rem;
}

.comm-page-custom-warranty .intro-content h2 {
	font-weight: var(--lwc-fontWeightBold);
}

lightning-combobox[class*="forceCommunityLanguageSelector"].center button.slds-combobox__input {
	padding-top: 0;
	padding-bottom: 0;
}

lightning-combobox[class*="forceCommunityLanguageSelector"]:has(.slds-is-open) {
	padding-bottom: 15rem;
}

body [class*="forceCommunityLanguageSelector"] svg {
	fill: var(--c-border-color);
}

dxp_data_provider-user-data-provider:not(:has(.home-step)) dxp_base-language-selector {
	display: none;
}

.body .slds-button:not(c-custom-datatable .slds-button, .slds-modal__close .slds-button, c-autocomplete .slds-button) {
	--slds-c-button-text-color: #FFFFFF;
	--slds-c-button-color-background: var(--lwc-colorBackgroundButtonBrand);
	--slds-c-button-color-border: var(--lwc-colorBackgroundButtonBrand);
	--slds-c-button-radius-border: 5px;
	--slds-c-button-spacing-block-start: 12px;
	--slds-c-button-spacing-block-end: 12px;
	--slds-c-button-spacing-inline-start: 30px;
	--slds-c-button-spacing-inline-end: 30px;
}

.body .slds-button:not(c-autocomplete .slds-button, .body .slds-radio_button):hover  {
	background-color: var(--lwc-colorBrand);
	color: var(--lwc-brandNavigationBarBackgroundColor);
	transform: none;
}

body .slds-combobox__input:focus,
body .slds-combobox__input.slds-has-focus {
	border-color: var(--lwc-colorBackgroundButtonBrand);
	box-shadow: none;
}

body .slds-combobox__input,
.searchRegion .uiInput,
.slds-input,
.slds-file-selector__button,
lightning-base-combobox-item {
	font-size: var(--lwc-fontSize3);
	height: 5rem;
	border-radius: 0.5rem;
}

body .slds-combobox__input {
	display: inline-block;
	padding-right: 3rem;
}

body .slds-combobox__input:focus,
body .slds-combobox__input.slds-has-focus {
	border-color: var(--lwc-colorBackgroundButtonBrand);
	box-shadow: none;
}

.slds-notify_alert {
	background-image: none;
	padding-right: var(--slds-c-alert-spacing-inline-end, var(--sds-c-alert-spacing-inline-end, var(--lwc-spacingXSmall,0.5rem)))
}

.steps > li::before {
	color: var(--c-required-text-color);
	border-color: var(--c-required-text-color);
}

.steps > li {
	align-items: center;
	padding-top: 3rem;
	padding-bottom: 3rem;
	border-bottom: 1px solid var(--lwc-colorBorderInput);
}

.steps > li:last-child {
	border-bottom: none;
}

.steps h1 {
	display: inline-block;
	font-weight: var(--lwc-fontWeightBold);
	color: var(--c-required-text-color);
	flex-grow: 1;
}

.steps h2 {
	font-weight: var(--lwc-fontWeightBold);
}

.steps .edit-button {
	justify-self: flex-end;
}

.steps .content {
	padding-top: 3rem;
	flex-basis: 100%;
}

.steps .content-without-padding {
	flex-basis: 100%;
}

.slds-radio__label .slds-form-element__label {
	font-weight: var(--lwc-fontWeightBold);
}

.slds-radio .slds-radio__label div {
	color: var(--c-required-text-color);
    margin-top: 1rem;
    padding-left: 3rem;
}

.slds-form-element .slds-radio [type=radio]:disabled ~ .slds-form-element__label {
	color: var(--c-required-text-color);
}

.slds-form-element .slds-radio [type=radio]:checked ~ .slds-radio_faux,
.slds-form-element .slds-radio .slds-radio_faux {
	width: 2rem;
	height: 2rem;
	border-color: var(--lwc-colorTextDefault);
}

.slds-form-element .slds-radio [type=radio]:checked ~ .slds-radio_faux:after {
	width: 1.4rem;
	height: 1.4rem;
	background-color: var(--lwc-colorTextDefault);
}

.slds-radio:not(c-custom-datatable .slds-radio) {
	border: var(--lwc-borderWidthThin, 1px) solid var(--c-border-color, #D4D4D4);
	border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
	padding: 2rem 2rem;
	margin: 0 0 2rem 0;
}

.disabled-radio {
	background-color: var(--lwc-colorBorderInput);
}

.slds-radio .slds-form-element {
	margin-top: 1rem;
}

.slds-form-element .slds-radio h2 {
	display: inline-flex;
	padding-top: 5rem;
}

.comm-page-custom-warranty lightning-file-upload .slds-form-element__label,
.comm-page-custom-warranty lightning-file-upload .slds-file-selector__text {
	display: none;
}

.comm-page-custom-warranty lightning-file-upload .slds-file-selector__dropzone {
	border: none;
}

.comm-page-custom-warranty lightning-file-upload .slds-button {
	--slds-c-button-color-background: #FFFFFF;
	--slds-c-button-text-color: #000000;
	--slds-c-button-spacing-inline-start: 1.5rem;
	--slds-c-button-spacing-inline-end: 1.5rem;
	--slds-c-button-spacing-block-start: 1.5rem;
	--slds-c-button-spacing-block-end: 1.5rem;
}

c-file-upload .slds-pill__remove {
	margin-left: 1rem;
}

.comm-page-custom-warranty .card-container {
	display: flex;
	flex-wrap: wrap;
}

.slds-radio_button-group {
	border: none;
	border-radius: 0;
	flex-wrap: wrap;
	row-gap: 1rem;
	column-gap: 1rem;
}

lightning-radio-group .slds-form-element__legend,
.slds-radio_button-group .slds-form-element__legend {
    font-weight: var(--lwc-fontWeightRegular);
	margin-bottom: 1rem;
}

.slds-radio_button-group .slds-radio_button {
	background: transparent;
	padding: 0;
}

.slds-radio_button-group .slds-radio_button label {
	border: var(--lwc-borderWidthThin, 1px) solid var(--c-border-color, #D4D4D4);
	border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
	padding: 1rem 2rem;
}

.slds-radio_button-group .slds-radio_button:first-child label,
.slds-radio_button-group .slds-radio_button:last-child label {
	border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
}

.slds-radio_button-group .slds-radio_button input:checked~label {
    border-color: #000;
    box-shadow: 0 0 0 .1rem #000;
}

.slds-radio_button-group .slds-radio_button .slds-radio_button__label,
.slds-radio_button-group .slds-radio_button [type=radio]:checked ~ .slds-radio_button__label {
	background: transparent;
}

.slds-radio_button-group .slds-radio_button ~ .slds-radio_button {
	border: none;
}

.slds-radio_button-group .slds-radio_button .slds-radio_faux {
	width: auto;
	height: auto;
	border: none;
	color: var(--lwc-colorTextDefault);
}

.body .slds-radio_button:hover {
	background-color: #FFFFFF;
}

.comm-page-custom-warranty .step-details c-sprite-icon {
	--c-icon-width: 100%;
	--c-icon-height: 25.6rem;
	--slds-c-icon-color-foreground-default: none;
}

.comm-page-custom-warranty .article-picture {
	max-height: 300px;
}

.comm-page-custom-warranty .large-modal .slds-modal__container {
	max-width: 100%;
}

.comm-page-custom-warranty c-modal .childContainer {
	margin: 50px;
}

.comm-page-custom-warranty c-modal .mainContainer .footer {
	height: 80px;
}

.comm-page-custom-warranty .hidden {
	visibility: hidden;
}

.comm-page-custom-warranty .picture-component > p {
	padding-bottom: 0.5rem;
}

.comm-page-custom-warranty .picture-component .container {
	border: 2px solid var(--slds-c-icon-color-foreground-default);
	position: relative;
	height: 17.1rem;
	padding-right: 0;
}

.comm-page-custom-warranty .picture-component .files {
	padding-left: 3rem;
	padding-right: 1.5rem;
	max-height: 7.2rem;
	overflow-y: scroll;
}

.comm-page-custom-warranty .picture-component .container c-sprite-icon.small-background {
	left: 50%;
	position: absolute;
	top: 35%;
	transform: translate(-50%, -50%);
	--c-icon-width: 5rem;
	--c-icon-height: auto;
	--slds-c-icon-color-foreground-default: none;
}

.comm-page-custom-warranty .picture-component .container c-sprite-icon.background {
	left: 50%;
	position: absolute;
	top: 35%;
	transform: translate(-50%, -50%);
	--c-icon-width: 7rem;
	--c-icon-height: auto;
	--slds-c-icon-color-foreground-default: none;
}

.comm-page-custom-warranty .picture-component .container c-sprite-icon.medium-background {
	left: 50%;
	position: absolute;
	top: 40%;
	transform: translate(-50%, -50%);
	--c-icon-width: 15rem;
	--c-icon-height: auto;
	--slds-c-icon-color-foreground-default: none;
}

.comm-page-custom-warranty .picture-component .container c-sprite-icon.big-background {
	left: 50%;
	position: absolute;
	top: 35%;
	transform: translate(-50%, -50%);
	--c-icon-width: 23rem;
	--c-icon-height: auto;
	--slds-c-icon-color-foreground-default: none;
}

.comm-page-custom-warranty .picture-component:not(:has(~ .comm-page-custom-warranty .picture-component)) .container c-sprite-icon.background {
	z-index: -1;
	--slds-c-icon-color-foreground-default: none;
}

.comm-page-custom-warranty .picture-component .container c-sprite-icon.icon {
	position: absolute;
	top: 1.5rem;
	left: 1.5rem;
	--c-icon-width: 2.33rem;
	--c-icon-height: 2rem;
	--slds-c-icon-color-foreground-default: none;
}

.comm-page-custom-warranty .picture-component lightning-file-upload {
	position: absolute;
	bottom: 1.5rem;
	right: 1.5rem;
}

.comm-page-custom-warranty .picture-component .slds-pill:hover {
	background-color: var(--lwc-brandNavigationBackgroundColor)
}

.comm-page-custom-warranty .picture-component .slds-has-error .slds-form-element__help {
	position: absolute;
	left: 12px;
	bottom: 40px;
}

.comm-page-custom-warranty .step-picture .button-container {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.comm-page-custom-warranty .step-picture .content {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: end;
	grid-auto-flow: row;
	column-gap: 3rem;
}

.comm-page-custom-warranty .step-picture .content > p {
	grid-column: 1/3;
}

.comm-page-custom-warranty .step-picture .button-container {
	grid-column: 1/3;
}

.comm-page-custom-warranty .step-picture lightning-textarea {
	padding-bottom: 3rem;
	border-bottom: 1px solid var(--lwc-colorBorderInput);
}

.comm-page-custom-warranty .step-picture .slds-file-selector__button {
	right: -10px;
	width: 130px;
	bottom: -10px;
	font-size: 12px;
}

.comm-page-custom-warranty .step-picture c-sprite-icon svg {
	fill: white;
}

.comm-page-custom-warranty lightning-pill svg {
	width: 10px;
}

.comm-page-custom-warranty lightning-pill button {
	margin-left: 35px;
	padding: 1px;
}

.full-width {
	width: 100%
}

.comm-page-custom-warranty c-autocomplete .slds-dropdown_length-5 {
	max-height: calc(((1rem * 1.5) + 1rem) * 10);
}

.comm-page-custom-warranty .required-by-hand::before {
	content: '* ';
	color: rgb(234, 0, 30);
}