#royalties-calc { max-width: 750px; margin: 0 auto; text-align: center; border: 3px solid #c49457; border-radius:10px; padding: 15px 20px 24px; font-family: 'Inter Tight'; background: #16110e;margin-bottom:8px; }

#royalties-calc input[type="range"] {-webkit-appearance: none;appearance: none;background: transparent;cursor: pointer;width: 15rem;margin-right: 30px;}

#royalties-calc input[type="range"]:focus { outline: none; }

#royalties-calc input[type="range"]::-webkit-slider-runnable-track { background-color: #73451E; border-radius: 0.5rem; height: 0.5rem; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); fill: var(--e-global-color-secondary); color: var(--e-global-color-secondary); background-color: transparent; background-image: linear-gradient(180deg, var(--e-global-color-2514498) 0%, #CC6E277D 100%); border-style: solid; border-width: 1px 1px 1px 1px; border-color: var(--e-global-color-2514498);}

#royalties-calc input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; /* Override default look */ appearance: none; margin-top: -12px; /* Centers thumb on the track */ /*custom styles*/ background-color: #73451E; height: 2rem; width: 1rem; }

#royalties-calc input[type="range"]:focus::-webkit-slider-thumb { border: 1px solid #73451E; outline: 3px solid #b18f71; outline-offset: 0.125rem; }

#royalties-calc input[type="range"]::-moz-range-track { background-color: #73451E; border-radius: 0.5rem; height: 0.5rem; }

#royalties-calc input[type="range"]::-moz-range-thumb { border: none; /*Removes extra border that FF applies*/ border-radius: 0; /*Removes default border-radius that FF applies*/ /*custom styles*/ background-color: #73451E; height: 2rem; width: 1rem; }

#royalties-calc input[type="range"]:focus::-moz-range-thumb { border: 1px solid #73451E; outline: 3px solid #bea085; outline-offset: 0.125rem; }
	
#royalties-calc label[for="investment-slider"] {margin-right:10px;}

#royalties-calc #investment-slider { width: 30%; margin: 20px 20px 10px 0px; }

#royalties-calc #investment-value { font-weight: bold; font-size: 18px; padding: 5px 10px; background: #764820; }

#royalties-calc #calculated-values { display: flex; justify-content: space-around; margin-top: 20px; }

#royalties-calc #calculated-values div { width: 30%; padding: 9px 0 15px; border: 1px solid #764820; border-radius: 12px; }

#royalties-calc #calculated-values h4 { margin-top: 0; margin-bottom: 0; line-height:140%; font-size: 18px; }

#royalties-calc #calculated-values p { margin-bottom: 0; font-size: 22px; line-height:100%; }