/*
 * MENU
*/

body {
	color: var(--bs-color-base-100);
}

body.pt-price-blur-active .pt-price-blur {
	/* position: relative; */

	/* display: inline-block; */

	/* width: 1ch !important; */
	/* overflow: hidden; */

	filter: blur(4px);

	/* line-height: normal; */
	/* background-color: blue; */
}

.pt-disable-zoom {
	touch-action: none;
}

/* body.pt-price-blur-active .pt-price-blur::before {
	content: '?';

	position: absolute;
} */

#pt-menu-left-container {
	position: absolute;
	left: 1rem;

	column-gap: 8px;

	display: flex;
	flex-flow: row nowrap;
}

#pt-logo {
	display: none;

	order: 2;

	height: 3rem;
}

@media (min-width: 1024px) {
	#pt-logo {
		display: initial;
	}
}

#pt-logo img {
	height: 100%;
	width: auto;
}

#pt-server-side-tracking-iframe {
	display: none;
}
#confirm-back-dialog-inner-container {
	display: grid;
	grid-template-rows: repeat(2, 1fr);
	row-gap: 8px;
}

#confirm-back-dialog-buttons-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 8px;
}

:root {
	--pt-price-calculator-height: 68px;
}

#pt-admin-price-calculations-container {
	grid-area: 1 / 1 / 2 / 2;

	/* width: 300px; */
	/* height: calc(100vh - var(--pt-price-calculator-height) - 2rem); */
	/* background-color: blue; */

	/* i don't like floats, but in this case it would require a restructuring of the html if i wanted to avoid it */
	/* float: left; */

	/* overflow: hidden; */
}

#pt-admin-price-calculations-controls-container {
	position: sticky;
	top: calc(var(--wp-admin--admin-bar--height) + 1rem);
	background-color: white;

	z-index: 1;
}

#pt-admin-price-calculations-controls-container #pt-admin-price-calculations-controls-refresh-button {
	width: 100%;
}

/* #pt-admin-price-calculations-length-dropdown {
	position: sticky;
	top: calc(var(--wp-admin--admin-bar--height) + 1rem);
} */

#pt-admin-price-calculations-inner-container {
	padding: 16px;
	padding-bottom: calc(var(--pt-price-calculator-height) + 16px);
}

#pt-admin-price-calculations-inner-container .pt-admin-price-calculations-table-container .pt-admin-price-calculations-table-header {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;

	margin-top: 8px;
}

#pt-admin-price-calculations-inner-container .pt-admin-price-calculations-table-container .pt-admin-price-calculations-table-header .pt-admin-price-calculations-table-tax-display {
	height: 32px;

	padding: 4px;

	background-color: var(--bs-color-action-30);
	color: white;
	border-radius: 4px;
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) > div {
	margin-bottom: 8px;
	border-bottom: 1px solid black;
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) .pt-admin-price-calculations-line-highlighted {
	background-color: var(--bs-color-base-20);
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) > div.pt-admin-price-calculations-line-compare-error .pt-admin-price-calculations-line-content,
#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) > div.pt-admin-price-calculations-line-compare-correct .pt-admin-price-calculations-line-content {
	border-radius: 4px;
	margin-bottom: 4px;
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) > div.pt-admin-price-calculations-line-compare-error .pt-admin-price-calculations-line-content {
	background-color: #ffa9a9;
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) > div.pt-admin-price-calculations-line-compare-correct .pt-admin-price-calculations-line-content {
	background-color: #a9ffb4;
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) > div .pt-admin-price-calculations-line-content hr {
	background-color: rgba(0, 0, 0, 0.2);
	margin: 0.5rem 0;
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) > div .pt-admin-price-calculations-lengths-length-equation-button {
	display: inline;

	vertical-align: middle;
	transition: color 0.1s;

	cursor: pointer;
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) > div:not(.pt-conditional) .pt-admin-price-calculations-lengths-length-equation-button-conditional {
	display: none;
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) > div .pt-admin-price-calculations-lengths-length-equation-button-conditional {
	position: relative;
	display: inline-block;

	color: red;
	font-weight: bold;

	transform: translate(-150%, -25%);

	pointer-events: none;
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) > div .pt-admin-price-calculations-lengths-length-equation-button.pt-active,
#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) > div .pt-admin-price-calculations-lengths-length-equation-button:hover {
	/* color: var(--bs-color-action-30); */
	color: var(--bs-color-black-opacity-40);
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) > div:not(.pt-admin-price-calculations-line-compare-error):not(.pt-admin-price-calculations-line-compare-correct) .pt-admin-price-calculations-lengths-length-equation-button.pt-active,
#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) > div:not(.pt-admin-price-calculations-line-compare-error):not(.pt-admin-price-calculations-line-compare-correct) .pt-admin-price-calculations-lengths-length-equation-button:hover {
	color: var(--bs-color-action-30);
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) > div .pt-admin-price-calculations-lengths-length-equation {
	display: block;

	/* background-color: var(--bs-color-base-10); */
	background-color: var(--bs-color-black-opacity-10);

	padding: 4px;
	border-radius: 4px;
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) > div:not(.pt-admin-price-calculations-line-compare-error):not(.pt-admin-price-calculations-line-compare-correct) .pt-admin-price-calculations-lengths-length-equation {
	background-color: var(--bs-color-base-10);
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) > div .pt-admin-price-calculations-lengths-length-equation:not(.pt-active) {
	display: none;
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) > div .pt-admin-price-calculations-lengths-length-equation hr {
	background-color: var(--bs-color-base-20);
	
	margin-top: 4px;
	margin-bottom: 4px;
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) .pt-admin-price-calculations-lengths-length-note-container {
	/* padding: 8px; */
	
	border: 1px solid black;
	border-radius: 8px;
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) .pt-admin-price-calculations-lengths-length-note {
	background-color: #FFBF0A;
	
	padding: 8px;
	
	/* border-bottom: none; */
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) .pt-admin-price-calculations-lengths-length-note + div {
	/* background-color:#FFBF0A80; */

	padding: 8px;

	/* border-radius: 8px; */

	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) .pt-admin-price-calculations-lengths-length-help,
#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) .pt-admin-price-calculations-lengths-length-value {
	/* background-color: var(--bs-color-base-10); */
	background-color: var(--bs-color-black-opacity-10);

	border-radius: 4px;
	padding: 0 4px;
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) .pt-admin-price-calculations-line:not(.pt-admin-price-calculations-line-compare-error):not(.pt-admin-price-calculations-line-compare-correct) .pt-admin-price-calculations-lengths-length-help,
#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) .pt-admin-price-calculations-line:not(.pt-admin-price-calculations-line-compare-error):not(.pt-admin-price-calculations-line-compare-correct) .pt-admin-price-calculations-lengths-length-value {
	background-color: var(--bs-color-base-10);
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) .pt-admin-price-calculations-line .pt-admin-price-calculations-lengths-length-help-has-reference,
#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) .pt-admin-price-calculations-line .pt-admin-price-calculations-lengths-length-value.pt-admin-price-calculations-lengths-length-value-has-reference {
	cursor: alias;
	text-decoration: underline;
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) .pt-admin-price-calculations-line .pt-admin-price-calculations-lengths-length-help-has-reference .dashicons,
#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) .pt-admin-price-calculations-line .pt-admin-price-calculations-lengths-length-value.pt-admin-price-calculations-lengths-length-value-has-reference .dashicons {
	font-size: inherit;
	text-decoration: none;
	vertical-align: bottom;
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) .pt-admin-price-calculations-lengths-length-help {
	/* background-color: rgba(0, 0, 0, 0.05); */
	/* background-color: var(--bs-color-base-20); */
	background-color: var(--bs-color-black-opacity-10);
	cursor: help;
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container:not(.pt-admin-price-calculations-content-content-container-error) .pt-admin-price-calculations-line:not(.pt-admin-price-calculations-line-compare-error):not(.pt-admin-price-calculations-line-compare-correct) .pt-admin-price-calculations-lengths-length-help {
	/* background-color: rgba(0, 0, 0, 0.05); */
	background-color: var(--bs-color-base-20);
}

#pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container > div.pt-admin-price-calculations-lengths-length-error {
	background-color: rgb(202 0 0);
	color: white;

	padding: 4px;
	font-weight: bold;

	border-bottom: 0;

	word-break: break-word;
}

/* #pt-admin-price-calculations-container .pt-admin-price-calculations-content-content-container .pt-admin-price-calculations-lengths-length-value {
	background-color: var(--bs-color-action-10);
} */

#pt-show-admin-price-calculator-button {
	/* position: absolute; */
	/* left: 1rem; */

	display: none;

	border-radius: 8px;
	padding: 0;

	/* background-color: white;
	color: black; */

	width: 3rem;
	height: 3rem;

	/* transition: background-color 300ms ease, color 300ms ease; */
}

@media (min-width: 1024px) {
	#pt-show-admin-price-calculator-button {
		display: initial;
	}
}

/* #pt-show-admin-price-calculator-button.pt-active {
	background-color: var(--bs-color-action-30);
	color: white;
} */

#pt-main-container {
	min-height: 500px;

	display: grid;
	grid-template-columns: 0fr 100% 0fr;
	grid-template-rows: minmax(max-content, auto);
	grid-column-gap: 0px;
	grid-row-gap: 0px;

	flex-grow: 1;

	/* display: flex;
	flex-flow: row nowrap; */

	/* transition: grid-template-columns 300ms ease; */
}

@media (min-width: 1024px) {
	#pt-main-container {
		/* grid-template-columns: 1fr var(--ak-desktop-section-max-width) 1fr; */
		grid-template-columns: calc((100vw - var(--ak-desktop-section-max-width)) / 2) var(--ak-desktop-section-max-width) calc((100vw - var(--ak-desktop-section-max-width)) / 2);
	}

	#pt-main-container.pt-show-admin-columns {
		grid-template-columns: minmax(240px, calc((100vw - var(--ak-desktop-section-max-width)) / 2)) var(--ak-desktop-section-max-width) 0fr;
		/* grid-template-columns: calc((100vw - var(--ak-desktop-section-max-width)) / 2) var(--ak-desktop-section-max-width) calc((100vw - var(--ak-desktop-section-max-width)) / 2); */
	}
}

#pt-main-container:not(.pt-show-admin-columns) #pt-admin-price-calculations-container {
	display: none;
}

.sp-section-profile-tool {
	background-color: var(--bs-color-base-00);

	/* margin-bottom: calc(var(--pt-price-calculator-height) + 16px); */

	height: calc(100vh - var(--wp-admin--admin-bar--height));

	display: flex;
	flex-flow: column nowrap;
}

#pt-price-calculator {
	position: fixed;
	bottom: 0;
	left: 0;

	width: 100vw;
	height: var(--pt-price-calculator-height);

	background-color: var(--bs-color-base-10);

	box-shadow: #00000014 0pt -3pt 6pt;

	padding-top: 1rem;
	padding-bottom: 1rem;

	z-index: 100;
}

