.shopify-section--spp-calculator{--spp-calc-fill: #e8f5e3;--spp-calc-fill-focus: #dcefd4;--spp-calc-readonly: #f3f3f3;--spp-calc-summary-bg: #bdbdbd;--spp-calc-radius: 4px;--spp-calc-font-size: 1rem;padding-bottom:32px}.shopify-section--spp-calculator .spp-calculator-section__inner{max-width:960px;margin-inline:auto;overflow:visible}spp-calculator{display:block;width:100%;overflow:visible}spp-calculator .spp-calculator__table{display:flex;flex-direction:column;gap:0;width:100%}spp-calculator .spp-calculator__inputs{display:grid;grid-template-columns:minmax(0,40%) minmax(0,40%) minmax(0,20%);column-gap:8px;row-gap:0;overflow:visible}spp-calculator .spp-calculator__summary{display:grid;grid-template-columns:minmax(0,40%) minmax(0,40%) minmax(0,20%);column-gap:5px;row-gap:5px;margin-top:10px;padding:8px;border-radius:var(--spp-calc-radius);border:1px solid var(--border-color)}spp-calculator .spp-calculator__row{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;column-gap:inherit;row-gap:8px;padding:6px 8px 8px;background:#fff;border:1px solid var(--border-color);border-top:none;align-items:end;overflow:visible}spp-calculator .spp-calculator__row--first{border-top:1px solid var(--border-color);border-radius:var(--spp-calc-radius) var(--spp-calc-radius) 0 0}spp-calculator .spp-calculator__row--last-input{border-radius:0 0 var(--spp-calc-radius) var(--spp-calc-radius)}spp-calculator .spp-calculator__label,spp-calculator .spp-calculator__col-total{display:flex;flex-direction:column;gap:6px;font-size:var(--spp-calc-font-size);line-height:1.2;color:var(--text-color);margin:0;align-self:end;padding-top:0;overflow:visible}spp-calculator .spp-calculator__label-text{font-weight:500}spp-calculator .spp-calculator__label--icon .spp-calculator__label-text{display:flex;align-items:flex-end;gap:4px;flex-wrap:wrap;overflow:visible}spp-calculator .spp-calculator__summary-label{margin:0;font-size:var(--spp-calc-font-size);line-height:1.3;font-weight:500;align-self:end;padding-top:2px;color:var(--text-color)}spp-calculator input,spp-calculator output{display:block;width:100%;min-height:0;height:34px;padding:4px 8px;font-size:var(--spp-calc-font-size);line-height:1.2;color:var(--heading-color);background:var(--spp-calc-readonly);border:1px solid var(--border-color);border-radius:var(--spp-calc-radius);box-sizing:border-box}spp-calculator input{transition:border-color .15s ease,background-color .15s ease}spp-calculator input.fillable{background:var(--spp-calc-fill);border-color:#c5ddb8}spp-calculator input.fillable:hover{background:var(--spp-calc-fill-focus)}spp-calculator input.fillable:focus{outline:none;border-color:var(--accent-color);background:#fff}spp-calculator output.total,spp-calculator output.summary{display:flex;align-items:center;justify-content:flex-start;font-weight:inherit;text-align:left;background:var(--spp-calc-readonly);color:var(--heading-color)}spp-calculator .spp-calculator__summary input.fillable{background:var(--spp-calc-fill);text-align:left}spp-calculator .spp-calculator__tooltip-wrap{position:relative;display:inline-flex;align-items:center;overflow:visible;vertical-align:middle}spp-calculator .spp-calculator__tooltip-trigger{display:inline-flex;padding:0;border:0;background:transparent;cursor:help;color:var(--accent-color);line-height:0}spp-calculator .spp-calculator__tooltip-trigger svg{width:20px;height:20px}spp-calculator .spp-calculator__tooltip{display:block;width:min(240px,80vw);padding:12px 14px 16px;background:var(--heading-color);color:#fff;text-align:center;position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);border-radius:var(--spp-calc-radius);font-size:.75rem;line-height:1.4;z-index:20;box-sizing:border-box;pointer-events:none;white-space:normal;overflow:visible}spp-calculator .spp-calculator__tooltip.hidden{display:none}spp-calculator .spp-calculator__tooltip-arrow{display:block;position:absolute;bottom:-6px;left:50%;width:12px;height:12px;margin-left:-6px;background:var(--heading-color);transform:rotate(45deg);pointer-events:none;z-index:1}spp-calculator .spp-calculator__tooltip-title{display:block;margin-bottom:2px;font-weight:700}spp-calculator .spp-calculator__tooltip-text{display:block}@supports not (grid-template-columns: subgrid){spp-calculator .spp-calculator__row{grid-template-columns:minmax(0,40%) minmax(0,40%) minmax(0,20%)}}@media(max-width:749px){spp-calculator .spp-calculator__inputs,spp-calculator .spp-calculator__summary{grid-template-columns:1fr}spp-calculator .spp-calculator__row{grid-template-columns:1fr;row-gap:8px;padding:10px;border-top:1px solid var(--border-color);border-radius:var(--spp-calc-radius);margin-bottom:5px}spp-calculator .spp-calculator__row--first,spp-calculator .spp-calculator__row--last-input{border-radius:var(--spp-calc-radius)}spp-calculator .spp-calculator__summary-gap{display:none}spp-calculator .spp-calculator__summary-label{align-self:auto}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/spp-calculator.css.map */