#what-size-is-your-space {
			width: 500px;			
			right: -500px;
			top: 0;
			transition: right 0.3s ease;		
			z-index: 4;	
			background-color: var(--lm-lightslate-t85);
			height: calc(100vh);
			overflow-y: auto;
			position: fixed;
			box-shadow:
			1.6px 1.6px 3.2px rgba(0, 0, 0, 0.05),
			4px 4px 12px rgba(0, 0, 0, 0.07);
			padding-bottom: 100px;
}

#what-size-is-your-space.active {
			transition: right 0.3s ease;			
			right: 0;			
}	

			@media only screen and (min-width: 1960px) {
				
#what-size-is-your-space {				
			right: calc(-500px - ((100vw - 1960px)/2));
			width: calc(500px + ((100vw - 1960px)/2));
			padding-right: 100px;
			box-shadow: 0 0 0 100px var(--lm-lightslate-t85);				
				
			}
			
.pc-section > .em_content-pc	{
	width: 500px;
}

#close-calculator {
	left: 440px;
}
			
			
			}
			
#enter-measurements {
align-items: center;
}	
#enter-measurements-svg svg {
fill: #EFEFEF;
stroke: #FFFFFF;
margin-right: 6px;
pointer-events: none;	
}

#close-calculator {
position: absolute;	
top: 25px;
right: 25px;
}
#close-calculator button {
width: 1.875rem;
height: 1.875rem;
aspect-ratio: 1;
display: flex;	
align-items: center;
justify-content: center;
transition: background 0.3s ease;
border-radius: 4px;
border: none;
outline: none;

cursor: pointer;
position: relative;
}
@media(hover: hover) {
#close-calculator button:hover {
background-color: var(--lm-lightslate-t75);	
}
}
#close-calculator button:active {
background-color: var(--lm-lightslate-t75);	
}
#close-calculator button:focus-visible {
outline-color: var(--lm-dark-blue);
outline-offset: 3px;
outline-style: auto;
outline-width: 1px;
transition: all 0.1s ease;		
}
#close-calculator svg {
width: 20px;
width: 1.25rem;
fill: var(--lm-charcoal);
margin-bottom: 0.15rem;		
z-index: 300;
position: absolute;
top: 2px;
left: 5px;
}	

	@media only screen and (max-width: 800px) {
#close-calculator {
right: 15px;
}		
	}

	@media only screen and (max-width: 500px) {
#what-size-is-your-space {
width: 100%;
}		
	}


/** PRICE CALCULATOR FORM */

#shape-container > div,
#em_shape-container > div {
display: none;
margin-bottom: 6px;
}

.pc-section > .content-pc,
.pc-section > .em_content-pc,
.pc-section > h3,
.pc-section > h2,
.pc-section > button,
#closed-area-data
 {
	background-color: var(--lm-pistachio);
}

#what-size-is-your-space .pc-section > .em_content-pc,
#what-size-is-your-space .pc-section > h3,
#what-size-is-your-space .pc-section > h2,
#what-size-is-your-space .pc-section > button,
#what-size-is-your-space #closed-area-data
 {
	background-color: var(--lm-lightslate-t85);
}

@media only screen and (max-width: 492px) {
.pc-section > h3.lm-heading-m,
.call-out-box h3.lm-heading-m
{
	font-size: var(--lm-font-size-20px);
}
}

.lm-chevron{
			
			height: 12px;
			height: 0.75rem;
			float: right;
			margin-top: 10px;
			margin-top: 0.625rem;
			fill: var(--lm-charcoal-s15);		
			transform: rotateX(180deg);
			transition: .3s ease-in-out;
}

.call-out-box button.pc_code span:nth-of-type(1) {
	width: max-content;
}

.call-out-box h3 > button > span > svg:nth-of-type(1),
#calc-svg {
display: inline-block; width: 25px; width: 1.563rem; height: 25px; height: 1.563rem; fill: var(--lm-charcoal); vertical-align: text-bottom; margin-right: 6px;
}

.call-out-box h3 > button > span > svg:nth-of-type(1) {
margin-top: 6px;
}

#calc-svg {
margin: 30px 6px 0 20px;
display: inline;
}

@media only screen and (max-width: 492px) {
.call-out-box h3 > button > span > svg:nth-of-type(1) {
margin-top: 3px;

}
}

@media only screen and (max-width: 800px) {
#calc-svg {
margin: 30px 6px 0 15px;

}
}		
	

.hidden-pc .lm-chevron {
	transform: rotateX(0);
}

