:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif margin: 0}.measurements{display:flex;flex-direction:column;justify-content:center;align-items:center}.measurements input{margin:10px;height:40px;width:240px;border-radius:3px;border:2px solid black;padding:5px 10px;font-size:18px;box-sizing:border-box}.measurements button{box-sizing:border-box;margin:10px;height:40px;width:240px;border-radius:3px;border:2px solid rgb(203,32,39);color:#cb2027;background-color:transparent;font-size:18px}img{margin-bottom:20px}.result-box h3{font-size:20px;line-height:.5;margin:16px 0}.result-box h3.val{color:#cb2027}.result-box .row{min-width:180px;display:flex;flex-direction:row;justify-content:space-between}.provided{font-size:14px;margin-top:20px;font-weight:500}.brand{color:#cb2027}.loader{width:48px;height:48px;border-radius:50%;position:relative;animation:rotate 1s linear infinite;box-sizing:border-box}.loader:before,.loader:after{content:"";box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:5px solid #333;animation:prixClipFix 2s linear infinite}.loader:after{transform:rotate3d(90,90,0,180deg);border-color:#cb2027}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}75%,to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}}