:root{--menuWidth:200px;--subHelpWidth:200px;--bodyWidth:600px;--tableWidth:500px;--tableFontSize:18px;--menuMaxHeight:400px;--menuFromTranslate:-50%;--menuToTranslate:-50%;--textColor:#000;--metricPrefix:#099;--unitButton:#3498db;--unitButtonHover:#2980b9;--unitButtonText:#fff;--tableBackground:#f5f5f5;--keypadBackground:#ddd;--keypadInput:#fff;--keypadKey:linear-gradient(#f7f8fa,#e7e9ec);--outputBackground:#fff8dc;--outputBorder:#96d4d4;--menuItem:#ffc;--actionItem:#cfc;--prefixItem:#fcc;--prefixActionItem:ccffaa;--subHelpItem:#cff;--allItem:#ccf;--menuHighligh:cyan;--scrollArrow:rgba(64,64,64,.3);--pulseStep:rgba(35,200,50,.6)}body{align-content:center;background-color:#000;color:var(--textColor);height:100%;margin:0 auto;overflow-y:scroll;width:var(--bodyWidth)}#contactAddress,address{margin:0 auto;width:100%}address{color:cyan;font-size:1.2em;text-align:center}address a:link,address a:visited{color:#00bfff}.popHelp{background-color:#555;border:5px solid #555;border-radius:10px;color:#ccc;display:block;position:absolute;text-align:center;transform:translateY(calc(-100% - 20px));visibility:visible;width:100px;z-index:10}.fadeOut{opacity:0;transition:visibility 0s 1s,opacity 1s linear;visibility:hidden}.convertSection{display:inline-block}#siteTitle{width:auto}.mainTitle{color:cyan;font-size:2em;line-height:.5em;margin:0;padding:10px 0 0}.mainTitle,.subTitle{font-weight:400;word-wrap:break-word;text-align:center}.subTitle{color:#00ced1;font-size:1.2em;line-height:1.1em}.unitTable{background-color:var(--tableBackground);border:5px var(--tableBackground);border-radius:10px;margin:10px;padding:10px}.unitButtonsGroup{margin:auto;width:260px}.unitButtonHolder{border:4px outset transparent;border-radius:4px;display:inline-block;float:left;padding:1px;width:calc(50% - 10px)}.unitButton{background-color:var(--unitButton);border:none;color:var(--unitButtonText);cursor:pointer;font-size:16px;padding:12px;width:100%}.unitButton:focus,.unitButton:hover{background-color:var(--unitButtonHover)}@keyframes pulseStep{0%{border-color:transparent}70%{border-color:var(--pulseStep)}to{border-color:transparent}}.selectStep{animation:pulseStep 3s infinite}.searchHolder{margin:5px}.searchTableHolder{background:var(--keypadBackground);border:5px solid var(--keypadBackground);border-radius:5px;color:var(--textColor);font-size:16px;margin:5px auto;width:270px}.searchTableView{border:0;padding:0}.searchInput{background:var(--keypadInput);color:var(--textColor);font-family:Amazon Ember,Arial,sans-serif;font-size:14px;width:calc(100% - 30px)}.searchImage{display:inline-block}.dropdown-from-menu{position:absolute;transform:translate(var(--menuFromTranslate))}.dropdown-from-menu,.dropdown-to-menu{background-color:#f1f1f1;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:block;height:auto;min-width:var(--menuWidth);z-index:1}.dropdown-to-menu{position:relative;transform:translate(var(--menuToTranslate))}.dropdown-search-menu,.dropdown-unit-menu{background-color:#f1f1f1;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:block;height:auto;min-width:var(--menuWidth);position:absolute;z-index:1}.searchItem{height:auto;line-height:normal;overflow:hidden}.catagoryItem,.searchItem{cursor:pointer;display:block;padding:8px 6px 8px 16px;position:relative;text-decoration:none}.menuOneItem,.menuThreeItem,.menuTwoItem{height:auto}.menuBack,.menuOneItem,.menuThreeItem,.menuTwoItem{cursor:pointer;display:block;line-height:normal;overflow:hidden;padding:8px 6px 8px 16px;position:relative;text-decoration:none}.menuBack{background-color:#3498db;height:20px}.menuBack:after{content:"Back"}.catagoryMenuHolder{display:block;height:auto;position:absolute;z-index:1}.popout-menu{background-color:#f1f1f1;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);left:100%;min-width:var(--menuWidth);position:absolute;top:0;z-index:1}.menuHolder{height:auto;line-height:normal;max-height:var(--menuMaxHeight);overflow:auto}.menuSeparator{border-bottom:2px solid #000;height:0}.itemSeparator{border-bottom:1px solid #a9a9a9;height:0}#subMenuFour,#subMenuOne,#subMenuSearch,#subMenuThree,#subMenuTwo,#subMenuZero{display:block;height:0;line-height:0;overflow:hidden}.tipPopupUp{background-color:#555;border-radius:6px;color:#fff;display:inline-block;left:100%;line-height:12pt;padding:8px;position:absolute;text-align:center;transform:translateY(-100%);width:160px}.tipPopupUp:after,.tipPopupUp:before{border-color:transparent;border-style:solid;bottom:0;content:"";left:0;position:absolute}.tipPopupUp:before{border-bottom-color:#ccc;border-left-color:#ccc;border-width:.6em}.tipPopupUp:after{border-bottom-color:var(--menuHighlight);border-left-color:var(--menuHighlight);border-width:.5em}.tipPopupDown{background-color:#555;border-radius:6px;color:#fff;display:inline-block;left:100%;line-height:12pt;padding:8px;position:absolute;text-align:center;transform:translate(0);width:160px}.tipPopupDown:after,.tipPopupDown:before{border-color:transparent;border-style:solid;content:"";left:0;position:absolute;top:0}.tipPopupDown:before{border-left-color:#ccc;border-top-color:#ccc;border-width:.6em}.tipPopupDown:after{border-left-color:var(--menuHighlight);border-top-color:var(--menuHighlight);border-width:.5em}.menuTriangle{background-image:linear-gradient(to bottom right,transparent 50%,blue 0),linear-gradient(to top right,blue 50%,transparent 0);background-position:0,100%;background-repeat:no-repeat;background-size:50% 100%;float:right;height:12px;width:12px}.right{transform:rotate(90deg)}.down{transform:rotate(180deg)}.menuItem{background-color:var(--menuItem)}.actionItem{background-color:var(--actionItem)}.prefixItem{background-color:var(--prefixItem)}.subHelpItem{background-color:var(--subHelpItem);text-align:center}.prefixActionItem{background-color:var(--prefixActionItem)}.allItem{background-color:var(--allItem)}.selected{background-color:var(--menuHighlight)}.metricPrefix{color:var(--metricPrefix);font-size:.8em}@keyframes pulseArrow{0%{border-top-color:transparent;transform:scale(.95)}70%{border-top-color:var(--scrollArrow);transform:scale(1)}to{border-top-color:transparent;transform:scale(.95)}}.scrollArrow{top:calc(100% - 30px)}.scrollArrow,.scrollArrowBack{border-left:30px solid transparent;border-right:30px solid transparent;border-top:30px solid var(--scrollArrow);height:0;position:absolute;right:calc(50% - 15px);width:0}.scrollArrowBack{top:calc(100% - 66px)}#scrollArrowOne,#scrollArrowSearch,#scrollArrowThree,#scrollArrowTwo,#scrollArrowZero{animation:pulseArrow 3s infinite;display:none;transform:scale(1)}#subHelpContent{background:var(--keypadInput);display:block;height:var(--menuMaxHeight);overflow-x:hidden;overflow-y:scroll;padding:8px;position:absolute;width:var(--subHelpWidth);z-index:20}.subHelpClose{color:#888;cursor:pointer;font-size:30px;font-weight:700;position:absolute;right:40px;text-decoration:none;top:2px}#subHelp{overflow-y:visible}.keypad{border:1px solid #000;display:inline-block;width:242px}.key{background-image:var(--keypadKey);border-color:#adb1b8 #a2a6ac #8d9096;border-radius:3px;border-style:solid;border-width:1px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6);box-sizing:border-box;color:var(--textColor);cursor:pointer;display:inline-block;font-family:Amazon Ember,Arial,sans-serif;font-size:14px;outline:0;overflow:hidden;padding:0 11px;text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;width:50px}.key,.tableKey{float:right;height:30px;margin:5px}.tableKey{width:230px}.key:active,.key:active:hover{border-bottom-color:#a2a6ac}.key:hover{border-color:#a2a6ac #979aa1 #82858a}.key:focus{border-color:#e77600;box-shadow:0 0 3px 2px rgba(228,121,17,.5);outline:0}.keyDot{font-weight:900}.keyDash{font-size:20px;font-weight:400}.keyWide{display:inline-block;float:right;height:30px;margin:5px;width:80px}.unitView{border:1px solid #000;padding:4px;width:234px}.unitInput{background-color:var(--keypadBackground);border:3px outset transparent;border-radius:5px;float:none;margin:auto;padding:2px;width:244px}#unitValue{background:var(--keypadInput);color:var(--textColor);font-family:Amazon Ember,Arial,sans-serif;font-size:18px;width:calc(100% - 8px)}fieldset{margin:0;padding:0}#unitOutput{display:inline-block;margin-left:10px;width:550px}#unitOutput,#unitOutputMobile{float:none;position:relative;top:100%}#unitOutputMobile{display:none;width:100%}.unitHolder{background-color:var(--outputBackground);height:20px;margin:5px;width:calc(100% - 10px)}.middleButtons{width:100%}.equalSign{display:inline-block;font-size:18px;margin:5px;text-align:center}.swapButton{background-color:var(--unitButton);border:none;color:var(--unitButtonText);cursor:pointer}.swapButton:focus,.swapButton:hover{background-color:var(--unitButtonHover)}.precisionCell{text-align:right;width:42%}.equalCell{text-align:center;width:45%}.swapCell{text-align:left;width:13%}#unitOutput .outValue{width:33%}#unitOutputMobile .outValue{width:70%}.outValue{border-color:var(--outputBorder);border-style:solid;font-size:20px;padding:5px 10px;text-align:center;vertical-align:middle}#unitOutput .outUnit{width:50%}#unitOutputMobile .outUnit{width:100%}.outUnit{border-color:var(--outputBorder);border-style:solid;font-size:18px;padding:5px 10px;text-align:center;vertical-align:middle}#unitOutput .outAbbreviation{width:17%}#unitOutputMobile .outAbbreviation{width:30%}.outAbbreviation{border-color:var(--outputBorder);border-style:solid;font-size:18px;padding:5px 10px;text-align:center;vertical-align:middle;width:17%}.outNote{border-color:var(--outputBorder);border-style:solid;font-size:16px;padding:5px 10px;text-align:center;vertical-align:middle;width:100%}#precisionSelect,#precisionSelectMobile{background-color:var(--keypadInput);color:var(--textColor)}#refTables{font-size:var(--tableFontSize);margin:0 auto;width:var(--tableWidth)}.refTableBaseNameCell a:link,.refTableBaseNameCell a:visited,.refTableTypeCell a:link,.refTableTypeCell a:visited{color:gold}.refTableNameCell a:link,.refTableNameCell a:visited{color:skyblue}.linkButton:link,.linkButton:visited{background-color:var(--unitButton);border:none;color:#000;cursor:pointer;padding:1px 5px;text-decoration:none}.linkButton:hover{background-color:var(--unitButtonHover)}.headTable{border:none;width:100%}.backColumn{background-color:#282828;text-align:center;width:15%}.titleColumn{text-align:center;width:70%}.nextColumn{background-color:#282828;text-align:center;width:15%}.refTable{border-color:var(--outputBorder);border-style:solid;color:cyan;margin-bottom:20px;margin-top:20px;width:100%}.refBaseRow{background-color:#050}.refCell{border:1px solid grey;padding:5px}.refTableTypeCell{border-color:var(--outputBorder);border-style:solid;color:gold;font-size:1.2em;text-align:center}.refTableBaseValueCell{color:gold;text-align:right}.refTableBaseNameCell{color:gold;text-align:left}.refTableEqualCell{text-align:center;width:10%}.refTableValueCell{text-align:right;width:35%}.refTableNameCell{text-align:left;width:55%}