@media (min-width: 1024px) {
	#pt-price-calculator {
		box-shadow: #00000014 0px -3px 6px;
	}
}

#pt-price-calculator-content {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}

#pt-price-calculator-left-container,
#pt-price-calculator-right-container {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

#pt-price-calculator-price-container {
	margin-right: 1rem;
}

#pt-price-calculator-old-price-container {
	text-decoration: line-through;

	line-height: 1;
}

#pt-price-calculator-show-tax + #pt-price-calculator-show-tax-icons-button {

}

#pt-price-calculator-show-tax:not(:checked) + #pt-price-calculator-show-tax-icons-button #pt-price-calculator-show-tax-icons-button-on-icon {
	display: none;
}

#pt-price-calculator-show-tax-icons-button #pt-price-calculator-show-tax-icons-button-on-icon:hover #Off {
	fill: var(--bs-color-action-60);
}

#pt-price-calculator-show-tax:checked + #pt-price-calculator-show-tax-icons-button #pt-price-calculator-show-tax-icons-button-off-icon {
	display: none;
}

#pt-price-calculator-show-tax-icons-button #pt-price-calculator-show-tax-icons-button-off-icon:hover #Off {
	fill: var(--bs-color-base-100);
}

#menu {
	position: relative;
	background-color: var(--bs-color-base-10);

	width: 100vw;

	/* box-shadow: var(--bs-color-base-10) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; */
	box-shadow: #00000014 0pt 3pt 6pt;

	padding-top: 1rem;
	padding-bottom: 1rem;
}

#menu-step-container {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
}

.menu-line {
	z-index: 0;
	height: 0;
	/* width: 100%; */
	/* prevents overflowing container, as container has 32px of padding total */
	/* width: calc(100% - 32px); */
	width: 100%;
	margin: 0 8px;
	/* position: absolute; */
	/* top: 50%; */

	border: 1.5px var(--bs-color-base-20) solid;
	border-radius: 2px;
}

.menu-step {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;

	column-gap: 4px;

	z-index: 1;
	/* float: left; */
	/* margin-right: 15%; */
	border-radius: 999px;
	/* border-color: lightgray; */
	/* border-style: solid; */
	/* border-width: 3px; */
	color: black;
	background-color: white;
	/* font-weight: bold; */
	text-align: center;
	vertical-align: middle;
	/* width: 8%; */
	height: 48px;
	aspect-ratio : 1 / 1;
	transition: box-shadow 0.5s, color 0.5s, background-color 0.5s;
	cursor: pointer;
}

.menu-step:hover {
	/* box-shadow: 2px 0 lightgray inset,  -2px 0 lightgray inset,  0 2px lightgray inset,  0 -2px lightgray inset; */
	
	/* box-shadow: var(--bs-color-base-100-15) 0px 5px 10px; */
	/* box-shadow: #00000029 0px 3px 6px; */
	background-color: var(--bs-color-action-30);
	color: white;
}

.menu-step.menu-step-unvisited {
	opacity: 0.5;

	pointer-events: none;
}

.menu-step.selected {
	/* transition: box-shadow 0s; */
	color: white;
	/* background-color: lightblue; */
	/* border-color: lightblue; */

	background-color: var(--bs-color-action-30);
	/* box-shadow: var(--bs-color-base-100-15) 0px 5px 10px; */
	/* box-shadow: #00000029 0px 3px 6px; */
}

/* .menu-step.selected:hover {
	transition: box-shadow 0s, color 0.5s, background-color 0.5s;
	box-shadow: none;
} */


.menu-step:last-child {
	margin-right: 0;
}

.menu-step .menu-step-icon-container {
	display: flex;
	justify-content: center;
	align-items: center;

	aspect-ratio: 1/1;
	height: 100%;
}

.menu-step .menu-step-title {
	display: none;
}

@media only screen and (min-width: 1024px) {
	#menu {
		box-shadow: #00000014 0px 3px 6px;
	}

	.menu-line {
		margin: 0 12px;
	}
	
	.menu-step{
		/* border-width : 3px; */
		
		font-size: 16px;
		/* font-size: 40px; */
		/* line-height: 40px; */
		/* padding-top: 26px; */
		padding: 12px;
	}

	.menu-step .menu-step-title {
		display: inline;
	}

	/* .menu-line{
		border: 2px var(--bs-color-base-20) solid;
	} */

}	

@media only screen and (max-width: 1200px) {
	.menu-step{
		/* border-width: 0.25vw; */
		
		font-size: 3vw;
		/* line-height: 3vw; */
		/* padding-top: 2.2vw; */
	}
	
	/* .menu-line{
		border: 2px var(--bs-color-base-20) solid;
	} */
}

#pt-footer-next-button {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

#pt-footer-next-button svg {
	margin-right: 8px;
}

#pt-footer-next-button:not(.pt-active) {
	visibility: hidden;
}

/*
 * GENERAL STEP SECTIONS
*/

.pt-step {
	grid-area: 1 / 2 / 2 / 3;

	min-height: 300px;
	/* border: 1px lightblue solid; */
	
	margin-top: 2rem;
	margin-bottom: 2rem;

	padding-bottom: calc(var(--pt-price-calculator-height) + 16px);
}

.hidden {
	/* important is used in order to ensure that this can override on an id */
	display: none !important;
}

.invisible {
	/* important is used in order to ensure that this can override on an id */
	visibility: hidden !important;
}

/*
 * TOOL SECTIONS
*/
#canvas {
	
	
}

#canvasdiv {
    width: calc(100% + 20px);
    margin-left: -10px;
}

#tool {
	display: flex;
	flex-flow: column nowrap;
}

@media only screen and (min-width: 1024px) {
	#canvasdiv {
		width: 100%;
		margin-left: 0;
	}

	#tool {
		/* flex-flow: row nowrap; */
		display: grid;
		/* grid-template-columns: 2fr 1fr; */
		/* there needs to be space for 7 buttons on the sidebar */
		grid-template-columns: 1fr calc((48px * 7));
		column-gap: 32px;
	}

	.pt-tool-canvas {
		/* width: calc(2/3 * 100%); */
	}

	.pt-tool-sidebar {
		width: 100%;
		overflow-x: auto;
		/* width: calc((1/3 * 100%) - 32px); */
		/* width: calc((1/3 * 100%) - 16px); */
		/* margin-left: 16px; */
	}
}

#pt-tool-picker {
	margin-bottom: 1rem;
}

.pt-tool-controls-slider-error {
	font-size: 14px;
	color: #FF2C2C;
	text-align: center;
}

#pt-controls {
	display: flex;
	flex-flow: row nowrap;

	justify-content: space-between;
}

#pt-controls-start {
	display: flex;
	flex-flow: row wrap;
}

#pt-controls-end {
	display: flex;
	flex-flow: row wrap;
}

#pt-controls-end .hidden-button svg,
#pt-controls-end .hidden-button img {
	border-radius: 999px;
}

#pt-controls-end .hidden-button svg:hover,
#pt-controls-end .hidden-button img:hover {
	background-color: var(--bs-color-base-10);
}

.hidden-button {
	display: inline-block;
	cursor: pointer;
}

#pt-upside-down-button:not(.pt-active) #pt-upside-down-button-on-icon,
#pt-icons-button:not(.pt-active) #pt-icons-button-on-icon {
	display: none;
}

#pt-upside-down-button #pt-upside-down-button-on-icon:hover #On,
#pt-icons-button #pt-icons-button-on-icon:hover #On,
#pt-upside-down-button #pt-upside-down-button-off-icon:hover #On,
#pt-icons-button #pt-icons-button-off-icon:hover #On {
	fill: var(--bs-color-base-100)
}

#pt-upside-down-button.pt-active #pt-upside-down-button-off-icon,
#pt-icons-button.pt-active #pt-icons-button-off-icon {
	display: none;
}

#pt-icons-button {
	margin-left: 16px;
}

#pt-tool-data-show-button,
.pt-accordion-button {
	display: flex;
	flex-flow: row nowrap;

	/* width: fit-content;

	padding-right: 8px;

	border-radius: 999px; */

	cursor: pointer;
}

/* #pt-tool-data-show-button:hover {
	background-color: var(--bs-color-base-10);
} */

#pt-tool-data-container #pt-tool-data-show-button #pt-tool-data-show-button-icon,
.pt-accordion-container .pt-accordion-button .pt-accordion-button-icon {
	transition: transform 0.25s ease;
	transform: rotate(-90deg);
}

#pt-tool-data-container.pt-active #pt-tool-data-show-button #pt-tool-data-show-button-icon,
.pt-accordion-container.pt-active .pt-accordion-button .pt-accordion-button-icon {
	transform: rotate(0deg);
}

.pt-accordion-container .pt-accordion-button > h1 {
	font-size: 1em;
	font-weight: initial;
	line-height: 1lh;
}

/* #pt-tool-data-show-button {
	display: flex;
	flex-flow: row nowrap;
}

#pt-tool-data-show-button:not(.pt-active) #pt-tool-data-show-button-hide-icon,
#pt-tool-data-show-button.pt-active #pt-tool-data-show-button-show-icon {
	display: none;
}

#pt-tool-data-show-button-show-icon {
	transform: rotateZ(180deg);
} */

/* #pt-tool-data-container,
#pt-summary-data-container {
	display: grid;
	grid-template-rows: min-content 0fr;

	transition: grid-template-rows 0.25s ease;

	margin-bottom: 8px;
}

#pt-tool-data-container.pt-active,
#pt-summary-data-container.pt-active {
	grid-template-rows: min-content 1fr;
}

#pt-tool-data-container-content,
#pt-summary-data-container-content {
	overflow: hidden;
}

#pt-tool-data,
#pt-summary-data {
	
}

#pt-tool-data #pt-tool-data-table,
#pt-summary-data {
	border: 0;
}

#pt-tool-data #pt-tool-data-table tr th,
#pt-summary-data tr th {
	background-color: var(--bs-color-base-20);
	border-right: 0;

	text-align: left;
}

#pt-tool-data #pt-tool-data-table tr td,
#pt-summary-data tr td {
	border-bottom: 1px solid var(--bs-color-base-20);
	border-right: 0;
	width: 50%;
}

#pt-tool-data #pt-tool-data-table tr td:not(:last-child),
#pt-summary-data tr td:not(:last-child) {
	border-right: 1px solid var(--bs-color-base-20);
}

#pt-tool-data #pt-tool-data-table tr th:not(:last-child),
#pt-summary-data tr th:not(:last-child) {
	border-right: 1px solid var(--bs-color-base-10);
} */

#pt-tool-data #pt-tool-data-table tr td.pt-tool-data-table-measurements {
	/* display: flex;
	justify-content: space-between; */
}

/* #pt-tool-data #pt-tool-data-table tr td.pt-tool-data-table-measurements .pt-tool-data-table-measurements-inner-container,
#pt-summary-data tbody tr td.pt-summary-data-table-measurements .pt-summary-data-table-measurements-inner-container {
	display: flex;
	justify-content: space-between;
} */

