.box-size-calculator{display:block}.box-size-calculator__header{margin-block-end:2rem}.box-size-calculator__surface{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);gap:1.25rem;align-items:stretch}.box-size-calculator__form,.box-size-calculator__results{border:1px solid rgb(var(--text-color) / .12);border-radius:8px;padding:clamp(1rem,3vw,1.5rem);background:rgb(var(--background))}.box-size-calculator__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.box-size-calculator__field{display:grid;gap:.45rem;font-size:var(--text-sm);font-weight:700}.box-size-calculator__field input{width:100%;min-height:3rem;border:1px solid rgb(var(--text-color) / .16);border-radius:6px;padding:.75rem .85rem;background:rgb(var(--background));color:rgb(var(--text-color))}.box-size-calculator__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block-start:1.25rem}.box-size-calculator__results{display:grid;align-content:start;gap:1rem}.box-size-calculator__list{display:grid;gap:.75rem;margin:0}.box-size-calculator__list div{display:grid;gap:.2rem;padding-block-end:.75rem;border-block-end:1px solid rgb(var(--text-color) / .1)}.box-size-calculator__list dt{color:rgb(var(--text-color) / .68);font-size:var(--text-sm)}.box-size-calculator__list dd{margin:0;font-weight:700}.box-size-calculator__note{font-size:var(--text-sm)}@media screen and (max-width:860px){.box-size-calculator__surface{grid-template-columns:1fr}.box-size-calculator__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:520px){.box-size-calculator__grid{grid-template-columns:1fr}.box-size-calculator__actions .button,.box-size-calculator__results .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/64/compiled_assets/styles.css.map */