:root{--primary-color: #2563eb}body{font-family:Inter,sans-serif;background-color:#f3f4f6}#container3D{height:calc(100vh - 115px);min-height:400px;width:65%;background-color:#fff;position:relative;box-shadow:0 10px 30px #0000000d;border-radius:1rem;overflow:hidden}@media screen and (max-width:768px){#container3D{width:100%;min-height:350px;height:40vh}}#configPanel{max-height:calc(100vh - 115px);padding-bottom:8rem}@media screen and (max-width:768px){#configPanel{max-height:100vh;padding-bottom:30px}}.config-button{transition:all .2s;border-radius:.5rem;min-width:100px;text-align:center;padding:.75rem 1rem;background-color:transparent;border:2px solid #e5e7eb}.config-button:hover{border-color:#ddd;background-color:#eee}.config-button.selected{border:1px solid #b49765;background-color:#b497650d!important;box-shadow:none;border-radius:0;font-weight:600}.chair-selection-card.selected{border:3px solid var(--primary-color);background-color:#eff6ff;box-shadow:0 2px 8px #2563eb33}#canvas3D{display:block;opacity:1}.quantity-control{@apply flex items-center justify-center space-x-2;}.quantity-control button{@apply p-2 w-8 h-8 text-lg font-bold bg-gray-100 hover:bg-gray-200 rounded-full transition-colors duration-150;}.quantity-control input{@apply w-6 text-center text-base font-bold border-none bg-transparent p-0 focus:ring-0;-moz-appearance:textfield}.quantity-control input::-webkit-outer-spin-button,.quantity-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.chair-selection-card{@apply flex flex-col items-center justify-between p-3 border-2 border-gray-200 rounded-xl transition-all duration-200 cursor-pointer;min-width:100px;flex-grow:1;position:relative}#chairTypes{display:flex;flex-wrap:wrap;gap:1rem}.builder-wrapper{max-height:calc(100vh - 115px)!important}@media screen and (max-width:768px){.builder-wrapper{max-height:100vh!important;height:100vh}}.builder-wrapper .builder-panel__options-wrapper{max-height:100%}@media screen and (max-width:768px){.builder-wrapper .builder-panel__options-wrapper{max-height:37vh}}.builder__total-price{background:#295b1a;color:#fff;flex:0 0 30%;font-size:16px;font-weight:400;margin:0;padding:15px 0;text-align:center;align-items:center;gap:10px;justify-content:center;font-weight:700}@media screen and (max-width:768px){.builder__total-price{font-size:14px;padding:10px 0}}@media(min-width:1024px){#fixedPriceBar{position:relative;width:100%;padding-left:0;padding-right:0;background:#fff;display:flex;align-items:center}}#addToCartButton{align-items:center;background:#000;border:none;color:#fff;cursor:pointer;display:flex;flex:0 0 70%;flex-direction:row-reverse;font-size:16px;gap:12px;justify-content:center;text-transform:uppercase;height:54px;border-radius:0}@media screen and (max-width:768px){#addToCartButton{width:100%;margin-top:5px;font-size:14px;padding:10px 0;gap:0;height:41px}}.main-product__ladderback-chair .zakeke-configurator__sidebar{margin-top:0!important}.form-status.form-status-list.form__message{background:#295b1a33;padding:20px 5px;font-weight:700}.form-status.form-status-list.form__message svg{width:20px;height:20px}.leaf-disclaimer{border-bottom:1px solid;color:#b49765;display:inline-block;font-weight:700;margin-bottom:30px;text-decoration:none}.builder-panel__product-title{font-size:24px;border-bottom:3px solid rgba(186,148,81,.2);margin-bottom:30px;font-weight:700}.builder-panel__options-divider{display:flex;font-size:18px;font-weight:600;gap:10px;line-height:24px;margin-bottom:30px}.builder-panel__options-divider.builder-panel__options-divider--chairs{border-top:3px solid #ba945133;padding-top:15px}.builder-panel__options-divider.builder-panel__options-divider--combine{align-items:center;font-size:12px;font-style:italic;font-weight:400;gap:6px;letter-spacing:.45px}.option-group{margin-bottom:30px}.option-group label{display:block;margin-bottom:10px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;line-height:14.21px;margin-top:0}.option-group select{background-color:#b497650d;border-color:#b49765;border-radius:0;color:#444444a6;font-family:Inter,sans-serif;font-size:12px;height:39px;margin-bottom:0;min-width:115px;width:115px}.option-group .option-group__list{gap:8px}.option-group .option-group__list button{color:#444444a6;font-family:Inter,sans-serif;font-size:12px;display:flex;align-items:center;gap:8.5px;margin:0;padding:5px 6px;border:1px solid rgb(221,221,221);border-radius:0}.option-group .option-group__list button.selected{background-color:#b497650d;border-color:#b49765}:is(.option-group.option-group--type1,.option-group.option-group--type2) img{height:32px;margin-bottom:0;width:32px;object-fit:contain}.option-group.option-group--type2 button{height:33px;justify-content:flex-start;min-width:83px}.option-group.option-group--leaf img,.option-group.option-group--leaf .quantity-control{width:80px}.option-group.option-group--leaf input,.option-group.option-group--leaf button{height:21px;padding:5px;text-align:center;font-size:14px}.option-group.option-group--leaf input{width:40px}.option-group.option-group--leaf button{font-size:16px}.option-group.option-group--type3 button{display:flex;flex-direction:column;border:none;color:#444444a6;font-family:Inter,sans-serif;font-size:12px;max-width:95px;min-height:118px;padding:0;text-align:left;box-shadow:none;background-color:#fff;min-width:auto}.option-group.option-group--type3 button.selected{background-color:transparent}.option-group.option-group--type3 button.selected img{background-color:#b497650d;border:1px solid #b49765}.option-group.option-group--type3 img{height:78px;margin-bottom:0;width:78px;object-fit:contain}@media screen and (max-width:768px){.option-group.option-group--type3 img{height:40px;width:auto}}.option-group.option-group--type3 .option-group__list{column-gap:20px}@media screen and (max-width:768px){.option-group.option-group--type3 .option-group__list{column-gap:5px}.option-group.option-group--type3 .option-group__list .config-button{width:calc(25% - 5px);min-width:auto}}.option-group.option-group--base-color button{height:34px}.option-group.option-group--base-color img{height:24px;width:24px}.option-group.option-group--ladderback{max-width:200px}.option-group.option-group--ladderback img{width:150px;margin:auto}#mixedStyles{width:350px}#mixedStyles img{height:150px}#mixedStyles p,.replace-ladderback-message{font-size:12px}.option-group--wood-top a.selected{font-weight:400}.option-group--wood-top img{margin:auto}.option-group--wood-top label:before{content:"1. ";font-weight:700;display:none}.builder-panel__options-divider:first-of-type{counter-reset:table-counter}.option-group:not(.option-group--wood-top):not(.add-chairs-group .option-group):not(.hidden):not([style*="display: none"]) label{counter-increment:table-counter}.option-group:not(.option-group--wood-top):not(.add-chairs-group .option-group):not(.hidden):not([style*="display: none"]) label:before{content:counter(table-counter) ". ";font-weight:700}.add-chairs-group{counter-reset:chair-counter}.add-chairs-group .option-group:not(.hidden):not([style*="display: none"]) label{counter-increment:chair-counter}.add-chairs-group .option-group:not(.hidden):not([style*="display: none"]) label:before{content:counter(chair-counter) ". ";font-weight:700}.option-group--toggle-table-open{margin-bottom:10px}.option-wrapper.flex{align-items:center;justify-content:space-between;margin-right:15px}@media screen and (max-width:768px){.option-wrapper.flex{flex-wrap:wrap;gap:20px}}.builder-panel__discount{background-color:#e32b22;padding:10px 20px;display:inline-block}@media screen and (max-width:768px){.builder-panel__discount{padding:5px 10px}}.builder-panel__discount p{color:#fff;letter-spacing:1px;font-weight:600;font-size:22px;text-transform:none}@media screen and (max-width:768px){.builder-panel__discount p{font-size:15px}}.builder-panel__discount span,.builder-panel__discount em{font-style:italic;font-weight:400;font-size:.9em}.rug-carousel .carousel-cell{width:22%;margin-right:10px}.rug-carousel .carousel-cell span{font-size:14px}@media screen and (max-width:768px){.rug-carousel .carousel-cell span{font-size:12px}}.rug-image-wrapper{width:100%;aspect-ratio:1 / 1;overflow:hidden;position:relative;transition:border-color .3s ease}.rug-image-wrapper img{width:100%!important;height:auto!important}.rug-preview-btn{display:none;position:absolute;top:4px;right:4px;width:26px;height:26px;background:#ffffffe6;border:none;border-radius:50%;padding:5px;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 1px 4px #0003;color:#4a3728;z-index:2}.rug-preview-btn svg{width:100%;height:100%;display:block}@media screen and (max-width:768px){.rug-preview-btn{display:flex}}.rug-preview-tooltip{display:none;position:fixed;transform:translateY(-100%) translateY(-12px);width:280px;background:#fff;border:1px solid #d6cfc8;border-radius:8px;box-shadow:0 8px 24px #00000026;padding:10px;pointer-events:none;opacity:0;transition:opacity .18s ease;z-index:9000;text-align:center}.rug-preview-tooltip img{width:100%;height:auto;display:block;border-radius:4px}.rug-preview-tooltip span{display:block;font-size:13px;margin-top:8px;color:#4a3728;font-weight:500}.rug-preview-tooltip.is-visible{opacity:1}@media screen and (min-width:769px){.rug-preview-tooltip{display:block}}.rug-preview-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;align-items:center;justify-content:center}.rug-preview-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c}.rug-preview-modal__content{position:relative;background:#fff;border-radius:12px;padding:16px;width:min(80vw,320px);text-align:center;box-shadow:0 12px 40px #00000040}.rug-preview-modal__content img{width:100%;height:auto;display:block;border-radius:6px}.rug-preview-modal__content span{display:block;font-size:14px;font-weight:600;color:#4a3728;margin-top:10px}.rug-preview-modal__close{position:absolute;top:-14px;right:-14px;width:30px;height:30px;background:#4a3728;border:none;border-radius:50%;font-size:18px;line-height:1;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000004d}.rug-preview-modal__hint{font-size:12px;color:#888;margin-top:4px;margin-bottom:0}.flickity-enabled.is-draggable{outline:none!important}.flickity-custom-navigation{display:flex;gap:10px;padding-right:10px}.flickity-custom-navigation button{background:#fff;border:1px solid #e5e7eb;border-radius:50%;width:35px;height:35px;cursor:pointer;display:flex;align-items:center;justify-content:center}.flickity-custom-navigation button span{font-size:14px}.flickity-custom-navigation svg{width:12px;height:12px}#configOptions{counter-reset:table-counter chair-counter rug-counter}.option-group:not(.option-group--wood-top):not(.add-chairs-group .option-group):not(.add-rugs-group .option-group):not(.hidden):not([style*="display: none"]) label{counter-increment:table-counter}.option-group:not(.option-group--wood-top):not(.add-chairs-group .option-group):not(.add-rugs-group .option-group):not(.hidden):not([style*="display: none"]) label:before{content:counter(table-counter) ". "}.add-chairs-group{counter-reset:chair-counter!important}.add-chairs-group .option-group:not(.hidden):not([style*="display: none"]) label{counter-increment:chair-counter!important}.add-chairs-group .option-group:not(.hidden):not([style*="display: none"]) label:before{content:counter(chair-counter) ". "!important}.add-rugs-group{counter-reset:rug-counter!important;border-top:3px solid #ba945133;padding-top:15px}@media screen and (max-width:768px){.add-rugs-group .option-group--type1:first-of-type{margin-bottom:10px}}.add-rugs-group .option-group label:before{content:none!important}.add-rugs-group .option-group:not(.hidden):not([style*="display: none"]) label{counter-increment:rug-counter!important}.add-rugs-group .option-group:not(.hidden):not([style*="display: none"]) label:before{content:counter(rug-counter) ". "!important;font-weight:700}#rugMessage{font-size:14px}@media screen and (max-width:768px){.template-product-customizable #chat-button{display:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/customizable-product.css.map */
