.template-suffix-pergola-builder .builder-option{display:flex;margin:10px 0;align-items:center;padding:0;background:#dee7d5;min-height:46px;cursor:pointer;border:1px solid transparent}.template-suffix-pergola-builder .builder-option .option_index{min-width:40px;display:flex;justify-content:center;font-size:16px;color:#2a4125;font-weight:700;border-right:1px solid #2a4125;height:-webkit-fill-available;align-items:center;margin-right:10px}.template-suffix-pergola-builder img.builder-option__icon{margin-right:10px}.template-suffix-pergola-builder span.builder-option__title{color:#2a4125;font-weight:700;font-size:15.13px;margin-right:12px}.template-suffix-pergola-builder span.info-btn{cursor:pointer;z-index:1;position:relative}.template-suffix-pergola-builder span.tab_arrow{cursor:pointer;display:flex;flex-grow:1;justify-content:flex-end;margin-right:9px}.template-suffix-pergola-builder span.tab_arrow svg{transform:rotate(180deg);transition:.3s all}.template-suffix-pergola-builder .options_available{max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:0}.template-suffix-pergola-builder .options_available.open{opacity:1;overflow:visible}.template-suffix-pergola-builder .options_available.default-open{max-height:none;opacity:1}.template-suffix-pergola-builder .pergola-structure-list{display:flex;flex-wrap:wrap;gap:8px;padding:15px}.template-suffix-pergola-builder .builder-option.active{border:1px solid #000}.template-suffix-pergola-builder .builder-option.active span.tab_arrow svg{transform:rotate(0)}.template-suffix-pergola-builder .pergola-structure-list .pergola-structure-item{border:1px solid #c6c4c4;border-radius:8px;width:calc(50% - 4px);cursor:pointer;position:relative}.template-suffix-pergola-builder span.tool.tooltip_main{position:absolute;top:3px;right:3px;z-index:3}.template-suffix-pergola-builder .pergola-structure-list .pergola-structure-item img{border-radius:8px 8px 0 0;max-height:120px;object-fit:cover;width:100%}.template-suffix-pergola-builder .pergola-structure-list .pergola-structure-item .structure_title{text-align:center;font-size:14px;font-weight:500;padding:12px;line-height:1.3;display:flex;align-items:center;justify-content:center;gap:12px}.template-suffix-pergola-builder span.structure_active_icon{width:24px;height:24px;display:flex;justify-content:center;align-items:center;border:1px solid #c6c4c4;border-radius:50%}.template-suffix-pergola-builder .small_list{display:flex;gap:8px;flex-wrap:wrap;padding:15px}.template-suffix-pergola-builder .small_list_item{max-width:120px;border-radius:5px;padding:11px;position:relative}.template-suffix-pergola-builder .small_list_item .structure_title{font-size:14px;text-align:center;display:block;font-weight:500;padding-top:16px;line-height:1.3}.template-suffix-pergola-builder .small_list_item img{border-radius:7px;padding:0 2px;object-fit:cover;width:100%;height:auto}.template-suffix-pergola-builder .pergola-roofing-options-wrapper .pergola-roofing-options-list.small_list{padding:0}.template-suffix-pergola-builder h3.parent-heading{font-size:14px;font-family:Poppins;font-weight:600;margin-top:23px;margin-bottom:10px;text-transform:uppercase}.template-suffix-pergola-builder a.pergola-structure-item.active span.structure_active_icon{border-color:#2a4125;background-color:#2a4125}.template-suffix-pergola-builder a.pergola-structure-item.active span.structure_active_icon svg path{fill:#fff}.template-suffix-pergola-builder .small_list_item.active{border:1px solid #000}.template-suffix-pergola-builder .product-page .product-detail__options.row.builder_option{padding:revert-layer}.template-suffix-pergola-builder .size_option+.options_available{padding:15px}.template-suffix-pergola-builder span.tool.tooltip_main:after{max-width:150px;padding:6px;font-size:12px;line-height:1.2;margin-left:-75px}.template-suffix-pergola-builder .small_list_item .tool.tooltip_main{top:17px;right:17px}.template-suffix-pergola-builder .heading_with_close{display:flex;align-items:center;justify-content:space-between;padding-bottom:32px}.template-suffix-pergola-builder .heading_with_close #popup_heading{font-size:24px;font-weight:600;color:#000}.template-suffix-pergola-builder .product-detail .nav-tabs li.active span{color:#2a4125;font-weight:500}.template-suffix-pergola-builder .product-detail .nav-tabs li{flex-grow:1}.template-suffix-pergola-builder .pergola-roofing-options-wrapper{width:100%}.template-suffix-pergola-builder .product-page .tab-pane.active,.template-suffix-pergola-builder .product-detail .nav-tabs li.active span{border-radius:0}.template-suffix-pergola-builder [data-step-key=lean_to] .pergola-structure-list{flex-direction:row-reverse}@media screen and (max-width: 989px){.template-suffix-pergola-builder .small_list,.template-suffix-pergola-builder .pergola-structure-list,.template-suffix-pergola-builder .size_option+.options_available{padding:8px}.template-suffix-pergola-builder .small_list_item{padding:7px;width:calc(33.33% - 10px * 2/3)}.template-suffix-pergola-builder .small_list_item .structure_title{font-size:12px;padding-top:10px}.template-suffix-pergola-builder .small_list_item .tool.tooltip_main{top:11px;right:13px}.template-suffix-pergola-builder a.pergola-structure-item span.structure_active_icon svg{max-width:8px}.template-suffix-pergola-builder .pergola-structure-list .pergola-structure-item .structure_title{font-size:12px;padding:7px;gap:5px}.template-suffix-pergola-builder span.structure_active_icon{width:15px;height:15px}.template-suffix-pergola-builder .builder-option{min-height:40px}.template-suffix-pergola-builder img.builder-option__icon{margin-right:7px}.template-suffix-pergola-builder span.builder-option__title{font-size:14.13px;margin-right:7px}.template-suffix-pergola-builder .product-detail .nav-tabs li span{padding:10px}.template-suffix-pergola-builder span.tool.tooltip_main:after{max-width:117px;font-size:10.5px;margin-left:-77px}.template-suffix-pergola-builder .ms_popup_wr .ms_popup_content span.ms_close_btn svg{height:25px;width:25px}}
/*# sourceMappingURL=/cdn/shop/t/163/assets/pergola_builder.css.map */