#pc_show_hide button span:nth-of-type(1) {
	width: calc(100% - 2rem);

}
.pc-section button span:nth-of-type(1) {
float: left;
display: grid;
grid-template-columns: auto 1fr;
justify-items: start
}

#pc_show_hide button {
	

grid-template-columns: auto calc(100% - 2rem) auto;
justify-items: start;	
	
border: 0;
background-color: rgba(0,0,0,0);
cursor: pointer;
width: 100%;
text-align: left;
color: var(--lm-charcoal);
padding: 20px;
transition: all 0.3s ease;
}


@media (hover: hover) {
#pc_show_hide button:hover {
background: var(--lm-lightslate-s75); 
}
}

#pc_show_hide button:active {
background: var(--lm-lightslate-s75); 
}

.content-pc,
.em_content-pc {
display: grid;
grid-template-rows: 0fr;
transition: height 0.3s ease;	
opacity: 0;	
}

.inner-content-padding-pc {
	padding: 0 20px 20px 20px;
}

.show-pc > .content-pc,
.em-show-pc > .em_content-pc {
grid-template-rows: 1fr;
opacity: 1;	
}

.inner-content-pc {
	overflow: hidden;
}

.lm-shape-border {
	stroke: #4d4e4f;
	stroke-width: 2px;
	vector-effect: non-scaling-stroke;
	fill:#dbdbdc;
}

.lm-shape-border-input {
	stroke-width: 6px;
	stroke: var(--lm-dark-blue);
	vector-effect:non-scaling-stroke;
}

#shape-container .lm-caption,
#em_shape-container .lm-caption {
	font-weight: bold;
}




.pc-two-columns {
    display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 10px;	
	grid-template-columns: 120px 1fr;
	max-width: 400px;
}

	@media only screen and (max-width: 359px) {
.pc-two-columns {
            grid-template-columns: 100%;
			grid-row-gap: 0;
        }   
	}


	@media only screen and (max-width: 359px) {
.pc-two-columns {
            grid-template-columns: 100%;
			grid-row-gap: 0;
        }   
#shape-container, #em_shape-container {
max-width: 240px;
}	
	}

#pc_form fieldset,
#em_pc_form fieldset
{ border: 0; padding: 0; margin: 0; width: 100%; }

#pc_form input,
#em_pc_form input {
height: 2.5rem;
display: block;	
}

#pc_form input[type=number]:focus-visible,
#pc_form select:focus-visible,
#em_pc_form input[type=number]:focus-visible,
#em_pc_form select:focus-visible  {
outline-color: var(--lm-dark-blue);
outline-offset: 3px;
outline-style: auto;
outline-width: 1px;
transition: all 0.1s ease;
}

#pc_form label ,
#em_pc_form label { 
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 2rem;
display: block;
max-width: 120px;
}

#pc_form input[type="number"],
#em_pc_form input[type="number"]
{
height: 40px;
height: 2.5rem;
/* width: 100%;	*/
max-width: 120px;
padding: 5px 8px;
font-family: Calibri, Helvetica, Arial, sans-serif; font-size: var(--lm-font-size-20px); color: var(--lm-charcoal);  
border: 1px solid #CCC;
outline: none;
margin: 0;
}

#pc_form select,
#em_pc_form select
{
height: 40px;
height: 2.5rem;
padding: 5px;
font-family: Calibri, Helvetica, Arial, sans-serif; font-size: var(--lm-font-size-20px); color: var(--lm-charcoal);  
border: 1px solid #CCC;
outline: none;
margin: 0;
background-color: #FFFFFF;
}

@media only screen and (max-width: 431px) {
#pc_form .units-value,
#em_pc_form .units-value {
	margin-top: -3px;
	font-size: var(--lm-font-size-17px);
}
}

