@import"ht-colours.css";:root{--ht-brand-orange: #FF710D;--ht-brand-orange-light: #fff7ed;--ht-brand-orange-focus: #ea580c;--ht-brand-blue-focus: #2563eb;--ht-spacing-xs: .5rem;--ht-spacing-sm: .75rem;--ht-spacing-md: 1rem;--ht-spacing-lg: 1.5rem;--ht-spacing-xl: 2rem;--ht-text-gray-dark: #1f2937;--ht-text-gray-medium: #374151;--ht-text-gray-light: #6b7280;--ht-text-gray-disabled: #9ca3af;--ht-border-gray: #d1d5db;--ht-border-gray-light: #f3f4f6;--ht-bg-gray-light: #f8f9fa;--ht-bg-gray-disabled: #f9fafb;--ht-shadow-default: 0 4px 6px rgba(0, 0, 0, .1);--ht-border-radius: 8px;--ht-border-radius-sm: 6px;--ht-transition: .2s ease-in-out;--ht-select-arrow-down: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236b7280'%3e%3cpath fill-rule='evenodd' d='M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06z'/%3e%3c/svg%3e");--ht-select-arrow-up: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232563eb'%3e%3cpath fill-rule='evenodd' d='M11.78 9.78a.75.75 0 0 1-1.06 0L8 7.06l-2.72 2.72a.75.75 0 0 1-1.06-1.06l3.25-3.25a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06z'/%3e%3c/svg%3e");--ht-select-arrow-disabled: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239ca3af'%3e%3cpath fill-rule='evenodd' d='M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06z'/%3e%3c/svg%3e");--ht-font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ht-font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", monospace;--ht-text-xs: .75rem;--ht-text-sm: .875rem;--ht-text-base: 1rem;--ht-text-lg: 1.125rem;--ht-text-xl: 1.25rem;--ht-text-2xl: 1.5rem;--ht-text-3xl: 1.875rem;--ht-font-normal: 400;--ht-font-medium: 500;--ht-font-semibold: 600;--ht-font-bold: 700;--ht-leading-tight: 1.25;--ht-leading-normal: 1.5;--ht-leading-relaxed: 1.625}.ht-calculator-wrapper,.ht-calculator-wrapper *{font-family:var(--ht-font-family-primary)}.ht-calculator-wrapper{padding:var(--ht-spacing-xl) 0;background-color:var(--ht-bg-gray-light)}.ht-calculator-container{max-width:800px;margin:0 auto;padding:var(--ht-spacing-xl);background:#fff;border-radius:var(--ht-border-radius);box-shadow:var(--ht-shadow-default)}.ht-calculator-title{font-size:var(--ht-text-3xl);font-weight:var(--ht-font-bold);color:var(--ht-text-gray-dark);margin-bottom:var(--ht-spacing-xl);text-align:center;line-height:var(--ht-leading-tight)}.ht-calculator-form{display:grid;gap:var(--ht-spacing-lg);grid-template-columns:1fr 1fr;align-items:start}.ht-calculator-basic-options,.ht-calculator-personalisation-options{display:flex;flex-direction:column;gap:var(--ht-spacing-lg)}.ht-calculator-field{display:flex;flex-direction:column;gap:var(--ht-spacing-xs)}.ht-calculator-label{font-weight:var(--ht-font-medium);color:var(--ht-text-gray-medium);font-size:var(--ht-text-base);line-height:var(--ht-leading-normal)}.ht-calculator-select,.ht-calculator-input{padding:var(--ht-spacing-sm) var(--ht-spacing-md);border:1px solid var(--ht-border-gray);border-radius:var(--ht-border-radius-sm);font-size:var(--ht-text-base);font-weight:var(--ht-font-normal);line-height:var(--ht-leading-normal);transition:border-color var(--ht-transition),box-shadow var(--ht-transition),background-image var(--ht-transition);background-color:#fff;width:100%;box-sizing:border-box;font-family:var(--ht-font-family-primary)}.ht-calculator-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:var(--ht-select-arrow-down);background-repeat:no-repeat;background-position:right var(--ht-spacing-md) center;background-size:1em;padding-right:calc(var(--ht-spacing-md) * 2.5)}.ht-calculator-select:invalid{color:var(--ht-text-gray-light);font-style:italic}.ht-calculator-select:not(:disabled):hover,.ht-calculator-input:not(:disabled):hover{border-color:var(--ht-brand-orange)}.ht-calculator-select:focus,.ht-calculator-input:focus{outline:none;border-color:var(--ht-brand-blue-focus);border-width:2px;box-shadow:0 0 0 3px #2563eb26;padding:calc(var(--ht-spacing-sm) - 1px) calc(var(--ht-spacing-md) - 1px)}.ht-calculator-select:focus{background-image:var(--ht-select-arrow-up);padding-right:calc(calc(var(--ht-spacing-md) * 2.5) - 1px)}.ht-calculator-select:disabled,.ht-calculator-input:disabled{background-color:var(--ht-bg-gray-disabled);color:var(--ht-text-gray-disabled);border-color:var(--ht-border-gray);border-style:dashed;cursor:not-allowed;opacity:.7}.ht-calculator-select:disabled{background-image:var(--ht-select-arrow-disabled)}.ht-calculator-checkbox{width:1.25rem;height:1.25rem;margin-right:var(--ht-spacing-sm);accent-color:var(--ht-brand-orange);cursor:pointer}.ht-calculator-checkbox:disabled{cursor:not-allowed;opacity:.5}.ht-field-note{font-size:var(--ht-text-xs);color:var(--ht-text-gray-light);line-height:var(--ht-leading-normal);margin-top:.25rem;font-style:italic}.ht-calculator-custom-size{display:grid;grid-template-columns:1fr 1fr;gap:var(--ht-spacing-md);margin-top:var(--ht-spacing-xs)}.ht-calculator-custom-size .ht-calculator-custom-width,.ht-calculator-custom-size .ht-calculator-custom-height{display:flex;flex-direction:column;gap:var(--ht-spacing-xs)}.ht-calculator-custom-size .ht-calculator-label{font-size:var(--ht-text-sm);color:var(--ht-text-gray-light)}.ht-calculator-field:has(#ht-drill-position-select) .ht-calculator-label:after{content:" (if applicable)";font-size:var(--ht-text-sm);color:var(--ht-text-gray-light);font-weight:var(--ht-font-normal)}.ht-calculator-field:has(#ht-eyelet-select) .ht-calculator-label:after{content:" (optional)";font-size:var(--ht-text-sm);color:var(--ht-text-gray-light);font-weight:var(--ht-font-normal)}.ht-calculator-personalisation-options{margin-top:0;padding-top:var(--ht-spacing-lg);border-top:2px solid var(--ht-border-gray-light);position:relative}.ht-calculator-personalisation-options:before{content:"Personalisation Options";position:absolute;top:-var(--ht-spacing-xs);left:var(--ht-spacing-md);background:#fff;padding:0 var(--ht-spacing-xs);font-size:var(--ht-text-sm);font-weight:var(--ht-font-semibold);color:var(--ht-brand-orange);text-transform:uppercase;letter-spacing:.05em;line-height:var(--ht-leading-tight)}#ht-corner-style-line .ht-calculator-price-label,#ht-drill-hole-line .ht-calculator-price-label,#ht-eyelet-line .ht-calculator-price-label,#ht-string-line .ht-calculator-price-label{color:#fff;font-weight:var(--ht-font-semibold)}.ht-calculator-select.loading{background-image:url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10 3a7 7 0 100 14 7 7 0 000-14zM2 10a8 8 0 1116 0 8 8 0 01-16 0z' fill='%236B7280'/%3e%3cpath d='M14 10a4 4 0 11-8 0 4 4 0 018 0z' fill='%23D1D5DB'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;animation:spin 1s linear infinite}.ht-calculator-field.error .ht-calculator-select,.ht-calculator-field.error .ht-calculator-input{border-color:#ef4444}.ht-calculator-field.success .ht-calculator-select,.ht-calculator-field.success .ht-calculator-input{border-color:#22c55e}.ht-calculator-price-value.updating{animation:priceUpdate .3s ease-in-out}.ht-custom-size-note{font-size:.75rem;color:#666;font-weight:400;display:block;margin-top:2px;font-style:italic}.ht-detailed-pricing-breakdown{margin-top:var(--ht-spacing-xl);background:#fff;border:1px solid var(--ht-border-gray);border-radius:var(--ht-border-radius);box-shadow:var(--ht-shadow-default);overflow:hidden;grid-column:1 / -1;font-family:var(--ht-font-family-primary)}.ht-breakdown-header{background:var(--ht-bg-gray-light);padding:var(--ht-spacing-lg);border-bottom:1px solid var(--ht-border-gray)}.ht-breakdown-header h3{margin:0 0 var(--ht-spacing-md) 0;font-size:var(--ht-text-2xl);font-weight:var(--ht-font-bold);color:var(--ht-text-gray-dark);display:flex;align-items:center;gap:var(--ht-spacing-sm);line-height:var(--ht-leading-tight)}.ht-breakdown-header h3:before{content:"\1f4cb";font-size:var(--ht-text-xl)}.ht-personalisation-summary{background:var(--ht-brand-orange-light);border:1px solid var(--ht-brand-orange);border-radius:var(--ht-border-radius-sm);padding:var(--ht-spacing-md);margin-bottom:var(--ht-spacing-md);display:flex;flex-wrap:wrap;gap:var(--ht-spacing-sm);align-items:center}.ht-personalisation-summary-label{font-size:var(--ht-text-sm);font-weight:var(--ht-font-semibold);color:var(--ht-brand-orange-focus);text-transform:uppercase;letter-spacing:.05em;margin-right:var(--ht-spacing-xs);line-height:var(--ht-leading-tight)}.ht-personalisation-summary-item{background:#fff;border:1px solid var(--ht-border-gray);border-radius:var(--ht-border-radius-sm);padding:var(--ht-spacing-xs) var(--ht-spacing-sm);font-size:var(--ht-text-sm);font-weight:var(--ht-font-medium);color:var(--ht-text-gray-dark);display:inline-flex;align-items:center;gap:.25rem;line-height:var(--ht-leading-tight)}.ht-personalisation-summary-item:before{content:"\2022";color:var(--ht-brand-orange);font-weight:var(--ht-font-bold)}.ht-personalisation-summary-item:first-of-type:before{display:none}.ht-order-summary{display:flex;flex-direction:column;gap:.25rem;font-size:var(--ht-text-sm);color:var(--ht-text-gray-medium);line-height:var(--ht-leading-normal)}.ht-order-summary span{display:block}.ht-breakdown-body{padding:var(--ht-spacing-lg)}.ht-breakdown-section{margin-bottom:var(--ht-spacing-xl)}.ht-breakdown-section:last-child{margin-bottom:0}.ht-breakdown-section h4{margin:0 0 var(--ht-spacing-md) 0;font-size:var(--ht-text-lg);font-weight:var(--ht-font-semibold);color:var(--ht-text-gray-dark);display:flex;align-items:center;gap:var(--ht-spacing-sm);padding-bottom:var(--ht-spacing-xs);border-bottom:2px solid var(--ht-border-gray-light);line-height:var(--ht-leading-tight)}.ht-breakdown-totals h4{font-size:var(--ht-text-2xl);font-weight:var(--ht-font-bold);color:var(--ht-brand-orange-focus);border-bottom:2px solid var(--ht-brand-orange)}.ht-breakdown-section h4:before{font-size:var(--ht-text-sm)}.ht-breakdown-section:has(.ht-price-detail-row) h4:before{content:"\1f3ed"}.ht-breakdown-section:has(.ht-price-detail-row[class*=Setup]) h4:before,.ht-breakdown-section h4:contains("Setup"):before{content:"\2699\fe0f"}.ht-breakdown-section h4:contains("Features"):before{content:"\2728"}.ht-breakdown-section h4:contains("TOTALS"):before,.ht-breakdown-totals h4:before{content:"\1f4b7"}.ht-price-detail-row,.ht-price-subtotal-row,.ht-price-total-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--ht-spacing-sm) 0;border-bottom:1px solid #f1f5f9;gap:var(--ht-spacing-md)}.ht-price-detail-row:last-of-type,.ht-price-subtotal-row:last-of-type{border-bottom:none}.ht-price-subtotal-row{background:var(--ht-bg-gray-light);margin:var(--ht-spacing-sm) calc(-1 * var(--ht-spacing-lg));padding:var(--ht-spacing-sm) var(--ht-spacing-lg);border-bottom:1px solid var(--ht-border-gray);font-weight:var(--ht-font-semibold)}.ht-price-total-row{background:var(--ht-brand-orange-light);margin:var(--ht-spacing-md) calc(-1 * var(--ht-spacing-lg)) 0;padding:var(--ht-spacing-md) var(--ht-spacing-lg);border-bottom:none;border-top:2px solid var(--ht-brand-orange);font-weight:var(--ht-font-bold)}.ht-price-detail-label,.ht-price-subtotal-label,.ht-price-total-label{flex:1;display:flex;flex-direction:column;gap:.25rem}.ht-price-item-name{font-weight:var(--ht-font-medium);color:var(--ht-text-gray-dark);line-height:var(--ht-leading-tight);font-size:var(--ht-text-base)}.ht-price-subtotal-label .ht-price-item-name{font-weight:var(--ht-font-semibold);color:var(--ht-text-gray-dark)}.ht-price-total-label .ht-price-item-name{font-weight:var(--ht-font-bold);color:var(--ht-brand-orange-focus);font-size:var(--ht-text-lg)}.ht-price-item-desc{font-size:var(--ht-text-xs);color:var(--ht-text-gray-light);line-height:var(--ht-leading-tight);font-weight:var(--ht-font-normal)}.ht-price-values{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem;min-width:100px}.ht-price-net,.ht-price-vat,.ht-price-gross{font-family:var(--ht-font-family-mono);line-height:var(--ht-leading-tight)}.ht-price-net{font-size:var(--ht-text-sm);font-weight:var(--ht-font-medium);color:var(--ht-text-gray-medium)}.ht-price-vat{font-size:var(--ht-text-xs);font-weight:var(--ht-font-normal);color:var(--ht-text-gray-light)}.ht-price-gross{font-size:var(--ht-text-base);font-weight:var(--ht-font-semibold);color:var(--ht-text-gray-dark)}.ht-price-subtotal-row .ht-price-net{font-size:var(--ht-text-sm);font-weight:var(--ht-font-semibold);color:var(--ht-text-gray-dark)}.ht-price-subtotal-row .ht-price-gross{font-size:var(--ht-text-lg);font-weight:var(--ht-font-bold);color:var(--ht-text-gray-dark)}.ht-price-total-row .ht-price-net{font-size:var(--ht-text-base);font-weight:var(--ht-font-semibold);color:var(--ht-brand-orange-focus)}.ht-price-total-row .ht-price-gross{font-size:var(--ht-text-xl);font-weight:var(--ht-font-bold);color:var(--ht-brand-orange-focus)}.ht-breakdown-totals .ht-price-detail-row,.ht-breakdown-totals .ht-price-subtotal-row,.ht-breakdown-totals .ht-price-total-row{font-weight:var(--ht-font-bold)}.ht-breakdown-totals .ht-price-item-name,.ht-breakdown-totals .ht-price-net,.ht-breakdown-totals .ht-price-vat,.ht-breakdown-totals .ht-price-gross{font-weight:var(--ht-font-bold)!important}.ht-vat-summary{margin-top:var(--ht-spacing-lg);padding:var(--ht-spacing-md);background:#f8fafc;border:1px solidrgb(0,0,0);border-radius:var(--ht-border-radius-sm);display:flex;flex-direction:column;gap:var(--ht-spacing-xs)}.ht-vat-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--ht-font-family-mono)}.ht-vat-row span:first-child{font-size:var(--ht-text-sm);color:var(--ht-text-gray-medium);font-weight:var(--ht-font-medium)}.ht-vat-row span:last-child{font-size:var(--ht-text-sm);font-weight:var(--ht-font-semibold);color:var(--ht-text-gray-dark)}.ht-vat-total{padding-top:var(--ht-spacing-xs);border-top:1px solid #cbd5e1;margin-top:var(--ht-spacing-xs)}.ht-vat-total span{font-size:var(--ht-text-base)!important;color:var(--ht-brand-orange-focus)!important}.ht-breakdown-totals .ht-vat-summary{background:var(--ht-brand-orange-light);border:2px solid var(--ht-brand-orange)}.ht-breakdown-totals .ht-vat-row span{font-weight:var(--ht-font-bold)!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes priceUpdate{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.ht-detailed-pricing-breakdown.updating{opacity:.7;transition:opacity .3s ease-in-out}.ht-detailed-pricing-breakdown:not(.updating){opacity:1;transition:opacity .3s ease-in-out}@media (max-width: 1024px){.ht-calculator-form{grid-template-columns:1fr}}@media (max-width: 768px){.ht-calculator-container{margin:0 var(--ht-spacing-md);padding:var(--ht-spacing-lg)}.ht-calculator-title{font-size:var(--ht-text-2xl)}.ht-calculator-form{grid-template-columns:1fr}.ht-calculator-basic-options,.ht-calculator-personalisation-options{gap:var(--ht-spacing-lg)}.ht-calculator-custom-size{grid-template-columns:1fr}.ht-calculator-price-line{flex-direction:column;align-items:flex-start;gap:.25rem}.ht-detailed-pricing-breakdown{margin-left:calc(-1 * var(--ht-spacing-lg));margin-right:calc(-1 * var(--ht-spacing-lg));border-radius:0;border-left:none;border-right:none}.ht-breakdown-header,.ht-breakdown-body{padding:var(--ht-spacing-md)}.ht-breakdown-header h3,.ht-breakdown-totals h4{font-size:var(--ht-text-xl)}.ht-personalisation-summary{flex-direction:column;align-items:stretch}.ht-personalisation-summary-item{justify-content:center}.ht-price-detail-row,.ht-price-subtotal-row,.ht-price-total-row{flex-direction:column;align-items:stretch;gap:var(--ht-spacing-xs)}.ht-price-values{align-items:flex-start;flex-direction:row;justify-content:space-between}.ht-price-values .ht-price-gross{order:1}.ht-price-values .ht-price-vat{order:2}.ht-order-summary{font-size:var(--ht-text-xs)}.ht-vat-summary{padding:var(--ht-spacing-sm)}}@media print{.ht-calculator-wrapper{background:#fff;padding:0}.ht-calculator-container{box-shadow:none;border:1px solid #000;max-width:none;margin:0;padding:1rem}.ht-detailed-pricing-breakdown{box-shadow:none;border:1px solid #000;page-break-inside:avoid}.ht-breakdown-header{background:#f5f5f5!important}.ht-personalisation-summary{background:#f0f0f0!important;border:1px solid #000!important}.ht-personalisation-summary-item{background:#fff!important;border:1px solid #000!important}.ht-price-subtotal-row{background:#f9f9f9!important}.ht-price-total-row{background:#f0f0f0!important}.ht-calculator-price-section{background:#f0f0f0!important;color:#000!important;border:1px solid #000}.ht-calculator-price-section{display:none!important}.ht-calculator-price-label,.ht-calculator-price-value{color:#000!important}.ht-info-message{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:var(--ht-border-radius-sm);padding:var(--ht-spacing-sm);font-size:var(--ht-text-sm);color:var(--ht-text-gray-dark);line-height:var(--ht-leading-normal)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ht-calculator.css.map */