@import url(https://www.standard.com/sites/default/files/unmanaged/assets/public/css/thestan-timbr.css);

/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
*,
:after,
:before {
    background-repeat: no-repeat;
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

:after,
:before {
    text-decoration: inherit;
    vertical-align: inherit
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

nav ol,
nav ul {
    list-style: none
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

::-moz-selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none
}

::selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg {
    fill: currentColor
}

svg:not(:root) {
    overflow: hidden
}

table {
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    margin: 0
}

button,
input,
select,
textarea {
    background-color: transparent;
    color: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto;
    resize: vertical
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[tabindex],
a,
area,
button,
input,
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

[hidden] {
    display: none
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-hidden=false][hidden]:not(:focus) {
    clip: rect(0, 0, 0, 0);
    display: inherit;
    position: absolute
}

[aria-disabled] {
    cursor: default
}

/*!
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com

@font-face {
    font-family: Helvetica Neue LT W01_55 Roman;
    src: url(../../static/media/bf7ef4ce-de2a-4213-a9d7-826a3ee323cd.716a9299.eot?#iefix);
    src: url(../../static/media/bf7ef4ce-de2a-4213-a9d7-826a3ee323cd.716a9299.eot?#iefix) format("eot"), url(../../static/media/3dac71eb-afa7-4c80-97f0-599202772905.175966ad.woff2) format("woff2"), url(../../static/media/34e0e4c0-c294-49bb-9a8e-1b2cafd54e32.b49e235f.woff) format("woff"), url(../../static/media/8a8bfee3-197c-4942-9b11-71508cc9f406.bdda4dbd.ttf) format("truetype"), url(../../static/media/5101995a-e73b-4cf9-84e8-f99eb43277b1.153c18a1.svg#5101995a-e73b-4cf9-84e8-f99eb43277b1) format("svg")
}

@font-face {
    font-family: Helvetica Neue LT W01_71488914;
    src: url(../../static/media/8a6c3e5a-88a5-430c-91d8-7767ce971d12.f05bc7ca.eot?#iefix);
    src: url(../../static/media/8a6c3e5a-88a5-430c-91d8-7767ce971d12.f05bc7ca.eot?#iefix) format("eot"), url(../../static/media/531c5a28-5575-4f58-96d4-a80f7b702d7b.4622c999.woff2) format("woff2"), url(../../static/media/439c5962-f9fe-4eaf-a1f6-f41d42edba75.d9dbca36.woff) format("woff"), url(../../static/media/419a308d-b777-4f84-9235-2caf4a98ec23.872fba35.ttf) format("truetype"), url(../../static/media/e4d5b881-6835-45b7-8766-3e5b9e7cab8b.428f8983.svg#e4d5b881-6835-45b7-8766-3e5b9e7cab8b) format("svg")
}

@font-face {
    font-family: Helvetica Neue LT W01_77 Bd Cn;
    src: url(../../static/media/1527aeed-e69d-4399-82e3-7b53d48da7a2.bef5900e.eot?#iefix);
    src: url(../../static/media/1527aeed-e69d-4399-82e3-7b53d48da7a2.bef5900e.eot?#iefix) format("eot"), url(../../static/media/5f4620bc-98f7-4b13-9f90-3a54ea6a9c55.a0e0b8dc.woff2) format("woff2"), url(../../static/media/ac30e84e-cb19-4576-b6f9-491fccbd42ff.5adb37d2.woff) format("woff"), url(../../static/media/b583b782-0709-4a13-899f-7e9ab1a7eccd.46e3ad8c.ttf) format("truetype"), url(../../static/media/d5dd03f5-3afb-46e9-aad0-234de8607afa.fbcdbb03.svg#d5dd03f5-3afb-46e9-aad0-234de8607afa) format("svg")
}*/

html {
    line-height: 1.5;
    font-family: "TheStanTimbr",'Roboto','sans-serif';
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-overflow-style: scrollbar
}

body {
    font-size: 1rem;
    color: #505050;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: none !important
}

.LegendItem {
    font-size: inherit;
    line-height: inherit;
    list-style: none
}

.LegendItem:not(:last-child) {
    margin-bottom: .75em
}

.LegendItem__swatch {
    display: inline-block;
    vertical-align: middle;
    width: 1.5em;
    height: 1.5em;
    margin-right: .5em;
    background-color: currentColor
}

.Legend {
    font-size: .875rem;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: .5rem;
    padding-left: 5px;
    list-style: none
}

.ChartWrapper+.Legend {
    margin-top: 1rem
}

.Chart {
    font-size: .875rem;
    margin-bottom: 1rem;
    padding: 1rem;
    color: #505050;
    background-color: #f2f2f2
}

.ChartWrapper {
    position: relative;
    height: 200vw;
    max-height: 33rem
}

.Label {
    font-size: .875rem;
    line-height: 1;
    display: block;
    padding-left: .25rem;
    padding-right: .25rem;
    color: #999;
    background-color: #fff
}

.Select,
.Toggle {
    position: relative
}

.Toggle {
    text-align: left;
    width: 100%;
    height: 3rem;
    padding: 0 .75rem;
    color: #999;
    border: 1px solid #d8d8d8;
    outline: none;
    -webkit-box-shadow: inset 0 .5rem .5rem -.5rem rgba(0, 0, 0, .2);
    box-shadow: inset 0 .5rem .5rem -.5rem rgba(0, 0, 0, .2)
}

.Toogle__inner {
    display: -ms-flexbox;
    display: flex
}

.Toogle__children {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    margin-right: .75rem
}

.Toogle__icon {
    -ms-flex: 0 0 .75rem;
    flex: 0 0 .75rem
}

.Toogle__icon-img {
    max-width: 100%;
    height: auto
}

.Toggle--active,
.Toggle:focus {
    border-color: #004ea8
}

.Toggle--valued {
    color: #505050
}

.Options {
    position: absolute;
    z-index: 999;
    top: 100%;
    left: 0;
    overflow-y: hidden;
    width: auto;
    min-width: 4rem;
    max-width: 90vw;
    max-height: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .35);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .35);
    -webkit-transition: max-height 0 ease-out;
    -o-transition: max-height 0 ease-out;
    transition: max-height 0 ease-out
}

.Options--active {
    overflow-y: auto;
    max-height: 10rem;
    border: 1px solid #d8d8d8;
    -webkit-transition: max-height .25s ease-out;
    -o-transition: max-height .25s ease-out;
    transition: max-height .25s ease-out
}

.Option {
    text-align: left;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: 2rem;
    padding: 0 .75rem;
    color: #505050;
    border: none
}

.Option:not(:last-child) {
    border-bottom: 1px solid #d8d8d8
}

.Option--active,
.Option:focus,
.Option:hover {
    background-color: #f2f2f2
}

.Input {
    width: 100%;
    height: 3rem;
    padding: 0 .75rem;
    color: #505050;
    border: 1px solid #d8d8d8;
    outline: none;
    -webkit-box-shadow: inset 0 .5rem .5rem -.5rem rgba(0, 0, 0, .2);
    box-shadow: inset 0 .5rem .5rem -.5rem rgba(0, 0, 0, .2)
}

.Input--active,
.Input:focus {
    border-color: #004ea8
}

.Input::-webkit-input-placeholder {
    color: #999
}

.Input:-ms-input-placeholder {
    color: #999
}

.Input::placeholder {
    color: #999
}

.Field {
    position: relative;
    margin-bottom: .3125rem;
    padding-top: .4375rem;
    padding-bottom: .4375rem
}

.Field__Label {
    position: absolute;
    top: 0;
    left: .5rem;
    opacity: 0;
    width: auto;
    -webkit-transform: translateY(150%);
    -ms-transform: translateY(150%);
    transform: translateY(150%);
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s
}

.Field__Label--focused {
    color: #004ea8
}

.Field__Label--valued {
    z-index: 1;
    opacity: 1;
    width: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.Button {
    font-weight: bolder;
    line-height: 1;
    font-family: "TheStanTimbr",'Roboto','sans-serif';
    text-transform: uppercase;
    letter-spacing: .1em;
    padding: .75rem 1rem;
    color: #fff;
    background-color: #004ea8;
    border-width: 0
}

.Button:active {
    background-color: #003470
}

.Button--disabled {
    background-color: #d8d8d8
}

.Form {
    margin-bottom: 1rem
}

.Fieldset {
    margin-top: -.4375rem;
    margin-bottom: .6875rem
}

.Row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.Col,
.Col-a,
.Col-b,
.Col-b__a,
.Col-b__b {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.Col-a,
.Col-b,
.Col-b__a,
.Col-b__b {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

@media (min-width:40em) {

    .Col,
    .Col-a,
    .Col-b,
    .Col-b__a,
    .Col-b__b {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .Col-a,
    .Col-b {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .Col-b__a,
    .Col-b__b {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width:54em) {

    .Col,
    .Col-a,
    .Col-b,
    .Col-b__a,
    .Col-b__b {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .Col-a {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .Col-b {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .Col-b__a,
    .Col-b__b {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width:74em) {

    .Col,
    .Col-a,
    .Col-b,
    .Col-b__a,
    .Col-b__b {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .Col-a {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .Col-b {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .Col-b__a {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .Col-b__b {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }
}

.Grid {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: .75rem;
    padding-bottom: .75rem
}

.H1 {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.16;
    margin-top: 0;
    margin-bottom: 1rem
}

.H2 {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.16;
    margin-top: 0;
    margin-bottom: 1rem
}

.P {
    margin-top: 0;
    margin-bottom: 1rem
}

.P--small {
    font-size: .75rem
}

.H3 {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.16;
    margin-top: 0;
    margin-bottom: 1rem
}

.Result {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    color: #02658e
}

.Result--0 {
    padding-bottom: .5rem;
    border-bottom: 1px solid #c6c6c6
}

.Result:not(:last-child) {
    margin-bottom: .5rem
}

.Result__Label {
    font-size: .875em;
    line-height: 1.3;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 50%;
    margin-right: 1rem
}

.Result__Control {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.Result__Output {
    font-weight: bolder;
    font-size: 1.5em;
    font-family: "TheStanTimbr",'Roboto','sans-serif';
    letter-spacing: .04em
}

.Result__Suffix {
    font-size: .75em
}

.Results {
    margin-bottom: 1rem;
    padding: 1rem;
    background-color: #f2f2f2
}

.Sup {
    font-size: .625rem;
    line-height: 0;
    position: relative;
    top: -.5em;
    vertical-align: baseline
}

.H2 .Sup {
    top: -1.25em
}

/*# sourceMappingURL=main.9fd994b3.css.map*/