@keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}:root{--header-background-color: rgb(78, 114, 231)}.bond-calculator-wrapper{padding:4rem 3rem;background-color:#eaece6}@media(min-width: 992px){.bond-calculator-wrapper{padding:6rem}}.bond-calculator-wrapper .bond-calculator{display:flex;flex-direction:column;gap:4rem;max-width:60rem;margin:auto;text-align:center}.bond-calculator-wrapper .bond-calculator h2{margin:0}.bond-calculator-wrapper .bond-calculator .bond-calculator-count-container-title{margin-bottom:2rem}.bond-calculator-wrapper .bond-calculator .bond-calculator-periodic .bond-calculator-periodic-row span{font-weight:700}.bond-calculator-wrapper .bond-calculator .bond-calculator-result .bond-calculator-result-title{margin-bottom:2rem;font-weight:700}.bond-calculator-wrapper .bond-calculator .bond-calculator-result .bond-calculator-result-count{font-size:2.5rem;line-height:3rem;font-weight:700}.bond-calculator-wrapper .bond-calculator .bond-calculator-button{display:flex;justify-content:center}.bond-calculator-wrapper #amount{margin-bottom:2rem;font-size:25px;font-weight:bold;color:var(--main-color, #87740C)}.bond-calculator-wrapper input[type=range]{appearance:none;width:100%;height:6px;outline:none;border:none;opacity:.7;transition:opacity .2s;border-radius:4px;accent-color:var(--main-color, #87740C);background-color:var(--color-line, #CCCCCC)}.bond-calculator-wrapper input[type=range]:hover{opacity:1}.bond-calculator-wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--main-color, #87740C);cursor:pointer;border-radius:50%;position:relative;z-index:2}.bond-calculator-wrapper input[type=range]::-moz-range-thumb{width:20px;height:20px;cursor:pointer;border-radius:50%;position:relative}.bond-calculator-wrapper input[type=range]::-moz-range-track{width:100%;height:10px;cursor:pointer;background:#7c6a00;border-radius:5px}.bond-calculator-wrapper input[type=range]::-ms-track{-webkit-appearance:none;background:red}.bond-calculator-wrapper input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;border:none;outline:none;height:5.6rem;text-align:center}.bond-calculator-wrapper input[type=number]::-webkit-inner-spin-button,.bond-calculator-wrapper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.bond-calculator-wrapper .number-input{display:flex;max-width:100%;height:6rem;margin:auto;border:2px solid var(--color-line, #CCCCCC)}.bond-calculator-wrapper .number-input,.bond-calculator-wrapper .number-input *{box-sizing:border-box}.bond-calculator-wrapper .number-input button{display:flex;outline:none;-webkit-appearance:none;background-color:var(--base-white, #fff);border:none;align-items:center;justify-content:center;width:6rem;height:100%;cursor:pointer;margin:0;padding:0 2rem;position:relative}.bond-calculator-wrapper .number-input button::before{color:var(--main-color, #87740C)}.bond-calculator-wrapper .number-input button.minus::before{content:""}.bond-calculator-wrapper .number-input button.plus::before{content:""}.bond-calculator-slider-container{width:100%;margin:0 auto;text-align:center}