form#weight-calculator{--heading-colour: white;--form-max-column-count-basis: 2;--form-max-width-basis: 500px;display:grid;grid-gap:var(--gap);grid-template-columns:repeat(auto-fill, minmax(calc((var(--form-max-width-basis) - var(--gutter1)) / (var(--form-max-column-count-basis) + 1)), 1fr))}form#weight-calculator small,form#weight-calculator h3,form#weight-calculator select,form#weight-calculator .input-select,form#weight-calculator input[name=Pieces]{grid-column:1/-1}form#weight-calculator .heading{margin-bottom:0}form#weight-calculator small{color:#969695;margin-top:var(--gap)}form#weight-calculator .input-select{display:flex}form#weight-calculator .input-select input{flex-grow:1;margin-right:var(--gap)}form#weight-calculator .input-select select{flex-basis:90px}form#weight-calculator .hidden{display:none}form#weight-calculator .error-message{background-color:#df3035;color:#fff;padding:calc(var(--gap) * 0.5) var(--gap);width:100%;grid-column:1/-1;font-size:0.75em;border-radius:var(--border-radius, 6px)}form#weight-calculator .error-message:empty{display:none}form#weight-calculator .result input[name=Weight]{cursor:initial;margin-right:calc(var(--gap) * -0.5);font-weight:bold;background:#131f6b;color:#fff;border-color:#fff}form#weight-calculator .result input[name=Weight]:focus{border:#131f6b;border-radius:var(--border-radius, 6px);outline-offset:-2px}form#weight-calculator .result select{--font-colour: #6A6A6A;--background-colour: #FFFFFF;--border-radius: var(--border-radius, 6px);--border-colour: var(--font-colour);--border: 1px solid var(--border-colour);--padding: var(--gap) var(--gap);border-radius:var(--border-radius, 6px);background-color:var(--background-colour);border:var(--border);padding:var(--padding);font-size:0.875em;color:var(--font-colour);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-repeat:no-repeat;background-position:calc(100% - var(--gap)) center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.4' height='10.1'%3E%3Cpath d='M16.7.7l-8 8-8-8' fill='none' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E")}form#weight-calculator .result select::-moz-placeholder{-moz-transition:color var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, );transition:color var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}form#weight-calculator .result select::placeholder{transition:color var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}form#weight-calculator .result select:focus{outline-color:#131f6b}form#weight-calculator .result select:focus::-moz-placeholder{color:rgba(0,0,0,0)}form#weight-calculator .result select:focus::placeholder{color:rgba(0,0,0,0)}form#weight-calculator .result select.autocomplete:not([value=""]):focus{border-bottom-right-radius:0;border-bottom-left-radius:0}form#weight-calculator .result .change-unit{border-top-left-radius:initial;border-bottom-left-radius:initial;background-color:#df3035;color:#fff;border-left:none;border-color:#fff}form#weight-calculator .result .change-unit:focus{border:#df3035;outline-offset:-2px}side-bar weight-calculator{border:initial}side-bar weight-calculator form#weight-calculator small{color:rgba(255,255,255,.6)}body>weight-calculator{position:relative;padding:var(--spacer1) 0;background-color:#131f6b}body>weight-calculator:before{content:"";background-color:inherit;z-index:-1;position:absolute;top:0;left:50%;width:100vw;height:100%;transform:translateX(var(--translateX, -50%))}