/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Flex';
  font-style: normal;
  font-weight: 300 900;
  font-stretch: 105%;
  font-display: swap;
  src: url(/assets/RobotoFlex/cyrillic-ext-532afc709f6c130d67db262a77afe8f981c95bcc8b5ad30f4a7dffc937641e24.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Roboto Flex';
  font-style: normal;
  font-weight: 300 900;
  font-stretch: 105%;
  font-display: swap;
  src: url(/assets/RobotoFlex/cyrillic-332d84825a1a01135ae3d8f195c2f3b2734ffb5ced99668a6fbcc68bfdce8bb6.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek */
@font-face {
  font-family: 'Roboto Flex';
  font-style: normal;
  font-weight: 300 900;
  font-stretch: 105%;
  font-display: swap;
  src: url(/assets/RobotoFlex/greek-60cfa286842fa9d6d1edf8185a510f9bf5af23a6b4070a8739bfdc0eae19e93b.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Roboto Flex';
  font-style: normal;
  font-weight: 300 900;
  font-stretch: 105%;
  font-display: swap;
  src: url(/assets/RobotoFlex/vietnamese-8d116703e40a483ee2a8522f39e17f8260bb4f014759c421dd4e340f65cd625c.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto Flex';
  font-style: normal;
  font-weight: 300 900;
  font-stretch: 105%;
  font-display: swap;
  src: url(/assets/RobotoFlex/latin-ext-033cf8b24b54f184e5bcebea5bcdbb60a859504cb2c2b2b4c7bc4c17c0561bdf.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Roboto Flex';
  font-style: normal;
  font-weight: 300 900;
  font-stretch: 105%;
  font-display: swap;
  src: url(/assets/RobotoFlex/latin-6c9b46453e32dda46025db7557565fdf22cb2fc72638d72d2b84e66538d884df.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/Poppins/Poppins-400-latin-ext-d83babcfb83b2f49c923bf66fb6c990a73672b96dbfd9f0f2a39ad5358047128.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/Poppins/Poppins-400-latin-effdec1dd64fd67c128f6171af4a39ba773d3304ce1c63b79b6d90797c9851e3.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/Poppins/Poppins-500-latin-ext-5b06dae00607b5eaf2b9be80ccab1d2857e4b119407da6cd3915df94053134d9.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/Poppins/Poppins-500-latin-6adcbb12df736315618c82eee791ebf4a0bc7be736d99f1a49fac6b52905c32b.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/Poppins/Poppins-600-latin-ext-3710d95fcd21d01b2b97a815a2d8bab6a5192529f334e22d63d6c677affde9bc.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/Poppins/Poppins-600-latin-402db726b45db9b565f14f8624276294dcf93e35997a5217cdb3c6df6ba431c3.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/Poppins/Poppins-700-latin-ext-7fe69724f178c7a4a3bb7e8de363a88f6182760f935bce67458686df2535901b.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/Poppins/Poppins-700-latin-717368e893fe5a80f2b6443e352a6b7754e6f1f58e453621d0e24c8c46d20ad9.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*=======================================================================================
                                            RESETS / NORMALIZERS
=======================================================================================*/
/* line 6, app/assets/stylesheets/v2/vial_calculator/public.css */
html {
  box-sizing: border-box;
}

/* line 7, app/assets/stylesheets/v2/vial_calculator/public.css */
* {
  box-sizing: inherit;
}

/* line 8, app/assets/stylesheets/v2/vial_calculator/public.css */
*::before,
*::after {
  box-sizing: inherit;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
body {
  margin: 0;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
main {
  display: block;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
h1 {
  font-size: 2em;
  margin: .67em 0;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
pre {
  font-family: monospace,monospace;
  font-size: 1em;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
a {
  background-color: transparent;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
b, strong {
  font-weight: 500;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
code, kbd, samp {
  font-family: monospace,monospace;
  font-size: 1em;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
small {
  font-size: 80%;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
sub {
  bottom: -.25em;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
sup {
  top: -.5em;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
img {
  border-style: none;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: inherit;
  margin: 0;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
button, input {
  overflow: visible;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
button, select {
  text-transform: none;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
fieldset {
  padding: .35em .75em .625em;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
progress {
  vertical-align: baseline;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
textarea {
  overflow: auto;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
details {
  display: block;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
summary {
  display: list-item;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
template {
  display: none;
}

/* line 13, app/assets/stylesheets/v2/vial_calculator/public.css */
[hidden] {
  display: none;
}

/* line 15, app/assets/stylesheets/v2/vial_calculator/public.css */
html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
}

/*
:root {
  --background-body: ; #FFFFFF;
  --text-inverted: #FFFFFF;
  --input-backround: #FFFFFF;

  --brand-color: #1692A1;
  --brand-dark-color: #005F6B;

  --text-main: #555555;
  --primary-text-color: #161015;
  --text-subtle: #8E8E8E;
  --text-dark-gray: #847F7C;
  --disabled-color: #D9CFCF;
  --placeholder--text-color: #BBBBBB;


  --input-border-color: #DADADA;
  --button-secondary-color: #847F7C;
}
*/
/* line 42, app/assets/stylesheets/v2/vial_calculator/public.css */
.browsehappy {
  color: red;
  margin: 1em;
}

/*=======================================================================================
                                 TYPOGRAPHY
=======================================================================================*/
/* line 51, app/assets/stylesheets/v2/vial_calculator/public.css */
a {
  font-weight: inherit;
  color: inherit;
  text-decoration: underline;
  transition: color 200ms ease;
}

/* line 52, app/assets/stylesheets/v2/vial_calculator/public.css */
a:focus, a:hover {
  color: #005F6B;
  /*--brand-dark-color*/
  outline: 1px dotted currentColor;
}

/* line 54, app/assets/stylesheets/v2/vial_calculator/public.css */
body {
  font-family: -apple-system,BlinkMacSystemFont,"Roboto Flex",system-ui,sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #555555;
  /*--text-main*/
  background: #FFFFFF;
  /*--background-body*/
  background: var(--background-body, #FFFFFF);
  text-rendering: optimizeLegibility;
}

/* line 65, app/assets/stylesheets/v2/vial_calculator/public.css */
h1, .h1,
h2, .h2 {
  font-family: 'Poppins',system-ui,sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  margin: 0 0 1.5rem 0;
}

/* line 75, app/assets/stylesheets/v2/vial_calculator/public.css */
p {
  margin: 0 0 1rem 0;
}

/* line 77, app/assets/stylesheets/v2/vial_calculator/public.css */
b, strong, label {
  font-weight: 500;
}

/* line 79, app/assets/stylesheets/v2/vial_calculator/public.css */
small, .t-text-small {
  font-size: 0.75rem;
}

/* line 83, app/assets/stylesheets/v2/vial_calculator/public.css */
.t-text-smallish {
  font-size: 0.875rem;
}

/* line 87, app/assets/stylesheets/v2/vial_calculator/public.css */
.t-text--subtle,
.t-text--help {
  color: #8E8E8E;
  /*--text-subtle*/
  font-size: 0.875rem;
}

/* line 93, app/assets/stylesheets/v2/vial_calculator/public.css */
dl, ul, ol {
  margin: 0 0 1rem 0;
}

/* line 97, app/assets/stylesheets/v2/vial_calculator/public.css */
dt, dd {
  margin: 0;
  padding: 0;
  display: inline-block;
  margin-bottom: 0.5rem;
}

/*=======================================================================================
                                            LAYOUTS
=======================================================================================*/
/*=============================
  .stack

  @see https://every-layout.dev/layouts/stack/

=============================*/
/* line 113, app/assets/stylesheets/v2/vial_calculator/public.css */
.stack > * + * {
  margin-top: 1.5rem;
}

/*=============================
  .page--columns
    - full-screen
    - makes children to be columns
    - may contain `.principal` children, then gravitate towards the center, pushing other sibblings to the edges
    - @see https://every-layout.dev/layouts/cover/
=============================*/
/* a page section is like a page of a magazine, this is a 1/2 of the <body>*/
/* line 128, app/assets/stylesheets/v2/vial_calculator/public.css */
.section--inverted {
  background-color: #1692A1;
  /*--brand-color*/
  color: #FFFFFF;
  /*--text-inverted*/
}

/* line 133, app/assets/stylesheets/v2/vial_calculator/public.css */
.section--light {
  background-color: #FFFFFF;
  /*--background-body*/
  background-color: var(--background-body, #FFFFFF);
  color: #555555;
  /*--text-main*/
}

/* line 139, app/assets/stylesheets/v2/vial_calculator/public.css */
.section__header {
  height: 5rem;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #DFDFDF;
  padding: 0 1rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}

/* line 152, app/assets/stylesheets/v2/vial_calculator/public.css */
.section__logo {
  margin-right: 1rem;
}

/* line 153, app/assets/stylesheets/v2/vial_calculator/public.css */
.section__header a {
  text-decoration: none;
}

/* line 154, app/assets/stylesheets/v2/vial_calculator/public.css */
.section__header h1 {
  margin: 0;
}

/* line 155, app/assets/stylesheets/v2/vial_calculator/public.css */
.section__header p {
  margin: 0;
  font-size: 0.75rem;
}

/* line 156, app/assets/stylesheets/v2/vial_calculator/public.css */
.section__header svg {
  width: 48px;
  height: 48px;
  vertical-align: middle;
}

/* line 158, app/assets/stylesheets/v2/vial_calculator/public.css */
.section__footer {
  padding: 1rem;
  font-size: 0.8rem;
  flex-shrink: 0;
  /*IE11 to make footer sticky*/
}

/* line 164, app/assets/stylesheets/v2/vial_calculator/public.css */
.page__section:first-child {
  /*compensate for the header, in small screens only first child is needed*/
  padding-top: 5rem;
}

/* line 169, app/assets/stylesheets/v2/vial_calculator/public.css */
.section__content {
  /*makes the footer sticky*/
  flex: 1 0 auto;
  /*IE11 to make footer sticky*/
  padding: 1rem;
  margin: 4rem auto;
}

/* line 176, app/assets/stylesheets/v2/vial_calculator/public.css */
.section__block {
  margin-bottom: 4rem;
}

/* line 180, app/assets/stylesheets/v2/vial_calculator/public.css */
.u-column-with-1 {
  width: 28rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* line 187, app/assets/stylesheets/v2/vial_calculator/public.css */
.u-column-with-2 {
  width: 34rem;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/*=======================================================================================
                                            LAYOUT - ROW
=======================================================================================*/
/* line 200, app/assets/stylesheets/v2/vial_calculator/public.css */
.g-row {
  display: flex;
  flex-flow: row nowrap;
}

/* line 205, app/assets/stylesheets/v2/vial_calculator/public.css */
.g-col {
  flex: 1 1 auto;
}

/* line 209, app/assets/stylesheets/v2/vial_calculator/public.css */
.g-col--1\/2 {
  flex: 1 1 50%;
}

/* line 212, app/assets/stylesheets/v2/vial_calculator/public.css */
.g-col--1\/3 {
  flex: 1 1 33.3%;
}

/* line 215, app/assets/stylesheets/v2/vial_calculator/public.css */
.g-col--1\/4 {
  flex: 1 1 25%;
}

/* line 219, app/assets/stylesheets/v2/vial_calculator/public.css */
.is-flexible {
  flex-grow: 1;
}

/* line 222, app/assets/stylesheets/v2/vial_calculator/public.css */
.is-narrow {
  flex-grow: 0;
}

/* line 225, app/assets/stylesheets/v2/vial_calculator/public.css */
.can-shrink {
  flex-shrink: 1;
}

/* line 228, app/assets/stylesheets/v2/vial_calculator/public.css */
.can-wrap {
  flex-wrap: wrap;
}

/* line 232, app/assets/stylesheets/v2/vial_calculator/public.css */
.g-row--gutter {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 0 0 -1.5rem;
}

/* line 238, app/assets/stylesheets/v2/vial_calculator/public.css */
.g-row--gutter > .g-col {
  padding: 0 0 0 1.5em;
}

/* line 242, app/assets/stylesheets/v2/vial_calculator/public.css */
.u-flex--text {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: baseline;
}

/* line 243, app/assets/stylesheets/v2/vial_calculator/public.css */
.u-flex--middle {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

/* line 244, app/assets/stylesheets/v2/vial_calculator/public.css */
.u-flex--bottom {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-end;
}

/*=======================================================================================
                                            LAYOUTS - RESPONSIVE
=======================================================================================*/
@media only screen and (min-width: 1024px) {
  /* fix bug on IE11 that does not respect min-height */
  /* line 255, app/assets/stylesheets/v2/vial_calculator/public.css */
  body {
    display: flex;
    flex-direction: column;
  }
  /* line 260, app/assets/stylesheets/v2/vial_calculator/public.css */
  .page--columns {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    min-height: 100vh;
  }
  /* line 269, app/assets/stylesheets/v2/vial_calculator/public.css */
  .page--columns > .page__section {
    display: flex;
    flex: 1 0 auto;
    /*be explicit for IE*/
    align-items: stretch;
    /*if it has footer*/
    min-height: 100%;
    flex-direction: column;
    /*compensate for the header*/
    padding-top: 5rem;
  }
}

/*=======================================================================================
                                            DISPLAY - RESPONSIVE
=======================================================================================*/
/* line 290, app/assets/stylesheets/v2/vial_calculator/public.css */
.hidden-desktop {
  display: none;
}

/* line 291, app/assets/stylesheets/v2/vial_calculator/public.css */
.hidden-tablet {
  display: block;
}

@media only screen and (max-width: 1023px) {
  /* line 296, app/assets/stylesheets/v2/vial_calculator/public.css */
  .hidden-desktop {
    display: block;
  }
  /* line 299, app/assets/stylesheets/v2/vial_calculator/public.css */
  .hidden-tablet {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 305, app/assets/stylesheets/v2/vial_calculator/public.css */
  .hidden-desktop {
    display: none;
  }
  /* line 308, app/assets/stylesheets/v2/vial_calculator/public.css */
  .hidden-tablet {
    display: block;
  }
}

/*=======================================================================================
                                            TABS
=======================================================================================*/
/* line 317, app/assets/stylesheets/v2/vial_calculator/public.css */
.tabs__panel:not(.is-active) {
  display: none;
}

/* line 318, app/assets/stylesheets/v2/vial_calculator/public.css */
.tabs__label:not(.is-active) {
  display: none;
}

/*=======================================================================================
                                            BUTTONS
=======================================================================================*/
/* line 324, app/assets/stylesheets/v2/vial_calculator/public.css */
button, .btn {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: #1692A1;
  /*--brand-color*/
  color: #FFFFFF;
  /*--text-inverted*/
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  line-height: 1;
  padding: 0.75rem 2rem;
  border-radius: 2rem;
  text-align: center;
  text-decoration: none;
  text-transform: inherit;
  transition: background-color 200ms ease;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
}

/* line 348, app/assets/stylesheets/v2/vial_calculator/public.css */
button:focus, .btn:focus {
  outline-offset: -1px;
  /*show ouline even if container has overflow: hidden*/
}

/* line 352, app/assets/stylesheets/v2/vial_calculator/public.css */
.btn--primary {
  background: #1692A1;
  /*--brand-color*/
  color: #FFFFFF;
  /*--text-inverted*/
}

/* line 356, app/assets/stylesheets/v2/vial_calculator/public.css */
.btn--inverted {
  background: #555555;
  /*--text-main*/
  color: #FFFFFF;
  /*--text-inverted*/
}

/* line 360, app/assets/stylesheets/v2/vial_calculator/public.css */
.btn--secondary {
  background: #847F7C;
  /*--button-secondary-color*/
  color: #FFFFFF;
  /*--text-inverted*/
}

/* line 365, app/assets/stylesheets/v2/vial_calculator/public.css */
.btn--main {
  padding: 1.25rem 3rem;
  border-radius: 2rem;
}

/* line 370, app/assets/stylesheets/v2/vial_calculator/public.css */
.btn--link {
  padding-left: 0;
  padding-right: 0;
}

/* line 375, app/assets/stylesheets/v2/vial_calculator/public.css */
button:hover, .btn:hover,
button:focus, .btn:focus {
  background-color: #005F6B;
  /*--brand-dark-color*/
}

/* line 380, app/assets/stylesheets/v2/vial_calculator/public.css */
.btn--inverted:hover,
.btn--inverted:focus,
.btn--secondary:hover,
.btn--secondary:focus {
  background-color: #161015;
  /*--primary-text-color*/
}

/* line 387, app/assets/stylesheets/v2/vial_calculator/public.css */
.btn--link:hover, .btn--link:focus {
  background-color: inherit;
  color: #005F6B;
  /*--brand-dark-color*/
  outline: 1px dotted currentColor;
  text-decoration: underline;
}

/* line 393, app/assets/stylesheets/v2/vial_calculator/public.css */
button[disabled], .disabled,
button[disabled]:hover, .disabled:hover {
  background: #D9CFCF;
  /*--disabled-color*/
  color: #FFFFFF;
  /*--text-inverted*/
  cursor: not-allowed;
}

/*=======================================================================================
                                            FORMS
=======================================================================================*/
/* line 405, app/assets/stylesheets/v2/vial_calculator/public.css */
label[for] {
  cursor: pointer;
}

/* line 407, app/assets/stylesheets/v2/vial_calculator/public.css */
.form__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* line 411, app/assets/stylesheets/v2/vial_calculator/public.css */
.form__actions > *:not(:first-child) {
  margin-left: 1rem;
}

/* line 415, app/assets/stylesheets/v2/vial_calculator/public.css */
.form__freetext {
  padding: 1rem;
  background-color: #FFFFFF;
  /*--input-backround*/
  border: 1px solid #DADADA;
  /*--input-border-color*/
  color: #161015;
  /*--primary-text-color*/
  line-height: 1.5;
  border-radius: 0.5rem;
}

/* line 424, app/assets/stylesheets/v2/vial_calculator/public.css */
.form__freetext > textarea,
.form__freetext > [contenteditable] {
  appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  display: block;
  width: 100%;
  border: 0;
  background: transparent;
  resize: none;
  outline: none;
  overflow: auto;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  min-height: 24rem;
  margin-bottom: 1rem;
}

/* line 446, app/assets/stylesheets/v2/vial_calculator/public.css */
.form__freetext > .form__actions {
  margin-top: 1rem;
}

/*.form*/
/* line 450, app/assets/stylesheets/v2/vial_calculator/public.css */
[contenteditable]:focus {
  outline: 1px dotted #AAA;
}

/* line 454, app/assets/stylesheets/v2/vial_calculator/public.css */
[contenteditable][placeholder]:empty:before {
  content: attr(placeholder);
  color: #BBBBBB;
  /*--placeholder--text-color*/
  opacity: 1;
}

/* line 460, app/assets/stylesheets/v2/vial_calculator/public.css */
[contenteditable] p,
[contenteditable] div {
  margin: 0;
}

/* line 465, app/assets/stylesheets/v2/vial_calculator/public.css */
[contenteditable] br {
  background-color: #F00;
}

/* line 469, app/assets/stylesheets/v2/vial_calculator/public.css */
input::placeholder,
textarea::placeholder {
  color: #BBBBBB;
  /*--placeholder--text-color*/
  opacity: 1;
}

/*.form*/
/* line 476, app/assets/stylesheets/v2/vial_calculator/public.css */
input[type="text"],
input[type="number"],
select {
  border: 1px solid #DADADA;
  /*--input-border-color*/
  border-radius: 0.5rem;
  font-size: inherit;
  line-height: 1.5;
  width: 18rem;
  padding: 1rem;
  outline: 0;
  transition: box-shadow 200ms ease;
}

/*.form*/
/* line 489, app/assets/stylesheets/v2/vial_calculator/public.css */
input[type="text"],
input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

/*.form*/
/* line 496, app/assets/stylesheets/v2/vial_calculator/public.css */
input[type="text"]::-webkit-outer-spin-button,
input[type="text"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*.form*/
/* line 504, app/assets/stylesheets/v2/vial_calculator/public.css */
input:focus,
select:focus {
  outline: 0;
  z-index: 1;
  border-color: #1692A1;
  box-shadow: inset 0 0 0px 1px #1692A1;
  /*for some reason the border with for hover is 2px instead of 1*/
}

/* line 512, app/assets/stylesheets/v2/vial_calculator/public.css */
.section--inverted input:focus {
  border-color: #E9E9E9;
  box-shadow: inset 0 0 0px 1px #E9E9E9;
  /*for some reason the border with for hover is 2px instead of 1*/
  z-index: 1;
}

/*.form*/
/* line 517, app/assets/stylesheets/v2/vial_calculator/public.css */
.t-input--select,
select {
  /*for +IE10, and firefox encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#ADADAD" d="M7.378 12.735L.258 5.4a.925.925 0 010-1.28l.83-.856a.861.861 0 011.242-.001L8 9.076l5.67-5.812a.861.861 0 011.242.001l.83.856a.925.925 0 010 1.28l-7.12 7.334a.861.861 0 01-1.244 0z"/></svg>')*/
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23ADADAD' d='M7.378 12.735L.258 5.4a.925.925 0 010-1.28l.83-.856a.861.861 0 011.242-.001L8 9.076l5.67-5.812a.861.861 0 011.242.001l.83.856a.925.925 0 010 1.28l-7.12 7.334a.861.861 0 01-1.244 0z'/%3E%3C/svg%3E");
  background-position: right 16px center;
  background-repeat: no-repeat;
  padding-right: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*.form*/
/* line 529, app/assets/stylesheets/v2/vial_calculator/public.css */
select::-ms-expand {
  display: none;
}

/* line 533, app/assets/stylesheets/v2/vial_calculator/public.css */
.list--inputs {
  padding: 0 0 0 2rem;
  margin-bottom: 4rem;
}

/* line 538, app/assets/stylesheets/v2/vial_calculator/public.css */
.list--inputs > li:not(:last-child) {
  margin-bottom: 1rem;
}

/* line 542, app/assets/stylesheets/v2/vial_calculator/public.css */
.list--inputs ::marker {
  font-size: 24px;
  font-weight: 400;
  text-align: left;
}

/* line 548, app/assets/stylesheets/v2/vial_calculator/public.css */
.form__group {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 0 -1.5rem;
  margin-bottom: 1rem;
}

/* line 554, app/assets/stylesheets/v2/vial_calculator/public.css */
.form__group > div {
  margin: 0 0 0 1.5em;
}

/* line 558, app/assets/stylesheets/v2/vial_calculator/public.css */
.form__group label {
  display: block;
  font-weight: 500;
}

/* line 564, app/assets/stylesheets/v2/vial_calculator/public.css */
.form__group .t-text--help {
  display: block;
}

/*.form*/
/* line 568, app/assets/stylesheets/v2/vial_calculator/public.css */
.form__input-combo {
  display: inline-flex;
  flex-direction: row;
}

/*.form*/
/* line 573, app/assets/stylesheets/v2/vial_calculator/public.css */
.form__input-combo input {
  width: 50%;
  flex: 1 1 auto;
}

/*.form*/
/* line 578, app/assets/stylesheets/v2/vial_calculator/public.css */
.form__input-combo > input:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}

/* line 584, app/assets/stylesheets/v2/vial_calculator/public.css */
.form__input-combo > input:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 589, app/assets/stylesheets/v2/vial_calculator/public.css */
.form--aligned .form__input-combo {
  width: 18rem;
}

/* IE media query hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /*.form*/
  /* line 593, app/assets/stylesheets/v2/vial_calculator/public.css */
  input:focus,
select:focus {
    border-collapse: separate;
    box-shadow: 0 0 0px 1px #1692A1;
    /*IE mis-renders the radious for inset shadows*/
  }
}

/** remove the little 'x' to clear teh fields */
/* line 601, app/assets/stylesheets/v2/vial_calculator/public.css */
::-webkit-search-cancel-button {
  display: none;
}

/* line 604, app/assets/stylesheets/v2/vial_calculator/public.css */
::-ms-clear,
input[type=text]::-ms-clear,
input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/*=======================================================================================
                                            DIALOG
=======================================================================================*/
/* line 612, app/assets/stylesheets/v2/vial_calculator/public.css */
dialog {
  max-width: 90vw;
  min-width: 60vw;
  width: auto;
  width: -webkit-fit-content;
  height: -webkit-fit-content;
  width: -moz-fit-content;
  height: -moz-fit-content;
  width: fit-content;
  height: fit-content;
  /*[1]
  - absolute if the content is long, to allow scrolling
  - if you uses fixed, then limit height
  */
  position: fixed;
  /*[1]*/
  max-height: calc(100vh - 16rem);
  /*[1]*/
  overflow-y: auto;
  /*[1]*/
  top: 10rem;
  left: 50%;
  /* horizontal centering - 1 */
  transform: translateX(-50%);
  /* horizontal centering - 2 */
  margin: 0;
  /* horizontal centering - 3 */
  color: inherit;
  padding: 4rem;
  background: #FFFFFF;
  /*--background-body*/
  border: 0;
  z-index: 100;
  box-shadow: 0px 0px 54px rgba(0, 0, 0, 0.15);
}

/* line 645, app/assets/stylesheets/v2/vial_calculator/public.css */
dialog:not([open]) {
  display: none;
}

/* line 649, app/assets/stylesheets/v2/vial_calculator/public.css */
dialog::backdrop {
  /* native */
  background-color: rgba(0, 0, 0, 0.3);
}

/*=======================================================================================
                                            SOLUTION
=======================================================================================*/
/* line 657, app/assets/stylesheets/v2/vial_calculator/public.css */
.solution__results {
  width: max-content;
  max-width: 60vw;
}

/* line 662, app/assets/stylesheets/v2/vial_calculator/public.css */
.solution__result {
  background-color: #EFFAFB;
  padding: 2rem;
  margin-bottom: 1rem;
}

/* line 668, app/assets/stylesheets/v2/vial_calculator/public.css */
.solution__columns {
  display: flex;
  flex-flow: row nowrap;
}

/* line 673, app/assets/stylesheets/v2/vial_calculator/public.css */
.solution__columns > .g-col:not(:last-child) {
  margin-right: 4rem;
}

/* line 677, app/assets/stylesheets/v2/vial_calculator/public.css */
.result__pre-category {
  font-size: 0.875rem;
  color: #8E8E8E;
  /*--text-subtle*/
  white-space: nowrap;
}

/* line 682, app/assets/stylesheets/v2/vial_calculator/public.css */
.result__category {
  font-size: 1.5rem;
  color: #161015;
  /*--primary-text-color*/
}

/* line 686, app/assets/stylesheets/v2/vial_calculator/public.css */
.result__pre-details {
  font-size: 0.875rem;
  color: #8E8E8E;
  /*--text-subtle*/
  text-decoration: underline;
}

/* line 691, app/assets/stylesheets/v2/vial_calculator/public.css */
.result__details {
  font-size: 1rem;
  color: #161015;
  /*--primary-text-color*/
  margin-top: 0.4rem;
  /*pixel perfect to v-align with result__category */
  line-height: 1.85rem;
  /*pixel perfect to v-align with result__category */
}

/* line 698, app/assets/stylesheets/v2/vial_calculator/public.css */
.solution__legend {
  margin-right: 4rem;
  margin-bottom: 4rem;
}

/* line 703, app/assets/stylesheets/v2/vial_calculator/public.css */
.solution .form__actions {
  justify-content: flex-start;
}

/* line 707, app/assets/stylesheets/v2/vial_calculator/public.css */
.solution__multiplier input {
  text-align: center;
  width: 4rem;
}

/* line 711, app/assets/stylesheets/v2/vial_calculator/public.css */
.solution__multiplier select {
  text-align: right;
  width: 5rem;
}

/* line 716, app/assets/stylesheets/v2/vial_calculator/public.css */
.icon--rounded {
  display: inline-block;
  background-color: #847F7C;
  height: 1rem;
  width: 1rem;
  line-height: 1rem;
  font-size: 0.8rem;
  border-radius: 50%;
  text-align: center;
  color: #FFF;
}

/* line 728, app/assets/stylesheets/v2/vial_calculator/public.css */
.icon--warning {
  background-color: #FF4334;
}

/*=======================================================================================
                                            WEIRDINESS AND EXCEPTIONS
=======================================================================================*/
/* line 735, app/assets/stylesheets/v2/vial_calculator/public.css */
#action--add-row {
  margin-right: auto;
  position: relative;
  top: -3rem;
  left: 2rem;
}

/* line 742, app/assets/stylesheets/v2/vial_calculator/public.css */
.c-title_and_selector {
  display: inline-block;
}

/* line 746, app/assets/stylesheets/v2/vial_calculator/public.css */
.c-title_and_selector > h2 {
  margin-bottom: 1rem;
}

/* line 750, app/assets/stylesheets/v2/vial_calculator/public.css */
.c-title_and_selector input,
.c-title_and_selector datalist {
  width: 16rem;
}

/* line 755, app/assets/stylesheets/v2/vial_calculator/public.css */
.page__title {
  font-size: 1rem;
  font-size: 1rem;
  margin-bottom: 0.5rem;
  margin-top: -1.5rem;
}

/*=======================================================================================
                                            UTILITIES
=======================================================================================*/
/* line 762, app/assets/stylesheets/v2/vial_calculator/public.css */
.u-mb-1\/2 {
  margin-bottom: 0.5rem;
}

/* line 763, app/assets/stylesheets/v2/vial_calculator/public.css */
.u-mb-0 {
  margin-bottom: 0rem;
}

/* line 764, app/assets/stylesheets/v2/vial_calculator/public.css */
.u-mb-1 {
  margin-bottom: 1rem;
}

/* line 765, app/assets/stylesheets/v2/vial_calculator/public.css */
.u-mb-2 {
  margin-bottom: 2rem;
}

/* line 766, app/assets/stylesheets/v2/vial_calculator/public.css */
.u-mb-4 {
  margin-bottom: 4rem;
}

/* line 768, app/assets/stylesheets/v2/vial_calculator/public.css */
.u-mt-1\/2 {
  margin-top: 0.5rem;
}

/* line 769, app/assets/stylesheets/v2/vial_calculator/public.css */
.u-mt-0 {
  margin-top: 0rem;
}

/* line 770, app/assets/stylesheets/v2/vial_calculator/public.css */
.u-mt-1 {
  margin-top: 1rem;
}

/* line 771, app/assets/stylesheets/v2/vial_calculator/public.css */
.u-mt-2 {
  margin-top: 2rem;
}

/* line 772, app/assets/stylesheets/v2/vial_calculator/public.css */
.u-mt-4 {
  margin-top: 4rem;
}

/* line 774, app/assets/stylesheets/v2/vial_calculator/public.css */
.u-flex-full-width {
  justify-content: space-between;
}

/* line 775, app/assets/stylesheets/v2/vial_calculator/public.css */
.u-text--right {
  text-align: right;
}

/* line 776, app/assets/stylesheets/v2/vial_calculator/public.css */
#no-js {
  padding: 0.5rem;
  background: red;
  color: #000;
  display: block;
}

/*=======================================================================================
                                            THEMING
=======================================================================================*/
/* line 782, app/assets/stylesheets/v2/vial_calculator/public.css */
.t-public {
  --background-body: #F5F5F5;
}

/* line 786, app/assets/stylesheets/v2/vial_calculator/public.css */
.t-input-border-blue.t-input-border-blue {
  border: 1px solid #1692A1;
  box-shadow: none;
}

/* line 791, app/assets/stylesheets/v2/vial_calculator/public.css */
.t-input-border-blue.t-input-border-blue:hover,
.t-input-border-blue.t-input-border-blue:focus {
  border: 1px solid #1692A1;
  box-shadow: none;
}

/* line 1, app/assets/stylesheets/v2/vial_calculator/_autocomplete.scss */
.c-autocomplete__container {
  background: white;
  z-index: 1000;
  overflow: auto;
  border: 1px solid #1692A1;
  border-radius: 0.5rem;
  box-shadow: 0 0 44px rgba(0, 0, 0, 0.15);
  max-height: 16rem;
  margin-top: 0.125rem;
}

/* line 12, app/assets/stylesheets/v2/vial_calculator/_autocomplete.scss */
.c-autocomplete__container > div {
  padding: 0.5rem 1rem;
}

/* line 16, app/assets/stylesheets/v2/vial_calculator/_autocomplete.scss */
.c-autocomplete__container > div.selected,
.c-autocomplete__container > div:hover {
  background: #F0F0F0;
  font-weight: 500;
}

/*
Components included so the site looks like the 'professional' section
As HTML cannot be changed, some selectors / styles must be 'forced', breakin the BEMIT philosophy
*/
/*=======================================================================================
                                            DROPDOWN COMPONENT
=======================================================================================*/
/* line 11, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
.dropdown-toggle {
  text-decoration: none;
}

/* line 15, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
.dropdown-toggle:after {
  content: "\25BC";
  font-size: 0.7em;
  padding-left: 0.5em;
}

/* line 21, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
.dropdown {
  position: relative;
}

/* line 25, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
.dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1010;
  display: none;
  min-width: 12rem;
  list-style: none;
  text-align: left;
  background: #FFFF;
  box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.5);
  border: 1px solid #DADADA;
  /*--input-border-color*/
  background-clip: padding-box;
  max-height: 24rem;
  overflow-y: auto;
  padding: 0;
  margin: 0;
}

/* line 44, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
.dropdown a {
  text-decoration: none;
  color: #8E8E8E;
  /*--text-subtle*/
  white-space: nowrap;
  font-weight: normal;
}

/* line 51, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
.dropdown.open > .dropdown-menu {
  display: block;
}

/* line 52, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
.dropdown.open a {
  outline: 0;
}

/* line 54, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
.dropdown-menu a {
  display: block;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  line-height: 3rem;
}

/* line 61, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
.dropdown-menu a:hover,
.dropdown-menu a:focus {
  text-decoration: none;
  background-color: #DADADA;
  /*--input-border-color*/
}

/*=======================================================================================
                                            LOGGED
=======================================================================================*/
/*compensate header. [HACK] [TODO]*/
/* line 74, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
#page__header + #page__main > section:first-child {
  padding-top: 75px;
}

@media only screen and (min-width: 1024px) {
  /* line 79, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
  #page__header + #page__main > section {
    padding-top: 75px;
  }
}

/*=======================================================================================
                                            LOGGED - HEADER
   Notes:
   0. We are inheriting html from main site, so we cannot follow bemit
   1. improve performance when position fixed
   2. 75px = header height
   3. some parts require same font than main sitye
=======================================================================================*/
/* line 94, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
#page__header {
  position: fixed;
  top: 0;
  height: 75px;
  width: 100%;
  z-index: 1000;
  border-bottom: 1px solid #DADADA;
  /*--input-border-color*/
  box-shadow: 0 0 4px #DADADA;
  color: #BBBBBB;
  /*--placeholder--text-color*/
  background-color: #FFFFFF;
  will-change: transform;
  /* [1] */
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  padding: 12.5px 2rem;
}

/* line 111, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
.nav--page__header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* line 117, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
.nav__section--right {
  margin-left: auto;
}

/*.head__section*/
/* line 120, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
.list--nav {
  list-style: none;
  white-space: nowrap;
  line-height: 0;
  margin: 0;
  padding: 0;
}

/*.head__section*/
/* line 129, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
.list--nav > li {
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
}

/*.head__section*/
/* line 136, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
.site-nav__item {
  display: inline-block;
  width: 50px;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 13px;
  position: relative;
}

/*not sure if needed*/
/* line 146, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
.site-nav__item svg {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
}

/* line 153, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
.site-nav__item.selected,
.nav__section a:hover,
.nav__section a:focus {
  color: #283180;
  /*new color, from figma*/
}

/* line 159, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
.site-nav__item.selected:after {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  position: absolute;
  bottom: 0;
  left: 21px;
}

/* line 172, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
.logo--header {
  display: inline-block;
  vertical-align: middle;
  height: 50px;
  width: auto;
}

/* line 179, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
.separator--logo {
  height: 50px;
  width: 1px;
  background: #DADADA;
  margin-left: 1rem;
  display: inline-block;
  vertical-align: middle;
}

/* line 189, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
#page__header .dropdown {
  font-size: 13px;
  /*[3]*/
}

/* line 193, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
.thumb {
  height: 50px;
  width: 50px;
  background-color: #DADADA;
  color: transparent;
  border-radius: 50%;
}

/* line 201, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
.flag {
  display: flex;
  align-items: center;
}

/* line 206, app/assets/stylesheets/v2/vial_calculator/_professional-adapter.css */
.flag__img {
  margin-right: 1rem;
}

/* line 3, app/assets/stylesheets/extra/_fake_responsive.scss */
.hidden-desktop {
  display: none;
}

/* line 4, app/assets/stylesheets/extra/_fake_responsive.scss */
.visible-phone {
  display: none;
}

/* line 5, app/assets/stylesheets/extra/_fake_responsive.scss */
.visible-tablet {
  display: none;
}

@media (max-width: 767px) {
  /* line 9, app/assets/stylesheets/extra/_fake_responsive.scss */
  .visible-phone {
    display: block !important;
  }
  /* line 12, app/assets/stylesheets/extra/_fake_responsive.scss */
  .hidden-phone {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  /* line 18, app/assets/stylesheets/extra/_fake_responsive.scss */
  .hidden-tablet {
    display: none !important;
  }
  /* line 21, app/assets/stylesheets/extra/_fake_responsive.scss */
  .visible-tablet {
    display: block !important;
  }
}

@media (max-width: 979px) {
  /* line 27, app/assets/stylesheets/extra/_fake_responsive.scss */
  .hidden-desktop {
    display: block !important;
  }
  /* line 30, app/assets/stylesheets/extra/_fake_responsive.scss */
  .visible-desktop {
    display: none !important;
  }
}

@media (min-width: 980px) {
  /* line 36, app/assets/stylesheets/extra/_fake_responsive.scss */
  .visible-desktop {
    display: block !important;
  }
}