.animate-pc {

-webkit-animation: wk-animate-pc 0.6s ease;
animation: animate-pc 0.6s ease;
}
@keyframes animate-pc {
0% { background-color: var(--lm-lightslate-t85); box-shadow: 0px 0px 0px 0px rgba(230,243,217,1); }
50% { background-color: #ffffff; box-shadow: 0px 0px 1px 3px rgba(255,255,255,1); }
100% { background-color: var(--lm-lightslate-t85); box-shadow: 0px 0px 0px 0px rgba(230,243,217,1); }
}
@-webkit-keyframes wk-animate-pc {
0% { background-color: var(--lm-lightslate-t85); box-shadow: 0px 0px 0px 0px rgba(230,243,217,1); }
50% { background-color: #ffffff; box-shadow: 0px 0px 1px 3px rgba(255,255,255,1)}
100% { background-color: var(--lm-lightslate-t85); box-shadow: 0px 0px 0px 0px rgba(230,243,217,1); }
}


.pc_lengthA, .pc_lengthB, .pc_lengthC, .pc_lengthD, .pc_lengthE, .pc_lengthF {
  position: relative;
   /*
  width: 80%;
  height: 70px;
  */
}

.unitsContainer {
  position: absolute;
  top: 32px;
  top: 2.1rem;
  left: 0;
  right: 10px;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
  display: flex;
  
  font-size: var(--lm-font-size-20px);
  line-height: 25px;
   line-height: 1.563rem; 
  font-weight: normal;
  
  padding: 6px 10px;
  color: var(--lm-charcoal);
  opacity: 0.8;
}


#spacer1, #spacer2, #spacer3, #spacer4, #spacer5, #spacer6,
#em_spacer1, #em_spacer2, #em_spacer3, #em_spacer4, #em_spacer5, #em_spacer6 {
  visibility: hidden;
}

#units1, #units2, #units3, #units4, #units5, #units6,
#em_units1, #em_units2, #em_units3, #em_units4, #em_units5, #em_units6 {
  white-space: pre;
}


/* RADIO BUTTON SHAPES */

.pc_length-show { padding-bottom: 12px; opacity: 1; position: relative; }
.pc_length-hide { height: 0rem; padding-bottom: 0px; opacity: 0;  }


.pc_shape  {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 12px;
max-width: 480px;
}

.radio-wrapper {
	position: relative;
}

.radio-wrapper svg {
aspect-ratio: 1/1;
object-fit: cover;
background-color: #FFF;
padding: 20%;
width: 100%;
height: 100%; 
border: 1px solid #CCC;
}
 
input[type="radio"] {	
	position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
} 

input[type="radio"] + label {
  position: relative;
  display: inline-block;
  cursor: pointer;
}


input[type="radio"] + label::before,
input[type="radio"] + label::after {
  content: "";
  position: absolute;
  display: inline-block; 
  left: 0;
  top: 0; 
    width: 100%;
  height: 100%;
transition: ease 0.3s; 	
box-shadow: inset 0 0 0 1px var(--lm-lightslate);
}

input[type="radio"]:hover + label::after {
  box-shadow: inset 0 0 0 2px var(--lm-dark-blue);
  width: 100%;
  height: 100%;
}

input[type="radio"]:checked + label::after,
input[type="radio"]:focus + label::after  {
  box-shadow: inset 0 0 0 4px var(--lm-dark-blue);
  width: 100%;
  height: 100%;
}

input[type="radio"]:focus-visible + label::after {
outline-color: var(--lm-dark-blue);
outline-offset: 3px;
outline-style: auto;
outline-width: 1px;
transition: all 0.1s ease;	
}


 /** radio button shape style */
.shape-button {
	fill:var(--lm-lightslate);
	stroke:var(--lm-lightslate);
}

.lm-svg-caption {
	fill: var(--lm-charcoal-s15);
	font-size: 16px;
	font-weight: bold;
}

.lm-caption-border {
color: var(--lm-charcoal-s15);
position: absolute;

 top: 6%;
left: 7%;

 /*
top: 14%;
left: 12%;
*/	
padding: 1px 5px;
background: rgba(255, 255, 255, 0.8);
border: 2px solid var(--lm-bright-green);		
}

.lm-caption-field {
color: var(--lm-charcoal-s15);
position: absolute;

top: 22%;
left: 25%;

 /*
top: 25%;
left: 25%;
*/	
padding: 1px 5px;
background: rgba(255, 255, 255, 0.8);
border: 2px solid var(--lm-dark-blue);		
}


 /*
@media only screen and (min-width: 1281px) {
.svg-field-border-diagram img {	
transform: scale(0.8);	
opacity: 0.7; 
}
.svg-field-border-diagram {	
background: var(--lm-lightslate-t75);	 
}
.svg-field-border-diagram figcaption{	
background: #FFFFFF;	 
}
.lm-caption-border {
top: 14%;
left: 12%;	
}
.lm-caption-field {
top: 25%;
left: 25%;	
}
}
*/



.carousel .lm-card-title, .cat-carousel .lm-card-title {
	font-size: 20px;
}

.carousel .lm-card-subtitle, .cat-carousel .lm-card-subtitle {
	font-size: 16px;
}

.carousel .lm-card-sub-text, .cat-carousel .lm-card-sub-text {
	font-size: 12px;
}