#app {
	margin: 0;
	max-width: 480px;
}

#app #lsd-calculator-framework {
	background: none;
	margin: 0;
	border: none;
	width: 100%;
	position: relative;
	min-height: 0;
	color: #4F145B;
	font-family: -apple-system, BlinkMacSystemFont, Segoe, "Segoe UI", "Droid Sans", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#app #lsd-calculator-framework fieldset {
	margin: 0;
	padding: 0;
}

#app #lsd-calculator-framework .percentage-title,
#app #lsd-calculator-framework .radio-title,
#app #lsd-calculator-framework .slider-title {
	text-shadow: none;
	color: #4F145B;
	padding-top: 0;
	font-weight: 500 !important;
	font-size: 1.05rem !important;
	line-height: 24px !important;
	color: #4F145B;
	margin-top: 0;
	margin-bottom: 24px !important;
}
#app #lsd-calculator-framework .slider__range {
	font-weight: 500;
}

#app #lsd-calculator-framework .layout {
	display: flex;
	justify-content: center;
	width: 100%;

	box-sizing: border-box;

}

#app #lsd-calculator-framework .default-layout {
	padding: 1rem 0;
}


/* RADIO BUTTONS */

/* Radio Label (Unchecked) */
#app #lsd-calculator-framework .radio-label {
	background-color: #FFF;
	border: 1px solid #4F145B;
	border-radius: 4px;
	max-width: 480px;
	height: 56px;
	margin: 0 auto;
	gap: 10px;
	transition: background-color 0.3s ease, border-color 0.3s ease;
	/* Smooth transition */
	font-family: -apple-system, BlinkMacSystemFont, Segoe, "Segoe UI", "Droid Sans", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 500;
}

/* Radio Label Text (Unchecked) */
#app #lsd-calculator-framework .radio-label span {
	color: #4F145B;
	font-size: 15px;
	font-weight: 500;
}

/* Radio Circle (Unchecked) */
#app #lsd-calculator-framework .radio-label:before {
	border: 1px solid #4F145B;
	width: 18px;
	height: 18px;
	margin-left: 10px;
}

/* Radio Label (Hover) */
#app #lsd-calculator-framework .radio-button:hover+.radio-label {
	background-color: #FAF5F8;
}

/* Radio Label Text (Hover) */
#app #lsd-calculator-framework .radio-button:hover+.radio-label span {
	color: #4F145B;
}

/* Radio Circle (Hover) */
#app #lsd-calculator-framework .radio-button:hover+.radio-label:before {
	background-color: #FFF;
}

/* Radio Label (Checked) */
#app #lsd-calculator-framework .radio-button:checked+.radio-label {
	background-color: #F5EAF1;
	color: #4F145B;
	/* Update label text color directly */
}

/* Radio Label Text (Checked) */
#app #lsd-calculator-framework .radio-button:checked+.radio-label span {
	color: #4F145B;
	/* Explicitly target span within the checked label */
}

/* Radio Circle (Checked) */
#app #lsd-calculator-framework .radio-button:checked+.radio-label:before {
	background-color: #4F145B;
	border: 4px solid #FFF;
}

/* Next Button */
#app #lsd-calculator-framework .surveys__item-link,
#app #lsd-calculator-framework .homepage-button .next-button,
#app #lsd-calculator-framework .next-button,
#app #lsd-calculator-framework .next-button.results-button {
	border: none;
	border-radius: 4px !important;
	background: none;
	background-color: #D80080;
	color: #FFF !important;
	height: 48px;
	line-height: 48px;
	padding: 0;
	margin: 1.5rem 0 0 0;
	font-size: 16px;
	font-weight: 600 !important;
	justify-content: center !important;
	width: 100% !important;
	box-shadow: none;
	text-align: center;
}

#app #lsd-calculator-framework .results__content-link {
	border: none;
	border-radius: 4px !important;
	background: none;
	background-color: #D80080;
	color: #FFF !important;
	height: 40px;
	line-height: 40px;
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-weight: 600 !important;
	justify-content: center !important;
	width: 100% !important;
	box-shadow: none;
	text-align: center;
}
#app #lsd-calculator-framework .results__content-link:hover,
#app #lsd-calculator-framework .surveys__item-link:hover,
#app #lsd-calculator-framework .homepage-button .next-button:hover,
#app #lsd-calculator-framework .next-button:hover,
#app #lsd-calculator-framework .next-button.results-button:hover {
	background-color: #a50062;
	border: none;
	box-shadow: none;
	transform: none;
}

/* Clicked (Active) State */
#app #lsd-calculator-framework .results__content-link:active,
#app #lsd-calculator-framework .surveys__item-link:active,
#app #lsd-calculator-framework .homepage-button .next-button:active,
#app #lsd-calculator-framework .next-button:active,
#app #lsd-calculator-framework .next-button.results-button:active {
	background-color: #a50062;
	/* Darker shade to indicate a pressed state */
	box-shadow: none;
}


