.TypesPopup .popupBody[data-type=Inside],.TypesPopup .popupBody[data-type=Outside]{display:none}.TypesPopup .popupBody[data-type=Inside].active,.TypesPopup .popupBody[data-type=Outside].active{display:flex}.template-product #MainContent #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Panel Width]"]),.template-product #MainContent #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Width]"]),.template-product #MainContent #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Panel Length]"]),.template-product #MainContent #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Length]"]){display:flex!important}.selector-wrapper .popupShade[name=shadesPopup]{position:static;width:auto;height:auto;display:flex;background:transparent;z-index:unset}.selector-wrapper .popupShade[name=shadesPopup] .TypesPopup{height:auto;position:static;transform:translate(0);box-shadow:none;padding:0;background:transparent}.selector-wrapper .popupShade[name=shadesPopup] .TypesPopup .popupTitle{display:none}.selector-wrapper .popupShade[name=shadesPopup] .TypesPopup .popupBody{height:auto;flex-direction:row-reverse}.selector-wrapper .popupShade[name=shadesPopup] .TypesPopup .popupBody .popupItem{min-width:auto}@media screen and (max-width: 600px){.selector-wrapper .popupShade[name=shadesPopup] .TypesPopup .popupBody{flex-direction:column-reverse}.selector-wrapper .popupShade[name=shadesPopup] .TypesPopup .popupBody .popupItem{max-width:100%!important;height:auto}}#MainContent #bcpo:not(.g-card) .selector-wrapper:has([name="properties[MEASUREMENTS  A-B]"]),#MainContent #bcpo:not(.g-card) .selector-wrapper:has([name="properties[MEASUREMENTS A-B]"]){margin-top:-1.6rem}#MainContent #bcpo:not(.g-card) .selector-wrapper:has([name="properties[MEASUREMENTS  A-B]"]),#MainContent #bcpo:not(.g-card) .selector-wrapper:has([name="properties[MEASUREMENTS A-B]"]),#MainContent #bcpo:not(.g-card) .selector-wrapper:has([name="properties[MEASUREMENTS B-C]"]),#MainContent #bcpo:not(.g-card) .selector-wrapper:has([name="properties[MEASUREMENTS C-A]"]){position:relative;bottom:-1.6rem;margin-bottom:-1.6rem;border-bottom:none}#MainContent #bcpo:not(.g-card) .selector-wrapper:has([name="properties[MEASUREMENTS B-C]"]),#MainContent #bcpo:not(.g-card) .selector-wrapper:has([name="properties[MEASUREMENTS C-A]"]){border-top:none;padding-top:0}#MainContent #bcpo:not(.g-card) .selector-wrapper:has([name="properties[MEASUREMENTS B-C]"]) .bcpo-label,#MainContent #bcpo:not(.g-card) .selector-wrapper:has([name="properties[MEASUREMENTS C-A]"]) .bcpo-label{counter-increment:unset}#MainContent #bcpo:not(.g-card) .selector-wrapper:has([name="properties[MEASUREMENTS B-C]"]) .bcpo-label:before,#MainContent #bcpo:not(.g-card) .selector-wrapper:has([name="properties[MEASUREMENTS C-A]"]) .bcpo-label:before{display:none}#MainContent #bcpo:not(.g-card) .selector-wrapper:has([name="properties[MEASUREMENTS B-C]"])+.measurementBox,#MainContent #bcpo:not(.g-card) .selector-wrapper:has([name="properties[MEASUREMENTS C-A]"])+.measurementBox{top:0;margin-bottom:0}#MainContent #bcpo:not(.g-card) .selector-wrapper:has([name="properties[Single Panel Length]"]) .bcpo-label{counter-increment:item}#MainContent #bcpo:not(.g-card) .selector-wrapper:has([name="properties[Single Panel Length]"]) .bcpo-label:before{width:2rem;display:flex;align-items:center;justify-content:center;content:"0" counter(item);margin-right:.8rem;color:#1f1f1f;font-family:EuclidCircular;font-size:1.6rem;font-style:normal;font-weight:500;line-height:150%}#MainContent #bcpo:not(.g-card) .memoryTips{width:100%;height:auto;margin-top:-1.2rem;font-weight:500!important}#MainContent #bcpo:not(.g-card) .selector-wrapper .memoryTips{margin-top:0}#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Width]"]),#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Length]"]){width:29rem!important;padding-right:0!important;border-right:none!important;padding-left:1.6rem!important;border-left:.1rem solid #D9D9D9!important}#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Width Fraction]"]),#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Length Fraction]"]){width:calc(100% - 29rem)!important;padding-left:0!important;border-left:none!important}#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Select Remote Channel (for pre-programming)]"])>div,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Width]"])>div,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Length]"])>div{border-right:none!important}#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Select Remote Channel (for pre-programming)]"])>div:last-child,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Width]"])>div:last-child,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Length]"])>div:last-child,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Width Fraction]"])>div:last-child,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Length Fraction]"])>div:last-child{width:100%!important;border:none}#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Width]"]) .bcpo-label,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Length]"]) .bcpo-label,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Width Fraction]"]) .bcpo-label,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Length Fraction]"]) .bcpo-label{text-wrap:nowrap}#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Width Fraction]"])>.bcpo-label,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Length Fraction]"])>.bcpo-label{opacity:1}@media screen and (max-width: 960px){#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Width Fraction]"])>.bcpo-label,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Length Fraction]"])>.bcpo-label{opacity:0}}#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Select Remote Channel (for pre-programming)]"])>.bcpo-label .bcpo-value,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Width]"])>.bcpo-label .bcpo-value,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Length]"])>.bcpo-label .bcpo-value,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Width Fraction]"])>.bcpo-label .bcpo-value,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Length Fraction]"])>.bcpo-label .bcpo-value{height:2.4rem}#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Select Remote Channel (for pre-programming)]"])>.bcpo-label>label,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Width]"])>.bcpo-label>label,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Length]"])>.bcpo-label>label,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Width Fraction]"])>.bcpo-label>label,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Length Fraction]"])>.bcpo-label>label{width:100%!important;flex-direction:row;align-items:flex-start;gap:.8rem}#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Select Remote Channel (for pre-programming)]"]) div:last-child:not(.memoryTips),#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Width]"]) div:last-child,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Length]"]) div:last-child,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Width Fraction]"]) div:last-child,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Length Fraction]"]) div:last-child{justify-content:flex-end;gap:.8rem}#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Select Remote Channel (for pre-programming)]"]) div:last-child:not(.memoryTips):before{display:none}#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Width]"]) div:last-child:before,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Length]"]) div:last-child:before,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Width Fraction]"]) div:last-child:before,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Length Fraction]"]) div:last-child:before{border:none;width:auto;min-width:auto}#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Select Remote Channel (for pre-programming)]"]) select,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Width]"]) select,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Length]"]) select,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Width Fraction]"]) select,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Length Fraction]"]) select{width:12rem;min-width:12rem;max-width:100%;background:url(/cdn/shop/files/page_product_gallery_select_right.svg) center right no-repeat!important;height:100%;border:.1rem solid #000}#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Width]"]):has(~.measurementBox),#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Length]"]):has(~.measurementBox),#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Width Fraction]"]):has(~.measurementBox),#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Length Fraction]"]):has(~.measurementBox){border-bottom:none!important;padding-bottom:0!important}@media screen and (max-width: 1080px){#MainContent #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Length]"]) .bcpo-label>label{margin-left:0!important}#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Width]"]),#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Length]"]){border-top:.1rem solid #D9D9D9!important;width:50%!important;top:0;margin-bottom:0}#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Select Remote Channel (for pre-programming)]"])>.bcpo-label>label,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Width]"])>.bcpo-label>label,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Length]"])>.bcpo-label>label,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Width Fraction]"])>.bcpo-label>label,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Length Fraction]"])>.bcpo-label>label{flex-direction:column}#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Width Fraction]"]),#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Length Fraction]"]){width:50%!important}#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Select Remote Channel (for pre-programming)]"]) select,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Width]"]) select,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Length]"]) select,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Width Fraction]"]) select,#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Length Fraction]"]) select{width:50%;min-width:50%}#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Select Remote Channel (for pre-programming)]"])>div:last-child,#MainContent #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Width]"])>div:last-child,#MainContent #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Length]"])>div:last-child,#MainContent #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Panel Length]"])>div:last-child,#MainContent #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Panel Length]"]) .bcpo-label>label{margin-left:0!important}#MainContent form #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Select Remote Channel (for pre-programming)]"]),#MainContent #bcpo:not(.g-card) .selector-wrapper:has(select[name="properties[Single Panel Width]"]){padding-bottom:1.6rem!important;border-bottom:1px solid #D9D9D9!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/page_product_gallery-shades.css.map */