/* #pt-tool-data #pt-tool-data-table tr td.pt-tool-data-table-measurements div {
	display: inline-block;
}

#pt-tool-data #pt-tool-data-table tr td.pt-tool-data-table-measurements div:last-child {
	margin-left: auto;
} */

/* #pt-tool-data #pt-tool-data-table tr td.pt-tool-data-table-angle .pt-tool-data-table-angle-inner-container,
#pt-summary-data tbody tr td.pt-summary-data-table-angle .pt-summary-data-table-angle-inner-container {
	display: flex;
	justify-content: space-between;
}

#pt-tool-data #pt-tool-data-table tr:nth-of-type(even) td,
#pt-summary-data tbody tr:nth-of-type(even) td {
	background-color: var(--bs-color-base-10);
}

#pt-tool-data #pt-tool-data-table tr:nth-of-type(odd) td,
#pt-summary-data tbody tr:nth-of-type(odd) td {

} */

#pt-tool-json-container {

}

#pt-tool-json-buttons-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 16px;

	margin-bottom: 16px;
}
/*
 * MATERIAL SECTIONS
*/

#material {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
}

/* desktop */
@media (min-width: 1024px) {
	#material {
		display: grid;
		grid-template-columns: 2fr 1fr;
		grid-template-rows: 1fr;
		column-gap: 32px;
	}
}

#pt-material-material-selection-header,
#pt-material-surface-selection-header,
#pt-material-thickness-selection-header {
	margin-bottom: 12px;
	font-size: 14pt;
	/* font-weight: bold; */
	color: var(--bs-color-base-100);
}

@media (min-width: 1024px) {
	#pt-material-material-selection-header,
	#pt-material-surface-selection-header,
	#pt-material-thickness-selection-header {
		font-size: 16px;
		/* font-weight: 400; */
	}
}

#pt-material-surface-selection-header,
#pt-material-thickness-selection-current-material {
	margin-top: 24px;
}

#pt-material-thickness-selection-current-material {
	font-size: 16px;
	font-weight: bold;
	color: var(--bs-color-base-100);
}

#pt-material-thickness-selection-container .pt-material-thickness-selection-button,
#pt-material-material-selection-container .pt-material-material-selection-button {
	font-size: 14pt;
	font-weight: bold;
}

@media (min-width: 1024px) {
	#pt-material-thickness-selection-container .pt-material-thickness-selection-button,
	#pt-material-material-selection-container .pt-material-material-selection-button {
		font-size: 14px;
	}
}

/* #pt-material-main-content {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
} */

#pt-material-surface-selection-items {
	display: flex;
	flex-flow: row wrap;
	align-items: end;

	/* justify-content: space-evenly; */
}

#pt-material-surface-selection-items .pt-material-surface-selection-item {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(3, min-content);
	grid-column-gap: 8px;

	align-items: center;

	width: calc(100% / 3);

	cursor: pointer;
}

/* desktop */
@media (min-width: 1024px) {
	#pt-material-surface-selection-items .pt-material-surface-selection-item {
		display: grid;
		grid-template-columns: min-content 1fr;
		grid-template-rows: repeat(2, 1fr);
		grid-column-gap: 8px;
	
		align-items: center;
	}
}

#pt-material-surface-selection-items .pt-material-surface-selection-item .pt-material-surface-selection-item-image-container {
	grid-area: 2 / 1 / 3 / 2;

	position: relative;

	margin: 0 auto;

	border-radius: 999px;
	width: 100px;

	aspect-ratio: 1/1;
}

#pt-material-surface-selection-items .pt-material-surface-selection-item.pt-active .pt-material-surface-selection-item-image-container {
	/* border: 2px solid var(--bs-color-action-30); */
}

#pt-material-surface-selection-items .pt-material-surface-selection-item .pt-material-surface-selection-item-image-container .pt-material-surface-selection-item-image {
	/* clip-path: circle(49.0% at 50% 50%); */

	border-radius: 999px;
	padding: 1px;

	width: 100%;
	height: 100%;
}

#pt-material-surface-selection-items .pt-material-surface-selection-item.pt-active .pt-material-surface-selection-item-image-container .pt-material-surface-selection-item-image {
	border: 3px solid var(--bs-color-base-40);
}

#pt-material-surface-selection-items .pt-material-surface-selection-item .pt-material-surface-selection-item-image-container .pt-material-surface-selection-item-info-button {
	position: absolute;
	bottom: 0;
	left: 0;

	cursor: pointer;
}

@media (min-width: 1024px) {
	#pt-material-surface-selection-items .pt-material-surface-selection-item .pt-material-surface-selection-item-image-container {
		grid-area: 1 / 1 / 3 / 2;

		margin: 0;
	}

	#pt-material-surface-selection-items .pt-material-surface-selection-item .pt-material-surface-selection-item-image-container .pt-material-surface-selection-item-info-button {
		display: none;
	}
}

#pt-material-surface-selection-items .pt-material-surface-selection-item .pt-material-surface-selection-item-content-container {
	grid-area: 1 / 1 / 2 / 2;
	text-align: center;
}

#pt-material-surface-selection-items .pt-material-surface-selection-item .pt-material-surface-selection-item-content-container .pt-material-surface-selection-item-name {
	font-size: 12pt;
	/* font-weight: bold; */
	line-height: 1;
	color: var(--bs-color-base-100);
}

@media (min-width: 1024px) {
	#pt-material-surface-selection-items .pt-material-surface-selection-item .pt-material-surface-selection-item-content-container .pt-material-surface-selection-item-name {
		font-size: 16px;
	}
}

#pt-material-surface-selection-items .pt-material-surface-selection-item .pt-material-surface-selection-item-content-container .pt-material-surface-selection-item-type {
	font-size: 10pt;
	color: var(--bs-color-base-40);
}

@media (min-width: 1024px) {
	#pt-material-surface-selection-items .pt-material-surface-selection-item .pt-material-surface-selection-item-content-container .pt-material-surface-selection-item-type {
		font-size: 12px;
	}
}

@media (min-width: 1024px) {
	#pt-material-surface-selection-items .pt-material-surface-selection-item .pt-material-surface-selection-item-content-container {
		grid-area: 1 / 2 / 2 / 3;
		text-align: left;
	}
}

#pt-material-surface-selection-items .pt-material-surface-selection-item .pt-material-surface-selection-item-stock-container {
	grid-area: 3 / 1 / 4 / 2;

	display: flex;
	flex-flow: column nowrap;
	align-items: center;

	font-size: 10pt;
	/* font-weight: bold; */
	line-height: 1.4;
	color: var(--bs-color-action-30);
}

#pt-material-surface-selection-items .pt-material-surface-selection-item .pt-material-surface-selection-item-stock-container.pt-material-surface-selection-item-stock-container-back-order {
	color: #DD921B;
}

@media (min-width: 1024px) {
	#pt-material-surface-selection-items .pt-material-surface-selection-item .pt-material-surface-selection-item-stock-container {
		grid-area: 2 / 2 / 3 / 3;

		display: block;

		font-size: 12px;
	}
}

.pt-material-side-content,
.pt-material-side-content-modal {
	position: fixed;
	top: 0;
	left: 0;

	width: 100vw;
	height: 100vh;

	padding: 16px;

	pointer-events: all;

	background-color: var(--bs-color-base-00);

	z-index: 999999;
}

.pt-material-side-content:not(.pt-active) {
	display: none;
}

body.pt-lock-scroll-mobile {
	overflow: hidden;
}

@media (min-width: 1024px) {
	.pt-material-side-content {
		position: relative;

		width: inherit;
		height: inherit;

		padding: 0;

		z-index: 0;
	}

	.pt-material-side-content:not(.pt-active) {
		display: block;
	}

	body.pt-lock-scroll-mobile {
		overflow: inherit;
	}
}

.pt-material-side-content-header {
	/* TODO: make like the one on assembly */
}

.pt-material-side-content-modal .pt-material-side-content-close-button {
	position: absolute;
	top: 16px;
	right: 16px;

	cursor: pointer;
}

/* @media (min-width: 1024px) {
	.pt-material-side-content .pt-material-side-content-close-button {
		display: none;
	}
} */

.pt-material-side-content .pt-material-side-content-inner-container,
.pt-material-side-content-modal .pt-material-side-content-inner-container {
	overflow-y: auto;
}

.pt-material-side-content .pt-material-side-content-select-material-header,
.pt-material-side-content-modal .pt-material-side-content-select-material-header {
	font-size: 12pt;
	color: var(--bs-color-base-100);
}

@media (min-width: 1024px) {
	.pt-material-side-content .pt-material-side-content-select-material-header {
		font-size: 14px;
	}
}

.pt-material-side-content .pt-material-side-content-title,
.pt-material-side-content-modal .pt-material-side-content-title {
	font-size: 16pt;
	/* font-weight: bold; */
	color: var(--bs-color-base-100);
}

@media (min-width: 1024px) {
	.pt-material-side-content .pt-material-side-content-title {
		font-size: 18px;
	}
}

.pt-material-side-content .pt-material-side-content-image-container,
.pt-material-side-content-modal .pt-material-side-content-image-container {
	margin-bottom: 16px;
}

.pt-material-side-content .pt-material-side-content-image-container {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;

	height: 135px;

	overflow: hidden;
}

.pt-material-side-content .pt-material-side-content-image-container img {

}

.pt-material-side-content .pt-material-side-content-other-images-container,
.pt-material-side-content-modal .pt-material-side-content-other-images-container {
	display: flex;
	flex-flow: row nowrap;
	justify-content: start;

	column-gap: 4px;

	height: 48px;

	overflow-x: auto;

	margin-bottom: 16px;
}

.pt-material-side-content .pt-material-side-content-other-images-container .pt-material-side-content-other-image {
	cursor: pointer;
}

.pt-material-side-content .pt-material-side-content-description,
.pt-material-side-content-modal .pt-material-side-content-description {
	font-size: 14pt;
	color: var(--bs-color-base-100);
}

@media (min-width: 1024px) {
	.pt-material-side-content .pt-material-side-content-description {
		font-size: 12px;
	}
}

/* ensure if the last element of the description is a paragraph, that it has no margin bottom, so the spacing follows the design as closely as possible */
.pt-material-side-content .pt-material-side-content-description p:last-child,
.pt-material-side-content-modal .pt-material-side-content-description p:last-child {
	margin-bottom: 0;
}

/*
 * ASSEMBLY SECTIONS
*/
/* 

#assembly {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 1fr;
}

/* desktop */
@media (min-width: 1024px) {
	#assembly {
		display: grid;
		grid-template-columns: 2fr 1fr;
		grid-template-rows: 1fr;
		column-gap: 24px;
	}
}

#pt-assembly-main-content {

}

#pt-assembly-main-content #pt-assembly-choice-selection-header {
	font-size: 18px;
	/* font-weight: 600; */

	margin-bottom: 16px;
}

@media (min-width: 1024px) {
	#pt-assembly-main-content #pt-assembly-choice-selection-header {
		font-size: 16px;
		/* font-weight: 400; */
	}
}

#pt-assembly-main-content #pt-assembly-choice-selection-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 16px;
}

