.scalc{--scalc-gap: var(--spacing-4, 1rem);--scalc-max-width: 28rem;max-width:var(--scalc-max-width);color:rgb(var(--text-color))}.scalc__heading{margin:0 0 var(--scalc-gap);font-size:inherit;font-weight:inherit}.scalc__form{display:flex;flex-direction:column;gap:var(--scalc-gap)}.scalc__fields{display:flex;flex-direction:row;gap:var(--scalc-gap)}.scalc__field{flex:1;display:flex;flex-direction:column;gap:.25em;min-width:0}.scalc__field label{font-size:.875em;color:rgb(var(--text-color));opacity:.9}.scalc__input-wrap{position:relative;display:block}.scalc__input-wrap .scalc__unit{position:absolute;right:.75em;top:50%;transform:translateY(-50%);font-size:.875em;color:rgb(var(--text-color));opacity:.7;pointer-events:none}.scalc__input-wrap input{width:100%;padding:.5em 2.5em .5em .75em;font:inherit;color:rgb(var(--text-color));background:rgb(var(--background));border:1px solid rgb(var(--text-color) / .2);border-radius:var(--rounded-button, 4px);-webkit-appearance:none;appearance:none}.scalc__field select{width:100%;padding:.5em .75em;font:inherit;color:rgb(var(--text-color));background:rgb(var(--background));border:1px solid rgb(var(--text-color) / .2);border-radius:var(--rounded-button, 4px);-webkit-appearance:none;appearance:none;cursor:pointer}.scalc__field input::placeholder{color:rgb(var(--text-color) / .5)}.scalc__field input:focus,.scalc__field select:focus{outline:2px solid rgb(var(--text-color));outline-offset:2px}.scalc__input-wrap input::-webkit-outer-spin-button,.scalc__input-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.scalc__input-wrap input[type=number]{-moz-appearance:textfield}.scalc__submit{padding:.6em 1em;font:inherit;border:none;border-radius:var(--rounded-button, 4px);cursor:pointer;transition:opacity .15s ease;background-color:rgb(var(--button-background));color:rgb(var(--button-text-color));font-weight:700}.scalc__submit:hover{opacity:.9}.scalc__submit:focus{outline:2px solid rgb(var(--text-color));outline-offset:2px}.scalc__result{min-height:1.5em;padding:.5em 0;font-size:.95em;color:rgb(var(--text-color))}.scalc__result[data-scalc-has-result=true]{font-weight:600}.scalc__no-data{padding:.5em 0;font-size:.9em;opacity:.8;color:rgb(var(--text-color))}
/*# sourceMappingURL=/cdn/shop/t/57/assets/size-calculator.css.map */