#app #lsd-calculator-framework .results__content-link:after,
#app #lsd-calculator-framework .surveys__item-link:after {
	content: none;
}

/* Override the button text */
#app #lsd-calculator-framework .homepage-button .next-button,
#app #lsd-calculator-framework .next-button {
	position: relative;
	color: transparent !important;
	font-size: 0;
}

#app #lsd-calculator-framework .homepage-button .next-button::before,
#app #lsd-calculator-framework .next-button::before {
	content: 'Continue';
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	font-size: 16px;
	transform: translateY(-50%);
	text-align: center;
	color: #FFF !important;
	font-weight: inherit;
}

#app #lsd-calculator-framework .next-button.results-button {
	position: relative;
	color: transparent !important;
	font-size: 0;
}

#app #lsd-calculator-framework .next-button.results-button::before {
	content: 'Get Estimates';
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	font-size: 16px;
	transform: translateY(-50%);
	text-align: center;
	color: #FFF !important;
	font-weight: inherit;
}

#app .next-button>*:not(svg) {
	visibility: hidden;
}


/* PREVIOUS BUTTON */
#app #lsd-calculator-framework .previous-button {
	height: 32px;
	background: none;
	background-color: white;
	border: 1px solid #d80080 !important;
	border-radius: 4px;
	box-shadow: none;
	width: 33.3%;
	color: #d80080 !important;
	font-size: 16px;
	font-weight: 600;
	justify-content: center !important;
	cursor: pointer;
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
	margin-left: 0;
}



#app .svg-inline--fa {
	display: none;
}

#app #lsd-calculator-framework .button-container {
	padding: 0;
	position: relative;
	flex-direction: column-reverse;
	gap: 1rem;
}

#app #lsd-calculator-framework .default-layout {
	padding: 0;
	width: 100%;
	display: grid;
	gap: .5rem .5rem !important;
	max-width: 528px;
	margin: 0 auto;
}

#app #lsd-calculator-framework .default-layout.columns-3 {
	display: grid;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: .5rem .5rem !important;
	max-width: 528px;
	margin: 0 auto;
}

#lsd-calculator-framework .home-page-layout {
	justify-content: center;
}

#app #lsd-calculator-framework .image {
	display: none;
}

#app #lsd-calculator-framework .error-message-container {
	position: relative;
	margin-top: -16px;
	width: 200px;
	margin: 0 auto;
}

#app #lsd-calculator-framework .error-message {
	position: relative;
	top: 0 !important;
}

#app #lsd-calculator-framework .layout>div:not([class]):not([id]) {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

#app #lsd-calculator-framework .fieldset>div:not([class]):not([id]) {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

#app #lsd-calculator-framework .radio-container {
	display: block;
}

#app .home-page-layout .default-layout.columns-1 {

	grid-template-columns: repeat(1, 1fr) !important;
}

#app .layout .default-layout.columns-1 {

	grid-template-columns: repeat(2, 1fr) !important;
}

#app .radio-container>div[data-v-370c94ff] {
	display: grid !important;
	grid-template-columns: 1fr 1fr;

	gap: .5rem .5rem;

}

#app .radio-container>div[data-v-370c94ff]>legend {
	grid-column: span 2;

	display: block;

}



#app #lsd-calculator-framework .percentage-container[data-v-8ea90ac8] {
	margin: 0;
}

#app #lsd-calculator-framework .percentage-sign[data-v-8ea90ac8] {
	color: #4F145B;
	font-weight: 500;
	font-size: 30px;
}

#app #lsd-calculator-framework .decimal-point[data-v-8ea90ac8] {
	color: #4F145B;
	font-weight: 500;
	font-size: 30px;
}

#app #lsd-calculator-framework .slider {
	width: 100%;
	margin-top: 64px;
}

#app #lsd-calculator-framework .slider__input {
	width: 100%;
background-color: #F5EAF1;
    border: 1px solid #4F145B;
}

#app #lsd-calculator-framework .pound-sign[data-v-79908a66] {
	color: #4F145B;
	font-weight: 500;
}

#app #lsd-calculator-framework .animation {
	color: #D80080;
}

#app #lsd-calculator-framework .results {
	padding: 0 0 0 0;
}

#app #lsd-calculator-framework .results__content {
	grid-template-columns: 2fr 1fr 2fr;
	border-bottom: 1px solid #4F145B;
	margin-bottom: 24px;
}

#app #lsd-calculator-framework .results__content-buttons {
	padding-top: 0;
margin-top: -8px;
	padding-bottom: 0;
	width: 100%;
}

#app #lsd-calculator-framework .results__content-logo {
	display: none;
}

#app #lsd-calculator-framework .radio-title.homepage-title[data-v-1d832490] {
	margin: 0;
}

#app #lsd-calculator-framework .home-page-layout,
#app #lsd-calculator-framework .reversed-home-page {
	margin-bottom: 0;
	display: block;
}

#app #lsd-calculator-framework .results__content-info {
	width: calc(100% + 96px);
}