#pt-assembly-main-content #pt-assembly-choice-selection-container .pt-assembly-choice {
	position: relative;

	display: grid;
	grid-template-rows: repeat(2, 1fr);

	cursor: pointer;

	border: 1px solid var(--bs-color-base-20);
	border-radius: 8px;
	aspect-ratio: 1/1;

	/* overflow: hidden; */
}

#pt-assembly-main-content #pt-assembly-choice-selection-container .pt-assembly-choice.pt-active {
	background-color: var(--bs-color-base-40);
	border-color: var(--bs-color-base-40);
	color: white;

	/* cursor: pointer; */
}

#pt-assembly-main-content #pt-assembly-choice-selection-container .pt-assembly-choice:not(.pt-active):hover:not(:has(.pt-assembly-choice-info-button:hover)) {
	background-color: var(--bs-color-base-10);
	border-color: var(--bs-color-base-10);
	/* color: white; */

	/* cursor: pointer; */
}

#pt-assembly-main-content #pt-assembly-choice-selection-container .pt-assembly-choice .pt-assembly-choice-info-button {
	position: absolute;
	top: -12px;
	left: -12px;
}

#pt-assembly-main-content #pt-assembly-choice-selection-container .pt-assembly-choice .pt-assembly-choice-info-button:hover #Ellipse_113-2 {
	fill: var(--bs-color-base-10);
}

/* @media (min-width: 1024px) {
	#pt-assembly-main-content #pt-assembly-choice-selection-container .pt-assembly-choice .pt-assembly-choice-info-button {
		top: 0;
		left: 0;
		right: initial;
	}
} */

#pt-assembly-main-content #pt-assembly-choice-selection-container .pt-assembly-choice .pt-assembly-choice-image-container {
    display: flex;
    justify-content: center;
    align-items: center;

	padding: 16px;
}

@media (min-width: 1024px) {
	#pt-assembly-main-content #pt-assembly-choice-selection-container .pt-assembly-choice .pt-assembly-choice-image-container {
		padding: 32px;
	}
}

#pt-assembly-main-content #pt-assembly-choice-selection-container .pt-assembly-choice .pt-assembly-choice-image-container svg {
	width: 100%;
	height: auto;
}

#pt-assembly-main-content #pt-assembly-choice-selection-container .pt-assembly-choice.pt-active .pt-assembly-choice-image-container svg {
	filter: contrast(0) grayscale(1) brightness(2);
}

#pt-assembly-main-content #pt-assembly-choice-selection-container .pt-assembly-choice .pt-assembly-choice-title {
	display: flex;
	justify-content: center;
	align-items: center;

	font-size: 14px;
	font-weight: 600;
	text-align: center;
}

@media (min-width: 1024px) {
	#pt-assembly-main-content #pt-assembly-choice-selection-container .pt-assembly-choice .pt-assembly-choice-title {
		font-size: 16px;
	}
}

#pt-assembly-message {
	margin-top: 16px;

	text-align: center;
}

.pt-assembly-side-content {
	
}

.pt-assembly-side-content .pt-assembly-side-content-header {
	font-size: 18px;
	/* font-weight: 600; */

	color: var(--bs-color-base-100);

	margin-top: 24px;
	margin-bottom: 14px;
}

@media (min-width: 1024px) {
	.pt-assembly-side-content .pt-assembly-side-content-header {
		font-size: 16px;
		/* font-weight: 400; */
	}
}

.pt-assembly-side-content .pt-assembly-side-content-container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 8px;
	row-gap: 8px;
}

.pt-assembly-side-content .pt-assembly-side-content-container .bs-button {
	white-space: nowrap;
	/* padding: 4px 10px 4px 10px; */

	/* font-size: 14pt; */
}

/* @media (min-width: 1024px) {
	.pt-assembly-side-content .pt-assembly-side-content-container .bs-button {
		font-size: 14px;
	}
} */

/* .pt-assembly-side-content .pt-assembly-side-content-container .bs-button:not(:first-child) {
	margin-left: 4px;
}

.pt-assembly-side-content .pt-assembly-side-content-container .bs-button:not(:last-child) {
	margin-right: 4px;
} */

.pt-assembly-modal:open {
	/* position: fixed;
	top: 0;
	left: 0; */

	display: flex;
	flex-flow: column nowrap;

	/* width: 100vw;
	height: 100vh; */

	/* padding: 16px; */

	/* background-color: white; */

	/* pointer-events: all; */

	z-index: 999999;
}

.pt-assembly-modal .pt-assembly-modal-header-container {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;

	margin-bottom: 16px;
}

.pt-assembly-modal .pt-assembly-modal-header-container .pt-assembly-modal-header {
	font-size: 18px;
	font-weight: 600;
}

.pt-assembly-modal .pt-assembly-modal-header-container .pt-assembly-modal-close-button {
	cursor: pointer;
}

.pt-assembly-modal .pt-assembly-modal-content {
	font-size: 14px;
	
	overflow-x: auto;

	flex-shrink: 1;
}

.pt-assembly-modal .pt-assembly-modal-content .pt-assembly-modal-content-header {
	font-size: 16px;
	font-weight: 600;
}

#pt-assembly-modal-blindfalse .pt-assembly-modal-content img {

}

@media (min-width: 1024px) {
	#pt-assembly-modal-blindfalse .pt-assembly-modal-content img {
		width: 50%;
	}
}

#pt-assembly-modal-blindfalse .pt-assembly-modal-blindfalse-color-green {
	color: #27AE3D;
}

#pt-assembly-modal-blindfalse .pt-assembly-modal-blindfalse-color-yellow {
	color: #FFBF0A;
}

/*
 * LENGTHS SECTIONS
*/

#pt-lengths-lengths-container {
	display: grid;
	grid-template-columns: 1fr;
	row-gap: 16px;
}

#pt-lengths-lengths-container #pt-lengths-lengths-totals {
	/* all other lengths have an order of 0, so 1 is enough to put it at the end always */
	order: 1;
}

#pt-lengths-lengths-container .pt-lengths-length,
#pt-lengths-lengths-container #pt-lengths-lengths-totals {
	display: grid;
	grid-template-columns: 1fr;
}

@media (min-width: 1024px) {
	#pt-lengths-lengths-container .pt-lengths-length,
	#pt-lengths-lengths-container #pt-lengths-lengths-totals {
		grid-template-columns: 2fr 1fr;
		column-gap: 32px;
	}
}

#pt-lengths-lengths-container .pt-lengths-length:not(:last-child) .pt-lengths-length-new-length-button {
	display: none;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-new-length-button {
	margin-top: 16px;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container,
#pt-lengths-lengths-container #pt-lengths-lengths-totals .pt-lengths-length-desktop-container {
	display: none;
}

