.qbpn-tool{padding:40px 20px}.qbpn-tool__inner{max-width:1180px;margin:0 auto}.qbpn-tool .qbpn-main-heading{margin-top:0;margin-bottom:12px}.qbpn-tool__intro{margin-bottom:20px}.qbpn-tool__instructions{margin-bottom:32px}.qbpn-tool__instructions p{margin-top:0;margin-bottom:10px}.qbpn-tool .qbpn-calculator-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:start}.qbpn-tool .qbpn-calculator-layout--single{grid-template-columns:1fr;max-width:800px;margin:0 auto}.qbpn-tool .qbpn-calculator-example{min-width:0}.qbpn-tool .qbpn-example-image{display:block;width:100%;height:auto;border-radius:6px}.qbpn-tool .qbpn-example-heading{margin-top:18px;margin-bottom:8px}.qbpn-tool .qbpn-example-text{line-height:1.5}.qbpn-tool .qbpn-example-text p{margin-top:0}.qbpn-tool .qbpn-calculator-main{min-width:0}.qbpn-tool__form{display:grid;gap:20px}.qbpn-tool__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.qbpn-tool__row--3{grid-template-columns:repeat(3,minmax(0,1fr))}.qbpn-tool__group{display:grid;gap:20px}.qbpn-tool__group[hidden],.qbpn-tool [hidden]{display:none!important}.qbpn-tool .qbpn-field label,.qbpn-tool .qbpn-field__label{display:block;font-weight:700;margin-bottom:7px}.qbpn-tool .qbpn-field__hint{display:block;font-size:.88em;opacity:.72;margin-top:5px}.qbpn-tool .qbpn-input-wrap{display:flex;align-items:center;gap:12px}.qbpn-tool .qbpn-input-wrap input,.qbpn-tool .qbpn-field select{width:100%;min-width:0;padding:13px 14px;border:1px solid rgba(0,0,0,.25);border-radius:4px;font:inherit;background:#fff;color:inherit}.qbpn-tool .qbpn-input-wrap input:focus,.qbpn-tool .qbpn-field select:focus{outline:2px solid currentColor;outline-offset:1px}.qbpn-tool .qbpn-input-wrap span{min-width:55px}.qbpn-tool .qbpn-check{display:flex;align-items:flex-start;gap:10px;font-weight:400;cursor:pointer}.qbpn-tool .qbpn-check input{margin-top:4px;width:18px;height:18px;flex:0 0 auto}.qbpn-tool .qbpn-modes{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0}.qbpn-tool .qbpn-modes legend{font-weight:700;margin-bottom:7px;padding:0}.qbpn-tool .qbpn-modes label{position:relative;cursor:pointer}.qbpn-tool .qbpn-modes input{position:absolute;opacity:0;pointer-events:none}.qbpn-tool .qbpn-modes span{display:inline-block;padding:9px 14px;border:1px solid rgba(0,0,0,.25);border-radius:999px;font-size:.95em}.qbpn-tool .qbpn-modes input:checked+span{background:#000;color:#fff;border-color:#000}.qbpn-tool .qbpn-modes input:focus-visible+span{outline:2px solid currentColor;outline-offset:2px}.qbpn-tool .qbpn-calculate-button,.qbpn-tool .qbpn-secondary-button{width:100%;padding:15px 20px;border:0;border-radius:4px;cursor:pointer;font:inherit;font-weight:700;background:#000;color:#fff}.qbpn-tool .qbpn-secondary-button{width:auto;padding:10px 16px;background:transparent;color:inherit;border:1px solid rgba(0,0,0,.35);font-weight:600}.qbpn-tool .qbpn-calculate-button:hover,.qbpn-tool .qbpn-secondary-button:hover{opacity:.88}.qbpn-tool .qbpn-binding-results{margin-top:28px;padding:28px;border:1px solid rgba(0,0,0,.14);border-radius:6px}.qbpn-tool .qbpn-binding-results h3{margin-top:0;margin-bottom:20px}.qbpn-tool .qbpn-result{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.09)}.qbpn-tool .qbpn-result strong{text-align:right}.qbpn-tool .qbpn-result--highlight{font-size:1.06em}.qbpn-tool .qbpn-binding-note{margin:16px 0 0;font-size:.9em;line-height:1.5;opacity:.76}.qbpn-tool .qbpn-binding-error{margin-top:18px;font-weight:600}.qbpn-tool .qbpn-tool-table-wrap{margin-top:18px;overflow-x:auto}.qbpn-tool .qbpn-tool-table{width:100%;border-collapse:collapse;font-size:.95em}.qbpn-tool .qbpn-tool-table th,.qbpn-tool .qbpn-tool-table td{text-align:left;padding:9px 10px;border-bottom:1px solid rgba(0,0,0,.09);vertical-align:top}.qbpn-tool .qbpn-tool-table th{font-weight:700}.qbpn-tool .qbpn-pieces{display:grid;gap:12px}.qbpn-tool .qbpn-piece{display:grid;grid-template-columns:1.2fr 1.3fr .8fr .8fr auto;gap:10px;align-items:end;padding:12px;border:1px solid rgba(0,0,0,.12);border-radius:6px}.qbpn-tool .qbpn-piece .qbpn-field label{font-size:.88em;margin-bottom:4px}.qbpn-tool .qbpn-piece input,.qbpn-tool .qbpn-piece select{padding:10px}.qbpn-tool .qbpn-piece__remove{background:none;border:0;cursor:pointer;font-size:1.4em;line-height:1;padding:8px;color:inherit}.qbpn-tool .qbpn-size-chart{margin-top:36px}@media screen and (max-width:749px){.qbpn-tool{padding:28px 16px}.qbpn-tool .qbpn-calculator-layout{grid-template-columns:1fr;gap:30px}.qbpn-tool__row,.qbpn-tool__row--3{grid-template-columns:1fr}.qbpn-tool .qbpn-result{flex-direction:column;gap:4px}.qbpn-tool .qbpn-result strong{text-align:left}.qbpn-tool .qbpn-piece{grid-template-columns:1fr 1fr}.qbpn-tool .qbpn-tool-table thead{display:none}.qbpn-tool .qbpn-tool-table tr{display:block;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.12)}.qbpn-tool .qbpn-tool-table td{display:flex;justify-content:space-between;gap:12px;border:0;padding:4px 0}.qbpn-tool .qbpn-tool-table td:before{content:attr(data-label);font-weight:700}.qbpn-tool .qbpn-size-chart .qbpn-tool-table td:before{content:none}}.qbpn-tools-hub{padding:40px 20px}.qbpn-tools-hub__inner{max-width:1180px;margin:0 auto}.qbpn-tools-hub__intro{margin-bottom:32px;max-width:760px}.qbpn-tools-hub__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.qbpn-tools-hub__card{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid rgba(0,0,0,.14);border-radius:6px;color:inherit;text-decoration:none;transition:border-color .15s ease}.qbpn-tools-hub__card:hover{border-color:#00000080}.qbpn-tools-hub__card img{width:100%;height:auto;border-radius:4px}.qbpn-tools-hub__card h3{margin:0}.qbpn-tools-hub__card p{margin:0;line-height:1.5;opacity:.85}.qbpn-tools-hub__cta{margin-top:auto;font-weight:700;text-decoration:underline}@media screen and (max-width:989px){.qbpn-tools-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.qbpn-tools-hub{padding:28px 16px}.qbpn-tools-hub__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/qbpn-quilt-tools.css.map */