.container[data-v-96391212]{display:flex;align-items:stretch;background:#fff;box-shadow:0 0 9px #0000001c}.thermometer[data-v-96391212]{display:none;color:#fff;padding:1rem}.positive-thermometer[data-v-96391212]{background:linear-gradient(var(--green-light),var(--green-dark))}.negative-thermometer[data-v-96391212]{background:linear-gradient(var(--red-light),var(--red-dark))}.line[data-v-96391212]{position:relative;height:100%;width:2px;margin-left:1rem}.positive-thermometer .line[data-v-96391212]{background:linear-gradient(#fff,#ffffff7a)}.negative-thermometer .line[data-v-96391212]{background:linear-gradient(#ffffff7a,#fff)}.arrow[data-v-96391212]{position:absolute;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:13px solid white;height:0;width:0;right:100%}.numbers[data-v-96391212]{display:flex;flex-direction:column;font-size:.75rem;justify-content:space-between;margin-left:.5rem;width:6ch}.numbers[data-v-96391212] *{font-weight:600}.data[data-v-96391212]{display:flex;align-items:center;min-width:0;padding:1rem;width:100%}.naming-info[data-v-96391212]{width:60%}.name[data-v-96391212]{font-size:.875rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.symbol[data-v-96391212]{color:var(--titles);font-size:.875rem;font-weight:600}.performance-info[data-v-96391212]{align-items:baseline;text-align:right;width:40%}.price[data-v-96391212]{font-size:1.375rem}.change[data-v-96391212]{font-size:.875rem;white-space:nowrap}.change[data-v-96391212] *{font-weight:600}.positive-absolute-change[data-v-96391212]{color:var(--green-dark)}.negative-absolute-change[data-v-96391212]{color:var(--red-dark)}svg[data-v-96391212]{fill:currentColor;width:9px}.positive-percent-change[data-v-96391212]{color:var(--green)}.negative-percent-change[data-v-96391212]{color:var(--red)}.price-history[data-v-96391212]{display:none;font-size:.75rem;font-weight:600;grid-template-columns:repeat(auto-fit,5rem);row-gap:.1rem;text-transform:uppercase}.price-history[data-v-96391212] *{font-weight:inherit}.price-description[data-v-96391212]{color:var(--titles)}@media(prefers-color-scheme:dark){.container[data-v-96391212]{background:#324654}.positive-absolute-change[data-v-96391212]{color:var(--green-light)}.negative-absolute-change[data-v-96391212]{color:#ffd0d0}.positive-percent-change[data-v-96391212]{color:#35cd00}.negative-percent-change[data-v-96391212]{color:#ff9393}}@media screen and (min-width:768px){.thermometer[data-v-96391212]{display:flex}.data[data-v-96391212]{display:unset;padding:1.5rem}.naming-info[data-v-96391212]{width:100%}.name[data-v-96391212]{font-size:1.125rem}.performance-info[data-v-96391212]{display:flex;width:100%}.price[data-v-96391212]{font-size:1.75rem}.change[data-v-96391212]{margin-left:.5rem}.price-history[data-v-96391212]{display:grid}}:root{--background: #fafafa;--button: #284cc9;--caption: #919aa0;--green: #299e00;--green-dark: #00a333;--green-light: #6af531;--red: #bb0606;--red-dark: #901700;--red-light: #eb5631;--titles: #98a1a8;--type: #3e5769}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{background:var(--background);color:var(--type);font-family:Open Sans,sans-serif;margin:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){body{--titles: #d1dde7;background:var(--type)}}#app{margin:auto;max-width:1250px;padding:0 .75rem}@media(prefers-color-scheme:dark){#app{color:var(--background)}}@media screen and (min-width:768px){#app{padding:2rem}}.heading[data-v-b1c890b0]{font-weight:600;margin:revert}.add-input-group[data-v-b1c890b0]{display:flex;height:50px;margin-bottom:1rem}.add-input[data-v-b1c890b0]{background:inherit;border:1px solid #e1e2e4;flex:1;font-family:inherit;font-size:1rem;padding:1rem}.add-button[data-v-b1c890b0]{background:var(--button);color:#fff;border:0;box-shadow:0 14px 33px -18px var(--button);cursor:pointer;font-family:inherit;font-weight:800;margin-left:.5rem;padding:0 1.4rem;text-transform:uppercase;white-space:nowrap}.verbose-button-text[data-v-b1c890b0]{display:none;font-weight:inherit}.error-message[data-v-b1c890b0]{color:var(--red);margin:revert}.stocks[data-v-b1c890b0]{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));grid-gap:1rem}.stock[data-v-b1c890b0]{margin-bottom:.5rem}@media(prefers-color-scheme:dark){.add-input[data-v-b1c890b0]{color:var(--background)}.add-input[data-v-b1c890b0]::placeholder{color:#b7c3ca}.error-message[data-v-b1c890b0]{color:var(--red-light)}}@media screen and (min-width:768px){.heading[data-v-b1c890b0]{font-size:3.75rem}.add-input-group[data-v-b1c890b0]{margin-bottom:2rem;width:27rem}.add-button[data-v-b1c890b0]{padding:0 2rem}.verbose-button-text[data-v-b1c890b0]{display:unset}.stocks[data-v-b1c890b0]{display:grid}.stock[data-v-b1c890b0]{margin:0}}