@media (min-width: 1024px) {
	#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container,
	#pt-lengths-lengths-container #pt-lengths-lengths-totals .pt-lengths-length-desktop-container {
		display: block;
	}
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section-container {
	display: grid !important;
	grid-template-rows: 0fr;

	transition: grid-template-rows 0.25s ease, opacity 0.25s ease;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section-container.pt-lengths-length-sub-section-transparent {
	opacity: 0.5;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section-force-open-next-button-container {
	position: relative;

	margin-left: auto;
	margin-top: 64px;

	order: 1;
}

/* #pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section-container:not(.pt-lengths-length-sub-section-force-open) .pt-lengths-length-sub-section-force-open-next-button-container {
	display: none;
} */

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section-force-open-next-button-container .pt-lengths-length-sub-section-force-open-next-button-error {
	position: absolute;
	bottom: 100%;

	text-align: center;
	
	color: red;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section-container.hidden {
	grid-template-rows: 0fr;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section-container:not(.hidden) {
	grid-template-rows: 1fr;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section {
	display: flex;
	flex-flow: column nowrap;

	overflow: hidden;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section > div:last-of-type {
	margin-bottom: 32px;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-tabs {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;

	margin-top: 8px;
	margin-bottom: 16px;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-tabs-tab {
	flex: 1 0 25%;

	font-weight: 600;

	padding-bottom: 8px;

	cursor: pointer;

	border-bottom: 2px solid var(--bs-color-base-10);
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-tabs-tab.pt-active {
	border-bottom: 2px solid var(--bs-color-action-60);
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-title {
	font-size: 18pt;
	font-weight: 600;
}

@media (min-width: 1024px) {
	#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-title {
		font-size: 18px;
	}
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-title {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-title .pt-lengths-length-title-content {
	font-size: 18pt;
	font-weight: 600;
}

@media (min-width: 1024px) {
	#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-title .pt-lengths-length-title-content {
		font-size: 18px;
	}
}

/* #pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-title .pt-lengths-length-id-display {
	margin-left: 1ch;
} */

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-title .pt-lengths-length-title-error-message {
	color: #FF5050;

	font-size: 14pt;
}

@media (min-width: 1024px) {
	#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-title .pt-lengths-length-title-error-message {
		font-size: 14px;
	}
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-title .pt-lengths-length-title-trash-icon-container {
	display: flex;
	justify-content: center;
	align-items: center;

	width: 29px;
	height: 29px;

	border-radius: 999px;

	padding: 4px;

	cursor: pointer;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-title .pt-lengths-length-title-trash-icon-container:hover {
	background-color: var(--bs-color-base-10);
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-hidden-on-mobile {
	display: none;
}

@media (min-width: 1024px) {
	#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-hidden-on-mobile {
		display: inherit;
	}
}

#pt-lengths-lengths-container .pt-lengths-length:not(.pt-lengths-length-is-sample-profile) .pt-lengths-length-sub-section .pt-lengths-length-sub-section-content-sample-profile-message {
	visibility: hidden;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-sub-section .pt-lengths-length-sub-section-content-flex-container {
	display: flex;
	flex-flow: row wrap;
	column-gap: 8px;
	row-gap: 8px;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-sub-section .pt-lengths-length-sub-section-content-flex-container.pt-lengths-length-sub-section-content-flex-justify-space-between {
	justify-content: space-between;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-sub-section .pt-lengths-length-sub-section-content-flex-container.pt-lengths-length-sub-section-content-flex-align-center {
	align-items: center;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-sub-section .pt-lengths-length-sub-section-content-flex-container.pt-lengths-length-sub-section-content-margin-bottom {
	margin-bottom: 16px;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-sub-section .pt-lengths-length-sub-section-content-flex-container.pt-lengths-length-sub-section-content-desktop-width-50 {
	
}

@media (min-width: 1024px) {
	#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-sub-section .pt-lengths-length-sub-section-content-flex-container.pt-lengths-length-sub-section-content-desktop-width-50 {
		width: 50%;
	}
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-sub-section[data-sub-section="length"] .pt-lengths-length-sub-section-content-flex-container .pt-lengths-length-length-sub-section-content-special-lengths-button {
	/* margin-left: 100%; */
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-sub-section[data-sub-section="length"] .pt-lengths-length-sub-section-content-flex-container .pt-lengths-length-length-sub-section-content-special-lengths-button::before {
	/* content: '';
	display: block;
	width: 100%; */
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-sub-section[data-sub-section="length"] .pt-lengths-length-sub-section-content-flex-container .pt-lengths-length-length-sub-section-content-forced-break {
	display: block;
	width: 100%;
}

@media (min-width: 1024px) {
	#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-sub-section[data-sub-section="length"] .pt-lengths-length-sub-section-content-flex-container .pt-lengths-length-length-sub-section-content-forced-break {
		display: none;
	}
}

#pt-lengths-lengths-container .pt-lengths-length:not([data-length-id="1"]) .pt-lengths-length-sub-section[data-sub-section="length"] .pt-lengths-length-length-sub-section-content-example-profile-button {
	display: none;

	background-color: var(--bs-color-base-20);
}

#pt-lengths-lengths-container .pt-lengths-length[data-length-id="1"] .pt-lengths-length-sub-section[data-sub-section="length"] .pt-lengths-length-length-sub-section-content-example-profile-button {
	background-color: var(--bs-color-base-20);

	font: var(--bs-font-roboto-regular);
	font-weight: var(--bs-font-roboto-regular-weight);

	line-height: 1;
}

#pt-lengths-lengths-container .pt-lengths-length[data-length-id="1"] .pt-lengths-length-sub-section[data-sub-section="length"] .pt-lengths-length-length-sub-section-content-example-profile-button:hover {
	background-color: var(--bs-color-base-40);
}

#pt-lengths-lengths-container .pt-lengths-length[data-length-id="1"] .pt-lengths-length-sub-section[data-sub-section="length"] .pt-lengths-length-length-sub-section-content-example-profile-button .bs-button {
	margin: -8px -20px -9px 0px;
	height: initial;
}

#pt-lengths-lengths-container .pt-lengths-length[data-length-id="1"] .pt-lengths-length-sub-section[data-sub-section="length"] .pt-lengths-length-length-sub-section-content-example-profile-button,
#pt-lengths-lengths-container .pt-lengths-length[data-length-id="1"] .pt-lengths-length-sub-section[data-sub-section="length"] .pt-lengths-length-length-sub-section-content-example-profile-button .bs-button {
	border-color: var(--bs-color-base-40);
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-sub-section[data-sub-section="length"] .pt-lengths-length-length-sub-section-example-profile-modal:open {
	display: grid;
	grid-template-rows: 3fr 1fr;
	row-gap: 16px;

	border: none;
	border-radius: 8px;

	z-index: 1;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-sub-section[data-sub-section="length"] .pt-lengths-length-length-sub-section-example-profile-modal:open .pt-lengths-length-length-sub-section-example-profile-modal-buttons-container {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-evenly;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-sub-section[data-sub-section="length"] .pt-lengths-length-length-sub-section-example-profile-modal:open .pt-lengths-length-length-sub-section-example-profile-modal-buttons-container .bs-button {
	width: calc(100% / 3)
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container,
#pt-lengths-lengths-container #pt-lengths-lengths-totals .pt-lengths-length-side-container {
	display: flex;
	flex-flow: column nowrap;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container {
	position: relative;

	display: grid;
	grid-template-rows: min-content 0fr;

	transition: grid-template-rows 0.25s ease, opacity 0.25s ease;

	padding-left: 24px;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container::before {
	content: '';

	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;

	background-color: var(--bs-color-base-20);
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container.pt-lengths-length-sub-section-transparent {
	opacity: 0.5;
}


@media (min-width: 1024px) {
	#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container.pt-lengths-length-sub-section-transparent {
		opacity: 1;
	}
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section-force-open-next-button-container {
	position: relative;

	margin-left: auto;
	margin-top: 16px;

	display: flex;
	flex-flow: column nowrap;
	align-items: end;

	order: 1;
}

/* #pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container:not(.pt-lengths-length-sub-section-force-open) .pt-lengths-length-sub-section-force-open-next-button-container {
	display: none;
} */

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section-force-open-next-button-container .pt-lengths-length-sub-section-force-open-next-button-error {
	/* position: absolute; */
	/* bottom: 100%; */

	text-align: center;
	
	color: red;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section-force-open-next-button-container .pt-lengths-length-sub-section-force-open-next-button {
	width: fit-content;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container.pt-active {
	grid-template-rows: min-content 1fr;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container.pt-active::before {
	width: 3px;

	background-color: var(--bs-color-action-30);
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section-header {
	display: flex;
	flex-flow: row nowrap;

	column-gap: 8px;

	margin-top: 8px;
	margin-bottom: 8px;
}

/* #pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container.pt-lengths-length-sub-section-container-current .pt-lengths-length-sub-section-header {
	border-bottom: 1px solid var(--bs-color-action-30);
} */

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container.pt-lengths-length-sub-section-container-unvisited .pt-lengths-length-sub-section-header {
	opacity: 0.5;
}

/* #pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section-header .pt-lengths-length-sub-section-header-circle-container {
	display: none;
	justify-content: center;
	align-items: center;

	width: 24px;
	height: 24px;

	aspect-ratio: 1/1;
}

@media (min-width: 1024px) {
	#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section-header .pt-lengths-length-sub-section-header-circle-container {
		display: flex;
	}
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section-header .pt-lengths-length-sub-section-header-circle-container .pt-lengths-length-sub-section-header-circle {
	width: 8px;
	height: 8px;

	background-color: var(--bs-color-action-30);

	border-radius: 999px;
} */

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container.pt-lengths-length-sub-section-container-unvisited .pt-lengths-length-sub-section-header .pt-lengths-length-sub-section-header-circle-container .pt-lengths-length-sub-section-header-circle {
	display: none;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container.pt-lengths-length-sub-section-container-current .pt-lengths-length-sub-section-header .pt-lengths-length-sub-section-header-circle-container .pt-lengths-length-sub-section-header-circle {
	width: 24px;
	height: 24px;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section-header .pt-lengths-length-sub-section-header-title {
	font-weight: 600;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section-header .pt-lengths-length-sub-section-header-accordion-image-container {

}

@media (min-width: 1024px) {
	#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section-header .pt-lengths-length-sub-section-header-accordion-image-container {
		display: none;
	}
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section-header .pt-lengths-length-sub-section-header-accordion-image-container img {
	transform: rotateZ(-180deg);
	transition: transform 0.25s ease;
}
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container.pt-active .pt-lengths-length-sub-section-header .pt-lengths-length-sub-section-header-accordion-image-container img {
	transform: rotateZ(-90deg);
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section-header .pt-lengths-length-sub-section-header-status-image-container {
	display: flex;
	justify-content: center;
	align-items: center;

	margin-left: auto;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section {
	display: flex;
	flex-flow: column nowrap;

	overflow: hidden;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container:not(.pt-active) .pt-lengths-length-sub-section {
	/* display: none; */
}

@media (min-width: 1024px) {
	#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section {
		display: none;
	}
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-length-sub-section-content-special-lengths-container,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-length-sub-section-content-special-lengths-container {
	position: relative;

	/* display: flex;
	flex-flow: row nowrap;
	align-items: center; */

	width: 100%;

	margin-top: 8px;
}

/* @media (min-width: 1024px) {
	#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-length-sub-section-content-special-lengths-container,
	#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-length-sub-section-content-special-lengths-container {
		width: 50%;
	}
} */

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-length-sub-section-content-special-lengths-container .pt-lengths-length-length-sub-section-content-special-lengths-inner-container,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-length-sub-section-content-special-lengths-container .pt-lengths-length-length-sub-section-content-special-lengths-inner-container {
	position: relative;

	display: flex;
	flex-flow: row nowrap;
	align-items: center;

	width: fit-content;
}

@media (min-width: 1024px) {
	#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-length-sub-section-content-special-lengths-container .pt-lengths-length-length-sub-section-content-special-lengths-inner-container,
	#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-length-sub-section-content-special-lengths-container .pt-lengths-length-length-sub-section-content-special-lengths-inner-container {
		width: 50%;
	}
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-length-sub-section-content-special-lengths-container .pt-lengths-length-length-sub-section-content-special-lengths-prefix,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-length-sub-section-content-special-lengths-container .pt-lengths-length-length-sub-section-content-special-lengths-prefix {
	position: absolute;
	left: 1ch;

	font-weight: 600;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-length-sub-section-content-special-lengths-container .pt-lengths-length-length-sub-section-content-special-lengths-postfix,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-length-sub-section-content-special-lengths-container .pt-lengths-length-length-sub-section-content-special-lengths-postfix {
	position: absolute;
	right: 1ch;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-length-sub-section-content-special-lengths-container .pt-lengths-length-length-sub-section-content-special-lengths-input,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-length-sub-section-content-special-lengths-container .pt-lengths-length-length-sub-section-content-special-lengths-input {
	text-align: right;
	padding-right: 4ch;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-sub-section .pt-lengths-length-sub-section-content-flex-container.pt-lengths-length-amount-sub-section-monteringsretning-container.pt-hidden {
	display: none;
}

.pt-lengths-length-amount-sub-section-dialog {
	width: calc(100vw - 32px);

	border: 1px solid var(--bs-color-base-20);
	outline: none;

	z-index: 10;
}

.pt-lengths-length-amount-sub-section-dialog .pt-lengths-length-amount-sub-section-dialog-inner-container {
	position: relative;
}

.pt-lengths-length-amount-sub-section-dialog .pt-lengths-length-amount-sub-section-dialog-inner-container .pt-lengths-length-amount-sub-section-dialog-close {
	position: absolute;
	top: 0;
	right: 0;

	color: var(--bs-color-base-20);
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section[data-sub-section="blindfalse"] {
	display: grid;
	grid-column: 1fr;
	row-gap: 16px;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 8px;
}

@media (min-width: 1024px) {
	#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container,
	#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container {
		column-gap: 24px;
	}
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container .pt-lengths-length-blindfalse-sub-section-content-choice,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container .pt-lengths-length-blindfalse-sub-section-content-choice {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	
	border: 1px solid var(--bs-color-base-20);
	border-radius: 8px;

	padding: 8px;

	text-align: center;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container .pt-lengths-length-blindfalse-sub-section-content-choice {
	display: grid;
	grid-template-columns: repeat(2, 33%);
	justify-content: space-between;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container .pt-lengths-length-blindfalse-sub-section-content-choice .pt-lengths-length-blindfalse-sub-section-content-choice-left-container {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container .pt-lengths-length-blindfalse-sub-section-content-choice .pt-lengths-length-blindfalse-sub-section-content-choice-right-container {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container .pt-lengths-length-blindfalse-sub-section-content-choice .pt-lengths-length-blindfalse-sub-section-content-choice-price-container {
	font-weight: 600;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container .pt-lengths-length-blindfalse-sub-section-content-choice .pt-lengths-length-blindfalse-sub-section-content-choice-title,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container .pt-lengths-length-blindfalse-sub-section-content-choice .pt-lengths-length-blindfalse-sub-section-content-choice-title {
	font-weight: 600;

	font-size: 14px;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container .pt-lengths-length-blindfalse-sub-section-content-choice .pt-lengths-length-blindfalse-sub-section-content-choice-description,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container .pt-lengths-length-blindfalse-sub-section-content-choice .pt-lengths-length-blindfalse-sub-section-content-choice-description {
	font-size: 12px;

	margin-bottom: 16px;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container .pt-lengths-length-blindfalse-sub-section-content-choice .pt-lengths-length-blindfalse-sub-section-content-choice-recommended-container,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container .pt-lengths-length-blindfalse-sub-section-content-choice .pt-lengths-length-blindfalse-sub-section-content-choice-recommended-container {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;

	height: 28px;

	margin-top: auto;
	margin-bottom: 8px;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container .pt-lengths-length-blindfalse-sub-section-content-choice .pt-lengths-length-blindfalse-sub-section-content-choice-recommended-container .pt-lengths-length-blindfalse-sub-section-content-choice-recommended-as-recommended,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container .pt-lengths-length-blindfalse-sub-section-content-choice .pt-lengths-length-blindfalse-sub-section-content-choice-recommended-container .pt-lengths-length-blindfalse-sub-section-content-choice-recommended-as-recommended {
	font-size: 12px;
	text-decoration: underline;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container .pt-lengths-length-blindfalse-sub-section-content-choice .pt-lengths-length-blindfalse-sub-section-content-choice-recommended-container .pt-lengths-length-blindfalse-sub-section-content-choice-recommended-different,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container .pt-lengths-length-blindfalse-sub-section-content-choice .pt-lengths-length-blindfalse-sub-section-content-choice-recommended-container .pt-lengths-length-blindfalse-sub-section-content-choice-recommended-different {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;

	width: 28px;
	height: 28px;
	
	font-size: 14px;
	font-weight: 600;
	color: white;

	background-color: var(--bs-color-action-30);

	border-radius: 4px;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container .pt-lengths-length-blindfalse-sub-section-content-choice .pt-lengths-length-blindfalse-sub-section-content-choice-recommended-container .pt-lengths-length-blindfalse-sub-section-content-choice-recommended-different.pt-lengths-length-blindfalse-sub-section-content-choice-recommended-different-less,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container .pt-lengths-length-blindfalse-sub-section-content-choice .pt-lengths-length-blindfalse-sub-section-content-choice-recommended-container .pt-lengths-length-blindfalse-sub-section-content-choice-recommended-different.pt-lengths-length-blindfalse-sub-section-content-choice-recommended-different-less {
	background-color: #C92828;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container .pt-lengths-length-blindfalse-sub-section-content-flex-container,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-choices-container .pt-lengths-length-blindfalse-sub-section-content-flex-container {
	margin-top: 8px;
	margin-bottom: 8px;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-special-lengths-container,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-special-lengths-container {
	position: relative;

	display: flex;
	flex-flow: row nowrap;
	align-items: center;

	margin-bottom: 8px;

	grid-column: 1 / span 2;
}

@media (min-width: 1024px) {
	#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-special-lengths-container,
	#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-special-lengths-container {
		width: 50%;
	}
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-special-lengths-container .pt-lengths-length-blindfalse-sub-section-content-special-lengths-prefix,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-special-lengths-container .pt-lengths-length-blindfalse-sub-section-content-special-lengths-prefix {
	position: absolute;
	left: 1ch;

	font-weight: 600;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-special-lengths-container .pt-lengths-length-blindfalse-sub-section-content-special-lengths-postfix,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-special-lengths-container .pt-lengths-length-blindfalse-sub-section-content-special-lengths-postfix {
	position: absolute;
	right: 1ch;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-special-lengths-container .pt-lengths-length-blindfalse-sub-section-content-special-lengths-input,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-special-lengths-container .pt-lengths-length-blindfalse-sub-section-content-special-lengths-input {
	text-align: right;
	padding-right: 4ch;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-control-buttons-container,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-control-buttons-container {
	display: grid;
	grid-template-columns: 2fr 1fr;
	column-gap: 8px;

	grid-column: 1 / span 2;
}

@media (min-width: 1024px) {
	#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-control-buttons-container,
	#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-control-buttons-container {
		grid-column: 1 / 1;
	}
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-control-buttons-container .bs-button,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-control-buttons-container .bs-button {
	white-space: nowrap;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-side-container .pt-lengths-length-sub-section-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-flex-container,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-desktop-container .pt-lengths-length-sub-section .pt-lengths-length-blindfalse-sub-section-content-flex-container {
	grid-column: 1 / span 2;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-sub-section[data-sub-section="addons"] {
	display: flex;
	flex-flow: column nowrap;
	row-gap: 16px;
}

.pt-lengths-length-addons-sub-section-addon {
	display: grid;
	grid-template-columns: 1fr;
	row-gap: 16px;
}

@media (min-width: 1024px) {
	.pt-lengths-length-addons-sub-section-addon {
		grid-template-columns: 1fr 2fr;
		column-gap: 16px;
	}
}

.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-general-container {
	
}

.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-general-container .pt-lengths-length-addons-sub-section-addon-image-container {
	margin-bottom: 8px;
}

.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-general-container .pt-lengths-length-addons-sub-section-addon-description {
	font-size: 12px;
	font-style: italic;
}

.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container {
	display: grid;
	grid-template-columns: 1fr;
	row-gap: 16px;
}

.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product {
	position: relative;

	display: grid;
	grid-template-columns: 1fr min-content;
	grid-template-rows: min-content 1fr;
	column-gap: 24px;
	row-gap: 8px;

	padding: 12px;

	border: 1px solid var(--bs-color-base-20);
	border-radius: 8px;

	overflow: hidden;
}

.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product.pt-active {
	border-color: var(--bs-color-action-30);
}

dialog.pt-modal:open {
	width: calc(100vw - 32px);
	height: calc(100vh - 32px);
	display: flex;
	flex-flow: column nowrap;
}

.pt-modal {
	padding: 16px;

	border: 4px solid var(--bs-color-base-40);
	outline: none;
	scrollbar-color: var(--bs-color-base-20) transparent;
}

.pt-modal .pt-modal-close-button {
	cursor: pointer;
}

dialog.pt-modal::backdrop {
	background-color: transparent;
}

@media (min-width: 1024px) {
	dialog.pt-modal:open {
		width: 30rem;
		height: calc(75vh - 32px);
	}
}

.pt-lengths-length-addons-sub-section-addon-product-modal {
	width: calc(100vw - 32px);
	height: calc(100vh - 32px);

	/* border: 1px solid var(--bs-color-base-20);
	outline: none; */

	z-index: 10;
}

@media (min-width: 1024px) {
	.pt-lengths-length-addons-sub-section-addon-product-modal {
		width: 40rem;
	}
}

.pt-lengths-length-addons-sub-section-addon-product-modal .pt-lengths-length-addons-sub-section-addon-product-modal-close {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;

	color: var(--bs-color-base-20);

	margin-bottom: 8px;
}

.pt-lengths-length-addons-sub-section-addon-product-modal .pt-lengths-length-addons-sub-section-addon-product-modal-inner-container {
	position: relative;

	overflow-y: auto;
}

.pt-lengths-length-addons-sub-section-addon-product-modal .pt-lengths-length-addons-sub-section-addon-product-modal-inner-container .pt-lengths-length-addons-sub-section-addon-product-modal-image-container {
	margin-bottom: 8px;
}

.pt-assembly-choice-recommended-ribbon-container {
	position: absolute;
	/* to make sure container overlaps border */
	top: -1px;
	left: -1px;

	/* to make sure container overlaps border */
	width: calc(100% + 2px);
	height: calc(100% + 2px);

	overflow: hidden;

	pointer-events: none;
}

.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-recommended-ribbon,
.pt-assembly-choice-recommended-ribbon {
	position: absolute;
	top: 0;
	right: 0;

	width: 300px;

	text-align: center;
	font-size: 12px;

	background-color: var(--bs-color-base-40);
	color: white;

	pointer-events: none;

	transform: rotate(35deg) translateX(35%) translateY(-275%);

	z-index: 100;
}

.pt-assembly-choice.pt-active .pt-assembly-choice-recommended-ribbon {
	background-color: white;
	color: var(--bs-color-base-40);
}

@media (max-width: 600px) {
	.pt-assembly-choice-recommended-ribbon-container {
		position: absolute;
		top: 0;
		left: 0;

		width: 100%;
		height: 100%;

		overflow: visible;
	}

	.pt-assembly-choice .pt-assembly-choice-recommended-ribbon {
		top: 100%;

		width: 100%;

		border-radius: 4px;

		transform: unset;
	}
}

.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-left-container {
	grid-area: 2 / 1 / 3 / 2;
	
	display: flex;
	flex-flow: column nowrap;
}

.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-right-container {
	grid-area: 2 / 2 / 3 / 3;
	
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;
	align-items: center;
}

.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-title-container {
	grid-area: 1 / 1 / 2 / 3;

	display: flex;
	flex-flow: row nowrap;
	align-items: center;

	font-size: 14px;
	font-weight: 600;
}

/* @media (min-width: 1024px) {
	.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-title-container {
		display: flex;
		flex-flow: row nowrap;
	}
} */

/* .pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-title-container .pt-lengths-length-addons-sub-section-addon-product-is-recommended {
	color: var(--bs-color-action-30);
	margin-left: 8px;
} */

.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-title-container .pt-lengths-length-addons-sub-section-addon-product-info-modal-button {
	margin-right: 8px;
	
	cursor: pointer;
}

.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-description {
	font-size: 12px;
}

.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-warning-text {
	/* margin-top: auto; */
	margin-top: 8px;
	
	font-size: 12px;
}

.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-warning-text .pt-lengths-length-addons-sub-section-addon-product-warning-text-prefix {
	font-weight: 600;
}

.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-price-container {
	font-size: 14px;
	font-weight: 600;
}

.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-before-price-container {
	font-size: 10px;
	text-decoration: line-through;

	color: #EF6767;
}

.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-price-tax-display {
	font-size: 10px;
}

/* .pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-amount-input-container,
.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-selected-input-container {
	width: 100%;
}

@media (min-width: 1024px) {
	.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-amount-input-container,
	.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-selected-input-container {
		width: initial;
	}
} */

.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-width-input,
.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-length-input {
	width: fit-content;
	height: 36px;
	
	font-size: 12px;

	padding: 8px;

	border: 1px solid var(--bs-color-base-10);
	border-radius: 8px;

	box-shadow: none;
}

.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-width-input:not(:last-of-type),
.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-length-input:not(:last-of-type) {
	margin-bottom: 8px;
}

.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-width-error,
.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-length-error {
	margin-top: 8px;
	
	font-size: 12px;
	font-weight: 600;
	color: #EF6767;
}

.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-width-input:valid + .pt-lengths-length-addons-sub-section-addon-product-width-error,
.pt-lengths-length-addons-sub-section-addon .pt-lengths-length-addons-sub-section-addon-product-container .pt-lengths-length-addons-sub-section-addon-product .pt-lengths-length-addons-sub-section-addon-product-length-input:valid + .pt-lengths-length-addons-sub-section-addon-product-length-error {
	display: none;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-price-box {
	background-color: var(--bs-color-base-10);

	border-radius: 8px;
	padding: 8px;

	margin-top: 16px;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-price-box .pt-lengths-length-price-box-caluclations-container {
	display: grid;
	grid-template-columns: max-content 1fr;
	column-gap: 8px;

	font-size: 12px;

	margin-bottom: 4px;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-price-box .pt-lengths-length-price-box-caluclations-container .pt-lengths-length-price-box-right-container {
	text-align: right;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-price-box .pt-lengths-length-price-box-caluclations-container .pt-lengths-length-price-box-right-container > div {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-price-box .pt-lengths-length-price-box-caluclations-container .pt-lengths-length-price-box-right-container .pt-lengths-length-price-box-reference-price {
	text-decoration: line-through;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-price-box .pt-lengths-length-price-box-caluclations-container .pt-lengths-length-price-box-amount-discount-percentage-container,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-price-box .pt-lengths-length-price-box-caluclations-container .pt-lengths-length-price-box-customer-discount-percentage-container {
	font-weight: 600;
	color: var(--bs-color-action-30);
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-price-box .pt-lengths-length-price-box-caluclations-container .pt-strikethrough {
	text-decoration: line-through;
}

#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-price-box .pt-lengths-length-price-box-price-container,
#pt-lengths-lengths-container .pt-lengths-length .pt-lengths-length-price-box .pt-lengths-length-total-price-box-price-container {
	font-size: 14px;
	text-align: right;
	font-weight: 600;
}

#pt-lengths-lengths-container #pt-lengths-lengths-totals .pt-lengths-length-line {
	background-color: #707070;

	height: 2px;

	margin-top: 16px;
	margin-bottom: 16px;
}

/* #pt-lengths-lengths-container #pt-lengths-lengths-totals .pt-lengths-length-new-length-button {
	margin-left: auto;
} */


/* #pt-lengths-length-totals-container {
	margin-top: 16px;
} */

#pt-lengths-length-totals-container #pt-lengths-length-totals-price-lines {
	display: flex;
	flex-flow: column nowrap;
	align-items: end;
}

#pt-lengths-length-totals-container #pt-lengths-length-totals-price-lines .pt-lengths-length-totals-price-line {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;

	width: 60%;

	font-size: 12pt;
}

@media (min-width: 1024px) {
	#pt-lengths-length-totals-container #pt-lengths-length-totals-price-lines .pt-lengths-length-totals-price-line {
		width: 50%;

		font-size: 12px;
	}
}

#pt-lengths-length-totals-container #pt-lengths-length-totals-totals-container {
	/* width: fit-content;
	margin-left: auto; */
	display: flex;
    flex-flow: column nowrap;
    width: fit-content;
    margin-left: auto;
    align-items: start;
}

#pt-lengths-length-totals-container #pt-lengths-length-totals-totals-container #pt-lengths-length-totals-total-container {
	font-size: 14pt;
	/* font-weight: 600; */
	text-align: right;
}
@media (min-width: 1024px) {
	#pt-lengths-length-totals-container #pt-lengths-length-totals-totals-container #pt-lengths-length-totals-total-container {
		font-size: 14px;
	}
}

#pt-lengths-length-totals-container #pt-lengths-length-totals-totals-container #pt-lengths-length-totals-old-total-container {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;

	width: 100%;

	font-size: 12pt;
	/* font-weight: 600; */
	text-align: right;
}

@media (min-width: 1024px) {
	#pt-lengths-length-totals-container #pt-lengths-length-totals-totals-container #pt-lengths-length-totals-old-total-container {
		font-size: 12px;
	}
}

#pt-lengths-length-totals-container #pt-lengths-length-totals-totals-container #pt-lengths-length-totals-old-total-container #pt-lengths-length-totals-old-total {
	text-decoration: line-through;
}

#pt-lengths-length-totals-container #pt-lengths-length-totals-totals-container hr {
	margin-bottom: 0;
}

#pt-lengths-length-totals-container #pt-lengths-length-totals-totals-container #pt-lengths-length-totals-tax-container {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;

	width: 100%;

	font-size: 12pt;
	text-align: right;
}

@media (min-width: 1024px) {
	#pt-lengths-length-totals-container #pt-lengths-length-totals-totals-container #pt-lengths-length-totals-tax-container {
		font-size: 12px;
	}
}

#pt-lengths-length-totals-container #pt-lengths-length-totals-totals-container #pt-lengths-length-totals-customer-discount-container {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;

	width: 100%;

	font-size: 12pt;
	text-align: right;

	color: var(--bs-color-action-30);
}

@media (min-width: 1024px) {
	#pt-lengths-length-totals-container #pt-lengths-length-totals-totals-container #pt-lengths-length-totals-customer-discount-container {
		font-size: 12px;
	}
}

#pt-lengths-length-totals-container #pt-lengths-length-totals-totals-container #pt-lengths-length-totals-total {
	margin-left: 8px;
}

.pt-amount-input {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;

	width: 100px;
	height: 36px;

	border: 1px solid var(--bs-color-base-10);
	border-radius: 999px;

	/* padding-left: 12px;
	padding-right: 12px; */

	overflow: hidden;
}

.pt-amount-input.pt-amount-input-readonly {
	background-color: lightgray;
}

.pt-amount-input button {
	flex-shrink: 0;

	width: 36px;
	height: 36px;

	background-color: transparent;
	border: 0;
	padding: 0;
	outline: none;

	border-radius: 999px;

	box-shadow: none;
}

.pt-amount-input.pt-amount-input-readonly button {
	cursor: pointer;
	pointer-events: none;
}

.pt-amount-input button:hover {
	background-color: var(--bs-color-base-10);
}

.pt-amount-input input[type=number]::-webkit-outer-spin-button,
.pt-amount-input input[type=number]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.pt-amount-input input {
	background-color: transparent;
	border: 0;
	padding: 0;
	outline: none;

	box-shadow: none;

	text-align: center;

	font-weight: 600;

	-moz-appearance: textfield; /* Firefox */
}

.pt-amount-input.pt-amount-input-readonly input {
	cursor: pointer;
	pointer-events: none;
}

/* @media (min-width: 1024px) {
	.pt-amount-input input {
		text-align: right;
	}
} */


.pt-dual-toggle-input {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;

	width: 100px;
	height: 36px;

	border: 1px solid var(--bs-color-base-10);
	border-radius: 999px;

	overflow: hidden;
}

.pt-dual-toggle-input button {
	display: flex;
	justify-content: center;
	align-items: center;

	width: 50%;
	height: 100%;

	color: var(--bs-color-base-100);
	background-color: transparent;
	border: 0;
	border-radius: 0;
	padding: 0;
	outline: none;

	box-shadow: none;

	font-weight: 600;
}

.pt-dual-toggle-input button.pt-active {
	color: white;
	background-color: var(--bs-color-base-40);
}

.pt-dual-toggle-input button:not(.pt-active):hover {
	background-color: var(--bs-color-base-10);
}

.pt-relative {
	position: relative;
}

/*
 * SUMMARY SECTIONS
*/

#summary {
	display: grid;
	grid-template-columns: 1fr;
	row-gap: 16px;
}

@media (min-width: 1024px) {
	#summary {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 64px;
	}
}

#pt-summary-image-container {
	
}

#pt-summary-image-container #pt-summary-image {
	
}

#pt-summary-content {
	
}

#pt-summary-content #pt-summary-content-lengths-container {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;

	row-gap: 16px;
}

#pt-summary-content #pt-summary-content-lengths-container .pt-summary-length {
	display: grid;
	grid-template-rows: min-content 0fr;
	transition: grid-template-rows 0.25s ease;
}

#pt-summary-content #pt-summary-content-lengths-container .pt-summary-length.pt-active {
	grid-template-rows: min-content 1fr;
}

#pt-summary-content #pt-summary-content-lengths-container .pt-summary-length .pt-summary-length-header {
	display: flex;
	flex-flow: row nowrap;

	font-size: 16px;
	font-weight: 700;

	cursor: pointer;

	margin-top: 4px;
	margin-bottom: 4px;
}

#pt-summary-content #pt-summary-content-lengths-container .pt-summary-length .pt-summary-length-header .pt-summary-length-header-length-id-display {
	margin-left: 1ch
}

#pt-summary-content #pt-summary-content-lengths-container .pt-summary-length .pt-summary-length-header .pt-summary-length-header-image-container {
	margin-right: 8px;

	transition: transform 0.25s ease;
	transform: rotate(-90deg);
}

#pt-summary-content #pt-summary-content-lengths-container .pt-summary-length.pt-active .pt-summary-length-header .pt-summary-length-header-image-container {
	transform: rotate(0deg);
}

#pt-summary-content #pt-summary-content-lengths-container .pt-summary-length .pt-summary-length-content {
	overflow: hidden;
}

#pt-summary-content #pt-summary-content-lengths-container .pt-summary-length .pt-summary-length-content .pt-summary-length-content-inner-container {
	background-color: var(--bs-color-base-10);
	border-radius: 8px;

	padding: 12px;
}

#pt-summary-content #pt-summary-content-lengths-container .pt-summary-length .pt-summary-length-content .pt-summary-length-content-inner-container .pt-summary-length-content-price-lines {
	display: grid;
	grid-template-columns: 2fr 1fr;
	column-gap: 16px;
	row-gap: 4px;
}

#pt-summary-content #pt-summary-content-lengths-container .pt-summary-length .pt-summary-length-content .pt-summary-length-content-inner-container .pt-summary-length-content-price-lines > div {
	font-size: 12px;
}

#pt-summary-content #pt-summary-content-lengths-container .pt-summary-length .pt-summary-length-content .pt-summary-length-content-inner-container .pt-summary-length-content-price-lines > div:nth-of-type(even) {
	text-align: right;
}

#pt-summary-content #pt-summary-content-lengths-container .pt-summary-length .pt-summary-length-content .pt-summary-length-content-inner-container .pt-summary-length-content-price-lines > div:nth-of-type(odd) {
	text-align: left;
}

#pt-summary-content #pt-summary-content-lengths-container .pt-summary-length .pt-summary-length-content .pt-summary-length-content-inner-container .pt-summary-length-content-totals-container {
	text-align: right;

	font-size: 14px;
	font-weight: 700;

	margin-top: 16px;
}

#pt-summary-content #pt-summary-content-lengths-container .pt-summary-length .pt-summary-length-content .pt-summary-length-content-inner-container .pt-summary-length-content-totals-container .pt-summary-length-content-customer-discount-container {
	text-decoration: line-through;
}

/*
#pt-summary-content #pt-summary-content-lengths-container {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;

	row-gap: 16px;
}

#pt-summary-content #pt-summary-content-lengths-container .pt-summary-content-length {
	display: grid;
	grid-template-columns: 1fr 2fr;

	border: 1px solid #C49946;
	border-radius: 16px;

	overflow: hidden;
}

#pt-summary-content #pt-summary-content-lengths-container .pt-summary-content-length .pt-summary-content-length-data-container {
	background-color: #EEE8B0;

	padding: 8px;
}

#pt-summary-content #pt-summary-content-lengths-container .pt-summary-content-length .pt-summary-content-length-data-container .pt-summary-content-length-data-title {
	font-size: 18px;
	font-weight: 600;
}

#pt-summary-content #pt-summary-content-lengths-container .pt-summary-content-length .pt-summary-content-length-data-container .pt-summary-content-length-data-udstansning {

}

#pt-summary-content #pt-summary-content-lengths-container .pt-summary-content-length .pt-summary-content-length-data-container .pt-summary-content-length-data-length {

}

#pt-summary-content #pt-summary-content-lengths-container .pt-summary-content-length .pt-summary-content-length-price-container {
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	align-items: end;

	padding: 8px;
}

#pt-summary-content #pt-summary-content-lengths-container .pt-summary-content-length .pt-summary-content-length-price-container .pt-summary-content-length-price-single {
	
}

#pt-summary-content #pt-summary-content-lengths-container .pt-summary-content-length .pt-summary-content-length-price-container .pt-summary-content-length-price-total {
	font-weight: 600;
} */

#pt-summary-content #pt-summary-content-totals-container {
	width: fit-content;
	margin-left: auto;
}

#pt-summary-content #pt-summary-content-totals-container #pt-summary-content-totals-total-container {
	font-size: 24px;
	font-weight: 600;
	text-align: right;
}

#pt-summary-content #pt-summary-content-totals-container hr {
	margin-bottom: 0;
}

#pt-summary-content #pt-summary-content-totals-container #pt-summary-content-totals-tax-container {
	font-size: 18px;
	text-align: right;
}

#pt-summary-content #pt-summary-content-old-totals-container {
	width: fit-content;
	margin-left: auto;
}

#pt-summary-content #pt-summary-content-old-totals-container #pt-summary-content-old-totals-old-total-container {
	font-size: 24px;
	text-align: right;

	text-decoration: line-through;
}

#pt-summary-content #pt-summary-content-old-totals-container hr {
	margin-bottom: 0;
}

#pt-summary-content #pt-summary-content-old-totals-container #pt-summary-content-old-totals-customer-discount-container {
	font-size: 18px;
	text-align: right;
}


#pt-summary-data-show-button {
	display: flex;
	flex-flow: row nowrap;

	cursor: pointer;
}

#pt-summary-data-container #pt-summary-data-show-button #pt-summary-data-show-button-icon {
	transition: transform 0.25s ease;
	transform: rotate(-90deg);
}

#pt-summary-data-container.pt-active #pt-summary-data-show-button #pt-summary-data-show-button-icon {
	transform: rotate(0deg);
}

/* #pt-summary-data-show-button:not(.pt-active) #pt-summary-data-show-button-hide-icon,
#pt-summary-data-show-button.pt-active #pt-summary-data-show-button-show-icon {
	display: none;
}

#pt-summary-data-show-button-show-icon {
	transform: rotateZ(180deg);
} */

#pt-summary-data-container,
#pt-tool-data-container,
.pt-accordion-container {
	display: grid;
	grid-template-rows: min-content 0fr;

	transition: grid-template-rows 0.25s ease;

	margin-bottom: 8px;
}

#pt-summary-data-container.pt-active,
#pt-tool-data-container.pt-active,
.pt-accordion-container.pt-active {
	grid-template-rows: min-content 1fr;
}

#pt-summary-data-container-content,
#pt-tool-data-container-content,
.pt-accordion-content-container {
	overflow: hidden;
}

#pt-summary-data,
#pt-tool-data #pt-tool-data-table {
	border: 1px solid var(--bs-color-action-60);

	margin-bottom: 0;
}

#pt-summary-data thead tr,
#pt-tool-data #pt-tool-data-table thead tr {
	background-color: var(--bs-color-action-60);
	color: white;
}

#pt-summary-data thead tr th,
#pt-tool-data #pt-tool-data-table thead tr th {
	border-right: 0;

	padding: 0;
}
/* 
#pt-summary-data thead tr th:not(:last-child) {
	border-right: 1px solid var(--bs-color-base-10);
} */

#pt-summary-data tbody tr,
#pt-tool-data #pt-tool-data-table tbody tr {

}

#pt-summary-data tbody tr:nth-of-type(even),
#pt-tool-data #pt-tool-data-table tbody tr:nth-of-type(even) {
	background-color: var(--bs-color-base-10);
}

#pt-summary-data tbody tr:nth-of-type(odd),
#pt-tool-data #pt-tool-data-table tbody tr:nth-of-type(odd) {

}