#app #lsd-calculator-framework .results__content-link {
	display: block;
}


#app #lsd-calculator-framework .results__item-service,
#app #lsd-calculator-framework .results__price,
#app #lsd-calculator-framework .surveys__item-price,
#app #lsd-calculator-framework .surveys__item-service {
	font-size: 16px;
	font-weight: 500;
	color: #4F145B;
	margin-bottom: 24px;
}

#app #lsd-calculator-framework .results__price {
	text-align: right;
padding-right: 16px;
}

#app #lsd-calculator-framework h1.results__header {
display: block;
	border-bottom: 1px solid #4f145b;
	text-shadow: none;
	padding: 0 0 24px 0;
	margin-bottom: 24px;
	font-weight: 500 !important;
	font-size: 1.05rem !important;
	font-family: -apple-system, BlinkMacSystemFont, Segoe, "Segoe UI", "Droid Sans", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#app #lsd-calculator-framework h1.results__header span.results__header-value {
    color: #4f145b;
    font-weight: 500 !important;
	font-size: 1.05rem !important;
}
#app #lsd-calculator-framework .surveys__body {
	flex-direction: column;
}



#app #lsd-calculator-framework .results__total-text {
	font-size: 1.75rem;
	font-weight: 500;
	padding-bottom: 1.5rem;
	color: #4f145b;
}

#app #lsd-calculator-framework .results__total-estimate {
	border-top: none;
    gap: 0;
    padding: 0 0 0 0;
    justify-content: space-between;
	border-bottom: 1px solid #4f145b;
}

#app #lsd-calculator-framework .results__total-value {
	font-size: 1.75rem;
	font-weight: 500;
	padding-bottom: 1.5rem;
	color: #4f145b;
}

#app #lsd-calculator-framework .surveys__header {
	margin: 0;
}

#app #lsd-calculator-framework h1.surveys__header-title {
	border-bottom: none;
	text-shadow: none;
	color: #4f145b;
	padding: 0 0 0 0;
	margin-bottom: 24px;
	font-weight: 500 !important;
	font-size: 1.375rem !important;
	font-family: -apple-system, BlinkMacSystemFont, Segoe, "Segoe UI", "Droid Sans", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#app #lsd-calculator-framework .surveys__item-info {
	margin-top: 0;
}
#app #lsd-calculator-framework .surveys__item-text {
	font-size: 14px;
	margin-bottom: 0;
}
#app #lsd-calculator-framework .surveys__header-image {
    display: none;
}

#app #lsd-calculator-framework .surveys__item {
	border-left: none;
	padding-left: 0;
	width: 100%;
	border-bottom: 1px solid #4f145b;
	margin-bottom: 24px;
	height: 208px;
}

#app #lsd-calculator-framework .surveys__item-button {
	width: 100%;
	bottom: 24px;
}

#app #lsd-calculator-framework .redo-button {
	height: 32px;
	background: none;
	background-color: white;
	border: 1px solid #d80080;
	border-radius: 4px;
	width: auto;
	font-weight: 600;
	color: #d80080 !important;
	font-size: 16px;
	font-weight: bold;
	justify-content: center !important;
	cursor: pointer;
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
	text-transform: none;
	margin-bottom: 0;
}

#app #lsd-calculator-framework .loader {
	margin-top: 0px;
}

.redo-estimates-container {
	padding-bottom: 1rem;
}

@media screen and (max-width: 600px) {

	#app #lsd-calculator-framework .radio-title[data-v-f93f0fb2] {
        text-align: center;
        padding-top: 0;
    }



	#app #lsd-calculator-framework .radio-title[data-v-1d832490] {
		text-align: center;
	}

	#app #lsd-calculator-framework .radio-title[data-v-370c94ff] {
		padding-top: 0;
		text-align: center;
	}

	#app #lsd-calculator-framework .radio-title.homepage-title[data-v-1d832490] {
		text-align: left;
	}
}

#app #lsd-calculator-framework .percentage__input[data-v-8ea90ac8] {
        border: 1px solid #4F145B
    }

    #app #lsd-calculator-framework .percentage-container[data-v-8ea90ac8] {
        flex-direction: column;
    }

    #app #lsd-calculator-framework .percentage-container[data-v-8ea90ac8] {
        flex-direction: column;
        margin: 0;
    }

	#app #lsd-calculator-framework .input-wrapper[data-v-8ea90ac8] {
    align-items: center;
}

#app #lsd-calculator-framework .percentage-title[data-v-8ea90ac8] {
    margin-right: 0;
}
#app div[data-v-f93f0fb2] + div[data-v-f93f0fb2] {
  margin-top: 8px !important;
}



#app [data-v-f93f0fb2] .radio-container > div:last-child {
  margin-bottom: 0;
}
#app [data-v-f93f0fb2] .radio-container {
  display: flex;
  align-items: center; /* aligns items vertically centered, if desired */
  gap: 8px;          /* adds an 8px gap between the radio option blocks */
}
#app .surveys { display: none; }