.product-calculator{display:grid;grid-template-columns:1fr;border:var(--border-width) solid var(--colour-blue-grey);border-radius:var(--border-radius-lg);overflow:hidden}.product-calculator__controls{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--panel-padding)}.product-calculator__summary{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--panel-padding);background:var(--colour-off-white);border-top:var(--border-width) solid var(--colour-blue-grey)}.product-calculator__modes{display:flex;gap:var(--space-2xs)}.product-calculator__modes .c-btn.main{background-color:var(--colour-white);color:var(--colour-text-base);border-color:var(--colour-blue-grey)}.product-calculator__modes .c-btn.main[aria-pressed=true]{background-color:var(--colour-blue-pale);color:var(--colour-blue);border-color:var(--colour-blue)}.product-calculator__modes .c-btn.main:hover,.product-calculator__modes .c-btn.main:focus-visible{border-color:var(--colour-blue)}.product-calculator__input{position:relative;width:100%}.product-calculator__input .form-input{padding-right:3.25rem}.product-calculator__unit{position:absolute;top:50%;right:var(--space-xs);transform:translateY(-50%);color:var(--colour-text-muted);pointer-events:none}.product-calculator__dims{display:flex;align-items:flex-end;gap:var(--space-2xs)}.product-calculator__dims .form-field{flex:1}.product-calculator__dims .form-input{padding-right:2rem}.product-calculator__times{padding-bottom:calc((var(--input-height) - 1lh) / 2);color:var(--colour-text-muted)}.product-calculator__hint{margin:0;color:var(--colour-text-muted);font-size:var(--text-sm)}.product-calculator__cuts{background:var(--colour-blue-pale);border:var(--border-width) solid var(--colour-blue-grey);border-radius:var(--border-radius-md);padding:var(--space-2xs) var(--space-sm)}.product-calculator .form-label{font-weight:var(--font-weight-semibold)}.product-calculator__note{grid-column:1/-1;margin:0;padding:var(--space-xs) var(--panel-padding);border-top:var(--border-width) solid var(--colour-blue-grey);max-width:none;text-wrap:pretty;color:var(--colour-text-muted)}.product-calculator__result{padding:var(--space-xs) var(--space-sm);text-align:center;background:var(--colour-blue-pale);border:var(--border-width) solid var(--colour-blue);border-radius:var(--border-radius-md)}.product-calculator__result.is-empty{background:var(--colour-off-white);border-color:var(--colour-blue-grey)}.product-calculator__result.is-empty .product-calculator__count{color:var(--colour-blue-grey)}.product-calculator__count{display:block;max-width:none;margin:0;color:var(--colour-blue)}.product-calculator__count-label{font-weight:var(--font-weight-semibold)}.product-calculator__stats .product-calculator__packs{color:var(--colour-text-muted);font-weight:var(--font-weight-regular)}.product-calculator__stats{margin:0}.product-calculator__stats>div{display:flex;justify-content:space-between;gap:var(--space-sm);padding:var(--space-2xs) 0;border-bottom:var(--border-width) solid var(--colour-blue-grey)}.product-calculator__stats dt{margin:0;color:var(--colour-text-muted)}.product-calculator__stats dd{margin:0;font-weight:var(--font-weight-semibold)}.product-calculator__summary .product-calculator__nudge.c-alert{margin:0}.product-calculator .add-to-basket{width:100%;justify-content:center}.product-calculator .add-to-basket svg{height:var(--icon-size-md);width:var(--icon-size-md)}.product-calculator .add-to-basket svg .backdrop,.product-calculator .add-to-basket svg .outline{fill:currentColor;transition:fill var(--transition-duration-fast) var(--transition-timing) 0ms}.product-calculator .add-to-basket svg .backdrop{opacity:.2}@media(min-width:768px){.product-calculator{grid-template-columns:1fr 1fr}.product-calculator__summary{border-top:0;border-left:var(--border-width) solid var(--colour-blue-grey)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/snippet-layout-product-calculator.css.map */