#pt-summary-data tbody tr td,
#pt-tool-data #pt-tool-data-table tbody tr td {
	border-right: 0;
	width: 50%;

	padding: 4px;
}

#pt-summary-data tbody tr:not(:last-child) td,
#pt-tool-data #pt-tool-data-table tbody tr:not(:last-child) td {
	border-bottom: 1px solid var(--bs-color-action-60);
}

#pt-summary-data tbody tr td:not(:last-child),
#pt-tool-data #pt-tool-data-table tbody tr td:not(:last-child) {
	border-right: 1px solid var(--bs-color-action-60);
}

#pt-summary-data tbody tr td.pt-summary-data-table-measurements .pt-summary-data-table-measurements-inner-container,
#pt-tool-data #pt-tool-data-table tr td.pt-tool-data-table-measurements .pt-tool-data-table-measurements-inner-container {
	display: flex;
	justify-content: space-between;
}

#pt-summary-data tbody tr td.pt-summary-data-table-angle .pt-summary-data-table-angle-inner-container,
#pt-tool-data #pt-tool-data-table tr td.pt-tool-data-table-angle .pt-tool-data-table-angle-inner-container {
	display: flex;
	justify-content: space-between;
}

#pt-summary-data-add-to-cart-button {
	
}

#pt-summary-add-to-cart-modal:open {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: space-evenly;

	gap: 32px;

	width: calc(100% - 64px);
	height: 80%;

	background-color: white;

	border: 0;

	/* box-shadow: #00000029 0 3px 6px; */

	text-align: center;

	padding-left: 32px;
	padding-right: 32px;
}

