#hidden-text-input { position: absolute; left:0; top:0; background: none; border: none; opacity: 0; pointer-events: none; } .dynmet-calc { font-size: 18px; line-height: 26px; user-select: text; } .dynmet-calc input { border: none; box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.3); background: transparent; font: inherit; color: inherit; outline: none; margin: 0 0.2em; width: 40px; text-align: center; line-height: inherit; color: #eee; user-select: text; } .dynmet-calc input:focus { color: #fff; box-shadow: inset 0 -2px 0 0 rgb(43, 139, 247); } .dynmet-calc input[type=number]::-webkit-inner-spin-button, .dynmet-calc input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .dynmet-calc .arrow { margin: 0 0.5em; color: #eee; } .dynmet-calc #dynmet-tracking { box-shadow: none; width: 57px; margin-right: 0.1em; color: #eee; } .dynmet-calc #dynmet-tracking.percent { width: 34px; } .dynmet-calc #dynmet-unit:hover { color: rgb(43, 139, 247); } .dynmet-calc #dynmet-unit:active { color: white; } /* FAQ */ ul.faq { list-style:none; display: flex; flex-direction: column; margin-left:0; } ul.faq > li { padding-right: 6px; margin-bottom: 6px; padding-left: 1.5em; text-indent: -1.5em; } ul.faq > li:target { background: #fafa88; margin-left: -1.5em; } ul.faq > li > a.anchor { visibility: hidden; height:0; position:relative; } ul.faq li.q { font-weight: 600; margin-top:1.5em; text-indent: -1.52em; } ul.faq > li.q:first-child, ul.faq > li.q:not([id]) { margin-top:0; } tablex in, tablex to, tablex out { display: table-cell; width: 5%; white-space: pre; padding-bottom:0.5em; } tablex to::after { -moz-font-feature-settings: 'calt' 1, 'case' 1; -ms-font-feature-settings: 'calt' 1, 'case' 1; -o-font-feature-settings: 'calt' 1, 'case' 1; -webkit-font-feature-settings: 'calt' 1, 'case' 1; font-feature-settings: 'calt' 1, 'case' 1; content: " → "; color: rgba(0,0,0,0.2); } tablex in, tablex out { color: rgba(0,0,0,0.8); } tablex r name { color: rgba(0,0,0,0.4); } tablex in { -moz-font-feature-settings: 'calt' 0; -ms-font-feature-settings: 'calt' 0; -o-font-feature-settings: 'calt' 0; -webkit-font-feature-settings: 'calt' 0; font-feature-settings: 'calt' 0; } tablex out { -moz-font-feature-settings: 'calt' 1; -ms-font-feature-settings: 'calt' 1; -o-font-feature-settings: 'calt' 1; -webkit-font-feature-settings: 'calt' 1; font-feature-settings: 'calt' 1; } tablex em { font-style: inherit; background: #e4fdef; color: rgba(0,0,0,1); } tablex out.zero { -moz-font-feature-settings: 'calt' 1, 'zero' 1; -ms-font-feature-settings: 'calt' 1, 'zero' 1; -o-font-feature-settings: 'calt' 1, 'zero' 1; -webkit-font-feature-settings: 'calt' 1, 'zero' 1; font-feature-settings: 'calt' 1, 'zero' 1; } tablex out.tnum { -moz-font-feature-settings: 'calt' 1, 'tnum' 1; -ms-font-feature-settings: 'calt' 1, 'tnum' 1; -o-font-feature-settings: 'calt' 1, 'tnum' 1; -webkit-font-feature-settings: 'calt' 1, 'tnum' 1; font-feature-settings: 'calt' 1, 'tnum' 1; } tablex out.case { -moz-font-feature-settings: 'calt' 1, 'case' 1; -ms-font-feature-settings: 'calt' 1, 'case' 1; -o-font-feature-settings: 'calt' 1, 'case' 1; -webkit-font-feature-settings: 'calt' 1, 'case' 1; font-feature-settings: 'calt' 1, 'case' 1; } tablex out.frac { -moz-font-feature-settings: 'calt' 1, 'frac' 1; -ms-font-feature-settings: 'calt' 1, 'frac' 1; -o-font-feature-settings: 'calt' 1, 'frac' 1; -webkit-font-feature-settings: 'calt' 1, 'frac' 1; font-feature-settings: 'calt' 1, 'frac' 1; } tablex out.numr { -moz-font-feature-settings: 'calt' 1, 'numr' 1; -ms-font-feature-settings: 'calt' 1, 'numr' 1; -o-font-feature-settings: 'calt' 1, 'numr' 1; -webkit-font-feature-settings: 'calt' 1, 'numr' 1; font-feature-settings: 'calt' 1, 'numr' 1; } tablex out.dnom { -moz-font-feature-settings: 'calt' 1, 'dnom' 1; -ms-font-feature-settings: 'calt' 1, 'dnom' 1; -o-font-feature-settings: 'calt' 1, 'dnom' 1; -webkit-font-feature-settings: 'calt' 1, 'dnom' 1; font-feature-settings: 'calt' 1, 'dnom' 1; } tablex out.sups { -moz-font-feature-settings: 'calt' 1, 'sups' 1; -ms-font-feature-settings: 'calt' 1, 'sups' 1; -o-font-feature-settings: 'calt' 1, 'sups' 1; -webkit-font-feature-settings: 'calt' 1, 'sups' 1; font-feature-settings: 'calt' 1, 'sups' 1; } tablex out.subs { -moz-font-feature-settings: 'calt' 1, 'subs' 1; -ms-font-feature-settings: 'calt' 1, 'subs' 1; -o-font-feature-settings: 'calt' 1, 'subs' 1; -webkit-font-feature-settings: 'calt' 1, 'subs' 1; font-feature-settings: 'calt' 1, 'subs' 1; } tablex out.ss01 { -moz-font-feature-settings: 'calt' 1, 'ss01' 1; -ms-font-feature-settings: 'calt' 1, 'ss01' 1; -o-font-feature-settings: 'calt' 1, 'ss01' 1; -webkit-font-feature-settings: 'calt' 1, 'ss01' 1; font-feature-settings: 'calt' 1, 'ss01' 1; } tablex out.ss02 { -moz-font-feature-settings: 'calt' 1, 'ss02' 1; -ms-font-feature-settings: 'calt' 1, 'ss02' 1; -o-font-feature-settings: 'calt' 1, 'ss02' 1; -webkit-font-feature-settings: 'calt' 1, 'ss02' 1; font-feature-settings: 'calt' 1, 'ss02' 1; } tablex out.cpsp { -moz-font-feature-settings: 'calt' 1, 'cpsp' 1; -ms-font-feature-settings: 'calt' 1, 'cpsp' 1; -o-font-feature-settings: 'calt' 1, 'cpsp' 1; -webkit-font-feature-settings: 'calt' 1, 'cpsp' 1; font-feature-settings: 'calt' 1, 'cpsp' 1; } tablex out.dlig { -moz-font-feature-settings: 'calt' 1, 'dlig' 1; -ms-font-feature-settings: 'calt' 1, 'dlig' 1; -o-font-feature-settings: 'calt' 1, 'dlig' 1; -webkit-font-feature-settings: 'calt' 1, 'dlig' 1; font-feature-settings: 'calt' 1, 'dlig' 1; } tablex out.cv01 { -moz-font-feature-settings: 'calt' 1, 'cv01' 1; -ms-font-feature-settings: 'calt' 1, 'cv01' 1; -o-font-feature-settings: 'calt' 1, 'cv01' 1; -webkit-font-feature-settings: 'calt' 1, 'cv01' 1; font-feature-settings: 'calt' 1, 'cv01' 1; } tablex out.cv02 { -moz-font-feature-settings: 'calt' 1, 'cv02' 1; -ms-font-feature-settings: 'calt' 1, 'cv02' 1; -o-font-feature-settings: 'calt' 1, 'cv02' 1; -webkit-font-feature-settings: 'calt' 1, 'cv02' 1; font-feature-settings: 'calt' 1, 'cv02' 1; } tablex out.cv03 { -moz-font-feature-settings: 'calt' 1, 'cv03' 1; -ms-font-feature-settings: 'calt' 1, 'cv03' 1; -o-font-feature-settings: 'calt' 1, 'cv03' 1; -webkit-font-feature-settings: 'calt' 1, 'cv03' 1; font-feature-settings: 'calt' 1, 'cv03' 1; } tablex out.cv04 { -moz-font-feature-settings: 'calt' 1, 'cv04' 1; -ms-font-feature-settings: 'calt' 1, 'cv04' 1; -o-font-feature-settings: 'calt' 1, 'cv04' 1; -webkit-font-feature-settings: 'calt' 1, 'cv04' 1; font-feature-settings: 'calt' 1, 'cv04' 1; } tablex out.cv05 { -moz-font-feature-settings: 'calt' 1, 'cv05' 1; -ms-font-feature-settings: 'calt' 1, 'cv05' 1; -o-font-feature-settings: 'calt' 1, 'cv05' 1; -webkit-font-feature-settings: 'calt' 1, 'cv05' 1; font-feature-settings: 'calt' 1, 'cv05' 1; } tablex out.cv06 { -moz-font-feature-settings: 'calt' 1, 'cv06' 1; -ms-font-feature-settings: 'calt' 1, 'cv06' 1; -o-font-feature-settings: 'calt' 1, 'cv06' 1; -webkit-font-feature-settings: 'calt' 1, 'cv06' 1; font-feature-settings: 'calt' 1, 'cv06' 1; } tablex out.cv07 { -moz-font-feature-settings: 'calt' 1, 'cv07' 1; -ms-font-feature-settings: 'calt' 1, 'cv07' 1; -o-font-feature-settings: 'calt' 1, 'cv07' 1; -webkit-font-feature-settings: 'calt' 1, 'cv07' 1; font-feature-settings: 'calt' 1, 'cv07' 1; } tablex out.cv08 { -moz-font-feature-settings: 'calt' 1, 'cv08' 1; -ms-font-feature-settings: 'calt' 1, 'cv08' 1; -o-font-feature-settings: 'calt' 1, 'cv08' 1; -webkit-font-feature-settings: 'calt' 1, 'cv08' 1; font-feature-settings: 'calt' 1, 'cv08' 1; } tablex out.cv09 { -moz-font-feature-settings: 'calt' 1, 'cv09' 1; -ms-font-feature-settings: 'calt' 1, 'cv09' 1; -o-font-feature-settings: 'calt' 1, 'cv09' 1; -webkit-font-feature-settings: 'calt' 1, 'cv09' 1; font-feature-settings: 'calt' 1, 'cv09' 1; } tablex out.cv10 { -moz-font-feature-settings: 'calt' 1, 'cv10' 1; -ms-font-feature-settings: 'calt' 1, 'cv10' 1; -o-font-feature-settings: 'calt' 1, 'cv10' 1; -webkit-font-feature-settings: 'calt' 1, 'cv10' 1; font-feature-settings: 'calt' 1, 'cv10' 1; } boxes.features box h3 + p { margin-top:0.5em; } boxes.features grid .sample { word-break: break-word; word-wrap: break-word; } boxes.features grid .sample em { font-style: inherit; background: #e4fdef; color: black; }