.fiber-bundle-builder__header{margin-bottom:24px}.fiber-bundle-builder__list-wrap{border:1px solid var(--primary-blue-color);border-radius:32px;margin-bottom:20px;padding:32px}.fiber-bundle-builder__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.fiber-bundle-builder__list-column{display:grid;align-items:flex-start;align-content:flex-start;gap:14px;padding:0 28px;border-left:1px solid var(--primary-blue-color)}.fiber-bundle-builder__list-column:first-child{border-left:0;padding-left:0}.fiber-bundle-builder__part-button{display:flex;align-items:center;gap:16px;border:0;padding:0;background:transparent;color:var(--primary-blue-color);font-size:16px;line-height:normal;font-weight:500;text-align:left;cursor:pointer;font-family:var(--font-open-sans);height:fit-content;max-height:fit-content}.fiber-bundle-builder__part-button .fiber-bundle-builder__number{display:flex;align-items:center;justify-content:center;text-align:center;width:30px;height:30px;min-width:30px;border:1px solid var(--primary-blue-color);border-radius:50%;font-size:16px;font-weight:600;line-height:normal;transition:.4s;-webkit-transition:.4s}.fiber-bundle-builder__part-button.is-active,.fiber-bundle-builder__part-button.is-hovered-group,.fiber-bundle-builder__part-button:hover,.fiber-bundle-builder__part-button:focus-visible{color:var(--orange-color)}.fiber-bundle-builder__part-button.is-active .fiber-bundle-builder__number,.fiber-bundle-builder__part-button.is-hovered-group .fiber-bundle-builder__number,.fiber-bundle-builder__part-button:hover .fiber-bundle-builder__number{background:var(--orange-color);border-color:var(--orange-color);color:var(--white-color)}.fiber-bundle-builder__diagram-wrap{width:100%;touch-action:manipulation}.fiber-bundle-builder__zoom-controls{display:none;touch-action:manipulation}.fiber-bundle-builder__diagram svg,.fiber-bundle-builder__diagram img{display:block;width:100%;height:auto}.fiber-bundle-builder__diagram [data-part-id]{cursor:pointer;touch-action:manipulation}.fiber-bundle-builder__diagram [data-part-id]:focus-visible,.fiber-bundle-builder__diagram [data-part-id].is-active,.fiber-bundle-builder__diagram [data-part-id].is-hovered-group,.fiber-bundle-builder__diagram [data-part-id]:focus-visible *,.fiber-bundle-builder__diagram [data-part-id].is-active *,.fiber-bundle-builder__diagram [data-part-id].is-hovered-group *{stroke:var(--orange-color)!important}.fiber-bundle-builder__diagram [data-part-id]:focus-visible [fill]:not([fill=none]),.fiber-bundle-builder__diagram [data-part-id].is-active [fill]:not([fill=none]),.fiber-bundle-builder__diagram [data-part-id].is-hovered-group [fill]:not([fill=none]),.fiber-bundle-builder__diagram [data-part-id][fill]:not([fill=none]):focus-visible,.fiber-bundle-builder__diagram [data-part-id][fill]:not([fill=none]).is-active,.fiber-bundle-builder__diagram [data-part-id][fill]:not([fill=none]).is-hovered-group{fill:var(--orange-color)!important}.fiber-bundle-builder .fiber-bundle-builder__diagram [id^=part-number-]:is(:focus-visible,.is-active,.is-hovered-group) [data-part-number-label]{fill:#fff!important}.fiber-bundle-builder .fiber-bundle-builder__diagram [id^=part-number-]:is(:focus-visible,.is-active,.is-hovered-group) [id^=rectangle-background-white]{fill:#fff!important;stroke:#fff!important}.fiber-bundle-builder .fiber-bundle-builder__diagram [id^=part-image-]:is(:focus-visible,.is-active,.is-hovered-group) [id^=product-part-background]{fill:#fff!important;stroke:#fff!important}.fiber-bundle-builder__modal{width:560px;border:0;border-radius:8px;padding:0;background:var(--light-grey-color)}.fiber-bundle-builder__modal::backdrop{background:#0000004d}.fiber-bundle-builder__modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px}.fiber-bundle-builder__modal-head h3{margin:0;font-size:16px;font-weight:600}.fiber-bundle-builder__close{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:var(--white-color);cursor:pointer}.fiber-bundle-builder__close span{font-size:22px;line-height:22px;color:var(--black-color);font-family:var(--font-open-sans);font-weight:300}.fiber-bundle-builder__modal-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;margin:0 24px 24px;padding:24px;background:var(--white-color);border-radius:8px}.fiber-bundle-builder__media img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.fiber-bundle-builder__content h4{margin:0 0 8px;font-size:16px;font-weight:700}.fiber-bundle-builder__content h4 a{color:#000}.fiber-bundle-builder__content h4 a:hover{text-decoration:underline}.fiber-bundle-builder__description,.fiber-bundle-builder__description p{font-size:16px;font-weight:400;color:#000000b3}.fiber-bundle-builder__description p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.fiber-bundle-builder__description>*{margin:0 0 6px}.fiber-bundle-builder__price{border-bottom:1px solid #DDD;padding-bottom:8px;color:#0009;font-size:16px;font-weight:600;margin-bottom:16px}.fiber-bundle-builder__options{display:grid;gap:10px;margin-bottom:12px;border-bottom:1px solid #DDD;padding-bottom:16px}.fiber-bundle-builder__option label,.fiber-bundle-builder__quantity-row label{display:block;margin-bottom:5px;color:var(--black-color);font-size:14px;font-weight:600;text-transform:capitalize}.fiber-bundle-builder__option select{width:100%;min-height:34px;border:1px solid #DDD;border-radius:6px;padding:0 24px 0 8px;background:#fff;color:#111;font-size:14px;font-family:var(--font-open-sans);cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url(dropmenu-arrow.svg);background-size:10px;background-repeat:no-repeat;background-position:center right 8px}.fiber-bundle-builder__option select option.option_inactive{color:#999}.fiber-bundle-builder__sku{margin:0 0 12px;color:var(--black-color);font-size:14px;text-transform:capitalize}.fiber-bundle-builder__sku strong{font-weight:600}.fiber-bundle-builder__sku span{color:#0009}.fiber-bundle-builder__actions{display:flex;align-items:flex-start;flex-direction:column;gap:8px}.fiber-bundle-builder__quantity-row{margin-bottom:0}.fiber-bundle-builder__quantity-row label{display:none}.fiber-bundle-builder__quantity{display:inline-grid;grid-template-columns:34px 42px 34px;border:1px solid #DDD;border-radius:6px;overflow:hidden}.fiber-bundle-builder__quantity button,.fiber-bundle-builder__quantity input{width:100%;min-height:34px;border:0;background:var(--white-color);color:var(--black-color);text-align:center;font-family:var(--font-body-family);display:flex;align-items:center;justify-content:center;font-size:14px}.fiber-bundle-builder__quantity button{cursor:pointer}.fiber-bundle-builder__quantity input::-webkit-outer-spin-button,.fiber-bundle-builder__quantity input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;appearance:none}.fiber-bundle-builder__error{margin:0 0 10px;color:#b00020;font-size:12px}.fiber-bundle-builder__add{min-height:36px;padding:0 18px;font-size:16px;font-weight:600;background:var(--primary-blue-color);border-radius:6px;border:0;width:100%;transition:.4s;-webkit-transition:.4s;text-transform:capitalize}.fiber-bundle-builder__add:hover{background:var(--orange-color)}.fiber-bundle-builder__add:after{display:none}.fiber-bundle-builder__add .loading__spinner{width:16px}.fiber-bundle-builder__add.loading .loading__spinner{display:inline-flex}@media only screen and (max-width:991px){.fiber-bundle-builder__header{margin-bottom:16px}.fiber-bundle-builder__list-wrap{border-radius:16px;padding:16px}.fiber-bundle-builder__list{display:inherit;column-count:2;gap:0}.fiber-bundle-builder__list-column{padding:0 14px 14px 0;border:0}}@media only screen and (max-width:749px){.fiber-bundle-builder__list{display:flex;flex-direction:column;gap:10px;column-count:auto}.fiber-bundle-builder__list-column{border-left:0;padding:0;gap:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:8px}.fiber-bundle-builder__part-button{font-size:14px;gap:8px}.fiber-bundle-builder__part-button .fiber-bundle-builder__number{font-size:12px;width:26px;height:26px;min-width:26px}.fiber-bundle-builder__diagram-wrap{overflow:hidden;padding-bottom:0}.fiber-bundle-builder__zoom-controls{display:flex;justify-content:flex-end;gap:8px;margin-bottom:10px}.fiber-bundle-builder__zoom-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:38px;border:1px solid rgba(0,0,0,.1);border-radius:6px;background:var(--white-color);color:var(--black-color);font-size:16px;font-weight:600;font-family:var(--font-open-sans);touch-action:manipulation;-webkit-user-select:none;user-select:none}.fiber-bundle-builder__zoom-controls button[disabled]{opacity:.45;cursor:not-allowed}.fiber-bundle-builder__diagram{--diagram-zoom: 1;overflow:auto;max-height:72vh;border:1px solid rgba(0,0,0,.08);border-radius:8px;background:var(--white-color);overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch}.fiber-bundle-builder__diagram svg,.fiber-bundle-builder__diagram img{width:calc(100% * var(--diagram-zoom));max-width:none;min-width:100%}.fiber-bundle-builder__modal-card{grid-template-columns:1fr}.fiber-bundle-builder__add{font-size:14px}}@media only screen and (max-width:380px){.fiber-bundle-builder__add{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/fiber-cable-tray-bundle-builder.css.map */