#pt-summary-add-to-cart-modal::backdrop {
	background-color: rgba(69, 63, 46, 0.3);
}

#pt-summary-add-to-cart-modal #pt-summary-add-to-cart-modal-title {
	font-size: 30pt;

	color: var(--bs-color-base-100);
}

#pt-summary-add-to-cart-modal #pt-summary-add-to-cart-modal-spinner-container {
	width: 150px;
	height: 150px;

	aspect-ratio: 1/1;
}

#pt-summary-add-to-cart-modal #pt-summary-add-to-cart-modal-spinner-container #pt-summary-add-to-cart-modal-spinner {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	background: linear-gradient(0deg, rgba(144, 165, 57, 1) 0%, rgba(144, 165, 57, 0) 100%);
	box-sizing: border-box;
	animation: pt-summary-add-to-cart-modal-spinner-rotation 1s linear infinite;
}

#pt-summary-add-to-cart-modal #pt-summary-add-to-cart-modal-spinner-container #pt-summary-add-to-cart-modal-spinner::after {
	content: '';  
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: white;
}
@keyframes pt-summary-add-to-cart-modal-spinner-rotation {
	0% { transform: rotate(0deg) }
	100% { transform: rotate(360deg)}
}

#pt-summary-add-to-cart-modal #pt-summary-add-to-cart-modal-waiting-text,
#pt-summary-add-to-cart-modal #pt-summary-add-to-cart-modal-error-text {
	font-size: 18pt;

	color: var(--bs-color-base-100);
}

