h1{text-align:center;line-height:2rem}a{text-decoration:underline}a:hover{color:#666}fieldset{display:grid;grid-template-columns:220px 100px;width:320px;padding:0;border:none;overflow:hidden;margin:20px 0;box-shadow:0 5px #6683;border-radius:10px}fieldset input{font-weight:700;padding:10px;text-align:right}fieldset button,fieldset input{width:auto;height:60px;border-radius:0;border:solid 1px #ccc;padding:10px;color:#333}fieldset button{background:#f9f9f9}fieldset button:hover,fieldset input:hover,fieldset button[aria-expanded=true]{background:#efefef;transition:all .2s}fieldset input:focus{background:#fff}fieldset .number{border-top-left-radius:10px;font-size:36px}fieldset .currency-button{border-top-right-radius:10px;text-align:center;font-size:22px;border-left:0}fieldset .currency-button .current-value{padding-right:22px}fieldset .unit-button{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:0;grid-column:-1 / 1;text-align:center;font-size:22px}fieldset .button{display:grid;grid-template-areas:"stack";align-items:center}fieldset .button .current-value{grid-area:stack;text-align:center}fieldset .button .chevron{grid-area:stack;justify-self:end}.popover{opacity:0;transform:scale(.2);transition:transform ease-out .15s,opacity ease-out .25s;border-width:1px;border-style:solid;border-color:#ccc;z-index:50;overflow:auto;overscroll-behavior:contain;border-radius:10px;color:#000;max-height:min(var(--popover-available-height, 480px),480px);transform-origin:var(--popover-transform-origin, top right);background-color:#fff}.popover[data-enter]{transition:transform cubic-bezier(.39,1.56,.64,1.2) .15s,opacity ease-out .25s;opacity:1;transform:scale(1)}.select-item{display:flex;cursor:default;scroll-margin:.5rem;align-items:center;gap:.5rem;padding:.5rem;outline:none!important;width:100%;scroll-margin-top:92px}.select-item[data-active-item],.select-item.selected[data-active-item]{background-color:#007acc;color:#fff}.select-item.selected{background:#eee}.combobox-wrapper{position:sticky;top:0;right:0;background-color:inherit;z-index:20;width:100%}.combobox{height:2.5rem;width:100%;border-style:none;padding-left:1rem;padding-right:1rem;line-height:1.5rem;border-bottom:solid 1px #ccc;color:#000}.combobox:hover{background:#efefef;transition:all .2s}.popover .combobox::-moz-placeholder{color:#333;font-style:italic;font-weight:400}.popover .combobox::placeholder{color:#333;font-style:italic;font-weight:400}.currency-popover{width:320px}.combobox-wrapper input{border-top-left-radius:10px;border-top-right-radius:10px;border:solid 1px #ccc}.last-updated .icon{display:inline-block;margin-right:5px}.details{display:none;transition:display 1s allow-discrete}.details.visible{display:block}.details dt{display:none}.details.visible div{display:block;opacity:1;transition:opacity .1s ease-out calc(var(--i) * 30ms),display .35s allow-discrete}.details div{transition:opacity .1s ease-out calc((4 - var(--i)) * 30ms),display .35s allow-discrete;opacity:0;width:100%;margin-bottom:1em;display:none}.details dt{font-weight:700;display:block}@starting-style{.details.visible div{opacity:0}}.details-button{display:grid;grid-template-areas:"icon text";align-items:center;justify-items:left;gap:5px;text-decoration:underline;margin-bottom:1em;overflow:hidden}.details-button:hover span,.details-button:hover svg{color:#666}.details-button span{grid-area:text;transition:transform .2s ease,opacity 50ms ease}.details-button.details-shown #show-details-text{transform:translateY(100%);opacity:.2}.details-button.details-shown #hide-details-text,.details-button.details-hidden #show-details-text{transform:translateY(0);opacity:1}.details-button.details-hidden #hide-details-text{transform:translateY(-100%);opacity:.2}.language-form{font-weight:400;display:flex;flex-direction:row;align-items:center;gap:5px;justify-content:center}.language-form>label:after{content:":"}.select-button{width:auto;border-radius:0;padding:10px;color:#333;border:none;background:#f9f9f9;font-weight:400}.select-button:hover{background:#efefef;transition:all .2s}.select-button{display:grid;grid-template-areas:"stack";align-items:center;border-radius:10px;box-shadow:#24242433 0 0 10px}.select-button .current-value{grid-area:stack;text-align:center;display:grid;grid-template-columns:auto auto;align-items:center;gap:5px;padding-right:22px}.select-button .chevron{grid-area:stack;justify-self:end}.language-select{box-shadow:none;border:solid 1px #ccc;background:none;padding:5px 10px}.language-popover{background:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border-radius:.5rem;border-width:1px;border-style:solid;border-color:#dae2e7}footer nav{margin-bottom:20px}footer ul{display:flex;flex-direction:column;align-content:stretch;justify-content:center;align-items:center;gap:10px}footer nav a{display:flex;flex-direction:row;align-items:center;gap:10px}footer a:hover .link-icon{color:#666}.language-alert{--animation-duration: .4s;--box-shadow-spread: 10px;border-radius:10px;box-shadow:#24242433 0 0 var(--box-shadow-spread);display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close";align-items:center;transform:translateY(calc(-100% - var(--box-shadow-spread)));opacity:.2;position:absolute;width:320px;z-index:10;background-color:#fff;animation:slideIn var(--animation-duration) ease-out forwards}.language-alert[aria-hidden=true]{animation:slideOut var(--animation-duration) ease-out forwards}.language-alert .translate-icon{height:44px;width:44px;grid-area:icon;align-items:center;justify-content:center;display:grid}.language-alert .close-button{grid-area:close;height:44px;width:44px;display:grid;justify-content:center;align-items:center}.language-alert main{padding:10px;grid-area:content;justify-self:center;align-self:center}@keyframes slideIn{0%{opacity:.2;transform:translateY(calc(-100% - var(--box-shadow-spread)))}to{opacity:1;transform:translateY(20px)}}@keyframes slideOut{0%{opacity:1;transform:translateY(20px)}to{opacity:.2;transform:translateY(calc(-100% - var(--box-shadow-spread)))}}
