.hz-calculator{display:block;margin:1.5rem 0}.hz-calculator__field{margin-bottom:1.2rem}.hz-calculator__sizes{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.hz-calculator__input{width:100%;padding:1rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.35);border-radius:var(--inputs-radius, 0);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.5rem}.hz-calculator__input[readonly]{background:rgba(var(--color-foreground),.06);color:rgba(var(--color-foreground),.75)}.hz-calculator__auto{font-size:.85em;color:rgba(var(--color-foreground),.6)}.hz-calculator__hint{font-size:1.2rem;color:rgba(var(--color-foreground),.65);margin:.4rem 0 1rem}.hz-calculator__result{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem;padding:1.2rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.15);background:rgba(var(--color-foreground),.04);font-size:1.4rem}.hz-calculator__result strong{font-size:1.8rem}.hz-calculator__vat{font-size:1.1rem;color:rgba(var(--color-foreground),.6)}.hz-calculator__price-orig{color:rgba(var(--color-foreground),.55);font-size:1.3rem}.hz-calculator__badge{font-size:1.1rem;font-weight:600;padding:.2rem .6rem;border-radius:1em;background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.hz-calculator__swatches{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.4rem}.hz-swatch{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:7rem;padding:.6rem .8rem;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:var(--inputs-radius, 0);cursor:pointer}.hz-swatch input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.hz-swatch img{display:block;width:5.6rem;height:5.6rem;object-fit:cover;border-radius:.3rem;pointer-events:none}.hz-swatch span{font-size:1.2rem;color:rgba(var(--color-foreground),.85);pointer-events:none}.hz-swatch:has(input:checked){border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.hz-swatch:has(input:focus-visible){outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}@media screen and (max-width:480px){.hz-calculator__sizes{grid-template-columns:1fr;gap:.8rem}}.price-per-m2{display:flex;flex-direction:column;gap:.2rem}.price-per-m2__note{font-size:1.2rem;color:rgba(var(--color-foreground),.65)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/price-calculator.css.map */