#pt-summary-add-to-cart-modal #pt-summary-add-to-cart-modal-error-text {
	color: red;
}

#pt-summary-add-to-cart-modal #pt-summary-add-to-cart-modal-error-code {
	font-size: 12pt;

	color: #0F0F0F;
}

#pt-summary-add-to-cart-modal #pt-summary-add-to-cart-modal-tip-header,
#pt-summary-add-to-cart-modal #pt-summary-add-to-cart-modal-tip {
	font-size: 18pt;

	color: #0F0F0F;
}

#pt-summary-add-to-cart-modal.pt-summary-add-to-cart-modal-error #pt-summary-add-to-cart-modal-waiting-text,
#pt-summary-add-to-cart-modal.pt-summary-add-to-cart-modal-error #pt-summary-add-to-cart-modal-tip-header,
#pt-summary-add-to-cart-modal.pt-summary-add-to-cart-modal-error #pt-summary-add-to-cart-modal-tip,
#pt-summary-add-to-cart-modal.pt-summary-add-to-cart-modal-error #pt-summary-add-to-cart-modal-spinner-container {
	display: none;
}

#pt-summary-add-to-cart-modal:not(.pt-summary-add-to-cart-modal-error) #pt-summary-add-to-cart-modal-error-text,
#pt-summary-add-to-cart-modal:not(.pt-summary-add-to-cart-modal-error) #pt-summary-add-to-cart-modal-error-button,
#pt-summary-add-to-cart-modal:not(.pt-summary-add-to-cart-modal-error) #pt-summary-add-to-cart-modal-error-code {
	display: none;
}

@media (min-width: 1024px) {
	#pt-summary-add-to-cart-modal:open {
		width: 50%;
		height: 75%;
	}

	#pt-summary-add-to-cart-modal #pt-summary-add-to-cart-modal-title {
		font-size: 30px;
	}

	#pt-summary-add-to-cart-modal #pt-summary-add-to-cart-modal-spinner-container {

	}

	#pt-summary-add-to-cart-modal #pt-summary-add-to-cart-modal-spinner-container #pt-summary-add-to-cart-modal-spinner {

	}

	#pt-summary-add-to-cart-modal #pt-summary-add-to-cart-modal-waiting-text,
	#pt-summary-add-to-cart-modal #pt-summary-add-to-cart-modal-error-text {
		font-size: 18px;
	}

	#pt-summary-add-to-cart-modal #pt-summary-add-to-cart-modal-error-code {
		font-size: 12px;
	}

	#pt-summary-add-to-cart-modal #pt-summary-add-to-cart-modal-tip-header,
	#pt-summary-add-to-cart-modal #pt-summary-add-to-cart-modal-tip {
		font-size: 18px;
	}
}

.pt-slider-toggle-input {
	display: none;
}

.pt-slider-toggle-input + label .pt-slider-toggle-container {
	display: inline-flex;

	height: calc(20px - 2px);
	width: calc(36px - 2px);

	padding: 1px;

	border: 1px solid black;
	border-radius: 999px;

	vertical-align: middle;
}

.pt-slider-toggle-input + label .pt-slider-toggle-container .pt-slider-toggle-indicator {
	display: inline-block;

	height: 100%;
	width: 50%;

	background-color: var(--bs-color-base-40);

	border-radius: 999px;

	margin-left: 0;

	transition: margin-left 0.25s ease;
}

.pt-slider-toggle-input:checked + label .pt-slider-toggle-container .pt-slider-toggle-indicator {
	margin-left: 50%;
}