.ruler{position:relative;width:115px;height:140px;line-height:100px;margin:auto;text-align:left;background-image:repeating-linear-gradient(90deg,#999,#999 1px,transparent 0,transparent 38px),repeating-linear-gradient(90deg,#999,#999 1px,transparent 0,transparent 19px),repeating-linear-gradient(90deg,#999,#999 1px,transparent 0,transparent 3.8px),repeating-linear-gradient(90deg,#999,#999 1px,transparent 0,transparent 38px),repeating-linear-gradient(90deg,#999,#999 1px,transparent 0,transparent 19px),repeating-linear-gradient(90deg,#999,#999 1px,transparent 0,transparent 3.8px);background-position:0 30px,0 30px,0 30px,left 0 bottom 15px,left 0 bottom 15px,left 0 bottom 15px;background-size:100% 20px,100% 10px,100% 7px;background-repeat:no-repeat}.ruler.cm,.ruler.in{height:20px;line-height:20px}.ruler.cm{background-image:repeating-linear-gradient(90deg,#999,#999 1px,transparent 0,transparent 1cm),repeating-linear-gradient(90deg,#999,#999 1px,transparent 0,transparent .5cm),repeating-linear-gradient(90deg,#999,#999 1px,transparent 0,transparent .1cm)}.ruler.cm,.ruler.in{background-position:0 100%,0 100%,0 100%}.ruler.in{background-image:repeating-linear-gradient(90deg,#999,#999 1px,transparent 0,transparent 1in),repeating-linear-gradient(90deg,#999,#999 1px,transparent 0,transparent .5in),repeating-linear-gradient(90deg,#999,#999 1px,transparent 0,transparent .1in)}.ruler img{position:relative;z-index:1;margin-top:13px}.ruler ul{position:absolute;bottom:0;margin:0 -19px}.ruler ul li{width:38px;float:left;font-family:Nunito Sans Light;font-size:8px;letter-spacing:.2px;line-height:1;text-align:center}.diamond-measurements{position:relative;display:inline-block;top:50%;transform:translateY(-50%);font-family:Nunito Sans Light;font-size:12px;letter-spacing:.3px}.diamond-measurements_length{position:absolute;top:0;border:solid;border-width:1px 1px 0;width:100%;height:105px;text-align:center;line-height:1}.diamond-measurements_length span{position:relative;top:-20px;margin:0 -10px}.diamond-measurements_length:after{content:"";position:absolute;top:-7px;left:50%;width:1px;height:7px;background:#000}.diamond-measurements img{image-rendering:pixelated;image-rendering:-webkit-optimize-contrast}.ruler.-small{width:77px;height:100px;line-height:70px;background-position:0 30px,0 30px,0 30px}.ruler.-small ul{top:20px}.ruler.-small .diamond-measurements_length{top:15px;height:63px;border-width:0 1px 1px}.ruler.-small .diamond-measurements_length:after{top:63px}.ruler.-small .diamond-measurements_length span{top:70px;font-size:9px}