.shopify-section--price-calculator{--dtf-calc-fill: #e8f5e3;--dtf-calc-fill-focus: #dcefd4;--dtf-calc-readonly: #f3f3f3;--dtf-calc-radius: 4px;--dtf-calc-label-col: minmax(0, 42%);--dtf-calc-field-col: minmax(0, 58%);--dtf-calc-font-size: var(--base-text-font-size, 16px);--dtf-calc-line-height: normal;padding-bottom:32px;overflow:visible}.shopify-section--price-calculator .price-calculator-section__inner{max-width:960px;margin-inline:auto;overflow:visible}.shopify-section--price-calculator .price-calculator-section__header{margin-bottom:24px;text-align:center}.shopify-section--price-calculator .price-calculator-section__header+.dtf-calculator-layout{margin-top:36px}.dtf-calculator-layout{width:100%;text-align:left;overflow:visible}dtf-calculator{display:block;width:100%;overflow:visible}.dtf-calculator-layout .dtf-calculator__table{display:flex;flex-direction:column;gap:0;width:100%}.dtf-calculator-layout .dtf-calculator__inputs{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:var(--dtf-calc-radius);overflow:visible;background:#fff}.dtf-calculator-layout .dtf-calculator__row{display:grid;grid-template-columns:var(--dtf-calc-label-col) var(--dtf-calc-field-col);column-gap:12px;row-gap:4px;padding:8px 10px;border-bottom:1px solid var(--border-color);align-items:center;background:#fff;overflow:visible}.dtf-calculator-layout .dtf-calculator__row--first{border-radius:var(--dtf-calc-radius) var(--dtf-calc-radius) 0 0}.dtf-calculator-layout .dtf-calculator__row--last{border-radius:0 0 var(--dtf-calc-radius) var(--dtf-calc-radius)}.dtf-calculator-layout .dtf-calculator__row--last{border-bottom:none}.dtf-calculator-layout .dtf-calculator__cell-label{font-size:var(--dtf-calc-font-size);line-height:var(--dtf-calc-line-height);color:var(--text-color);text-align:left;overflow:visible}dtf-calculator .dtf-calculator__label,dtf-calculator .dtf-calculator__label-text{overflow:visible}dtf-calculator .dtf-calculator__label{margin:0;display:block;text-align:left}.dtf-calculator-layout .dtf-calculator__label-text{font-size:inherit;line-height:inherit;font-weight:inherit;display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;text-align:left}dtf-calculator .dtf-calculator__note{display:block;margin-top:2px;font-size:.6875rem;font-weight:400;color:#777;font-style:italic;text-align:left}.dtf-calculator-layout .dtf-calculator__cell-field{min-width:0}.dtf-calculator-layout .dtf-calculator__value{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;height:34px;padding:4px 8px;font-size:var(--dtf-calc-font-size);line-height:var(--dtf-calc-line-height);color:var(--heading-color);border-radius:var(--dtf-calc-radius);box-sizing:border-box;text-align:left;font-weight:400}.dtf-calculator-layout .dtf-calculator__value--input{background:var(--dtf-calc-fill);border:1px solid #c5ddb8}.dtf-calculator-layout .dtf-calculator__value--output{background:var(--dtf-calc-readonly);border:1px solid var(--border-color)}.dtf-calculator-layout .dtf-calculator__row--header .dtf-calculator__label-text,.dtf-calculator-layout .dtf-calculator__row--header .dtf-calculator__value{font-weight:700}.dtf-calculator-layout .dtf-calculator__row--header .dtf-calculator__value{background:transparent;border:0;height:auto;min-height:0;padding:0}.dtf-calculator-example{margin-top:48px}.dtf-calculator-example__heading{margin:0 0 24px;text-align:center}.dtf-calculator-example .dtf-calculator__summary{display:flex;flex-direction:column;gap:5px;margin-top:10px;padding:8px 10px;border-radius:var(--dtf-calc-radius);border:1px solid var(--border-color);background:#fff}.dtf-calculator-example .dtf-calculator__summary-row{display:grid;grid-template-columns:var(--dtf-calc-label-col) var(--dtf-calc-field-col);column-gap:12px;align-items:center}.dtf-calculator-example .dtf-calculator__summary-label{margin:0;font-size:var(--dtf-calc-font-size);line-height:var(--dtf-calc-line-height);font-weight:inherit;color:var(--text-color);text-align:left}.dtf-calculator-example .dtf-calculator__summary-value{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;height:34px;padding:4px 8px;font-size:var(--dtf-calc-font-size);line-height:var(--dtf-calc-line-height);color:var(--heading-color);border-radius:var(--dtf-calc-radius);box-sizing:border-box;text-align:left;font-weight:400}.dtf-calculator-example .dtf-calculator__summary-value--output{background:var(--dtf-calc-readonly);border:1px solid var(--border-color)}.dtf-calculator-example .dtf-calculator__summary-value--input{background:var(--dtf-calc-fill);border:1px solid #c5ddb8}dtf-calculator input,dtf-calculator output{display:block;width:100%;min-height:0;height:34px;padding:4px 8px;font-size:var(--dtf-calc-font-size);line-height:var(--dtf-calc-line-height);color:var(--heading-color);background:var(--dtf-calc-readonly);border:1px solid var(--border-color);border-radius:var(--dtf-calc-radius);box-sizing:border-box}dtf-calculator input{text-align:left;transition:border-color .15s ease,background-color .15s ease}dtf-calculator input.fillable{background:var(--dtf-calc-fill);border-color:#c5ddb8}dtf-calculator input.fillable:hover{background:var(--dtf-calc-fill-focus)}dtf-calculator input.fillable:focus{outline:none;border-color:var(--accent-color);background:#fff}dtf-calculator output.summary{display:flex;align-items:center;justify-content:flex-start;font-weight:400;text-align:left;background:var(--dtf-calc-readonly);color:var(--heading-color)}dtf-calculator .dtf-calculator__summary{display:flex;flex-direction:column;gap:5px;margin-top:10px;padding:8px 10px;border-radius:var(--dtf-calc-radius);border:1px solid var(--border-color);background:#fff}dtf-calculator .dtf-calculator__summary-row{display:grid;grid-template-columns:var(--dtf-calc-label-col) var(--dtf-calc-field-col);column-gap:12px;align-items:center}dtf-calculator .dtf-calculator__summary-label{margin:0;font-size:var(--dtf-calc-font-size);line-height:var(--dtf-calc-line-height);font-weight:inherit;color:var(--text-color);text-align:left}dtf-calculator .dtf-calculator__summary input.fillable{background:var(--dtf-calc-fill);border-color:#c5ddb8}dtf-calculator .dtf-calculator__tooltip-wrap{position:relative;display:inline-flex;align-items:center;overflow:visible;vertical-align:middle}dtf-calculator .dtf-calculator__tooltip-trigger{display:inline-flex;padding:0;border:0;background:transparent;cursor:help;color:var(--accent-color);line-height:0}dtf-calculator .dtf-calculator__tooltip-trigger svg{width:20px;height:20px}dtf-calculator .dtf-calculator__tooltip{display:block;width:240px;max-width:80vw;padding:15px 20px;background:#000;color:#fff;text-align:center;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);border-radius:4px;font-size:.75rem;line-height:1.4;z-index:20;box-sizing:border-box;pointer-events:none;white-space:normal;overflow:visible}dtf-calculator .dtf-calculator__tooltip-text{display:block}dtf-calculator .dtf-calculator__tooltip.hidden{display:none}dtf-calculator .dtf-calculator__tooltip-arrow{position:absolute;top:100%;left:50%;width:12px;height:12px;margin-left:-6px;margin-top:-6px;background:#000;transform:rotate(45deg);pointer-events:none}.shopify-section--price-calculator .price-calculator-section__user-note{margin-top:20px;font-size:.875rem}@media(max-width:749px){.shopify-section--price-calculator{--dtf-calc-font-size: 13px}.dtf-calculator-layout .dtf-calculator__row,dtf-calculator .dtf-calculator__summary-row,.dtf-calculator-example .dtf-calculator__summary-row{grid-template-columns:1fr;row-gap:6px;padding:10px}.dtf-calculator-layout .dtf-calculator__inputs{border:none;gap:5px;background:transparent}.dtf-calculator-layout .dtf-calculator__row{border:1px solid var(--border-color);border-radius:var(--dtf-calc-radius)}dtf-calculator .dtf-calculator__summary{border:none;padding:0;gap:5px}dtf-calculator .dtf-calculator__summary-row{padding:10px;border:1px solid var(--border-color);border-radius:var(--dtf-calc-radius);background:#fff}.dtf-calculator-example .dtf-calculator__summary{border:none;padding:0;gap:5px}.dtf-calculator-example .dtf-calculator__summary-row{padding:10px;border:1px solid var(--border-color);border-radius:var(--dtf-calc-radius);background:#fff}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/dtf-calculator.css.map */