:root {
  --anim-duration: 0.3s;
  --anim-duration-fast: 0.15s;
  --anim-duration-slow: 1s;
  --anim-easing: ease-in-out;

  --color-white: #fff;
  --color-black: #000;
  --transparent-border: #0000;
  --color-white-transparent-20: rgba(255, 255, 255, 0.2);
  --color-white-transparent-40: rgba(255, 255, 255, 0.4);
  --color-black-60: rgba(0, 0, 0, 0.102);
  --color-black-70: #4c4c4c;
  --color-black-80: #222;
  --color-black-85: #333333;
  --color-black-90: #121212;
  --color-black-transparent-10: rgba(0, 0, 0, 0.1);
  --color-black-transparent-80: rgba(0, 0, 0, 0.8);
  --shadow-color-black-85: rgba(0, 0, 0, 0.161);

  --color-teal-10: #ebf5f8;
  --color-teal-20: rgba(100, 204, 201, 0.369);
  --color-teal-30: rgba(38, 147, 171, 0.502);
  --color-teal-40: rgba(0, 128, 156, 0.502);
  --color-teal-43: #e3f3f1;
  --color-teal-45: #dcf2f2;
  --color-teal-47: #dff4f3;
  --color-teal-48: #70cacb;
  --color-teal-49: #e5f2f5;
  --color-teal-51: #e5ecf1;
  --color-teal-50: #64ccc9;
  --color-teal-55: #19a8ad;
  --color-teal-60: #2693ab;
  --color-teal-65: #07819e;
  --color-teal-70: #00809c;
  --color-teal-74: #407590;
  --color-teal-75: #00909c;
  --color-teal-76: #41748e;
  --color-teal-78: #4f748a;
  --color-teal-79: #50748a;
  --color-teal-80: #006176;
  --color-teal-light: #e7f5f4;

  --color-blue-10: #eff9f9;
  --color-blue-15: #e5f7f6;
  --color-blue-18: #ecf5f8;
  --color-blue-20: #ebf5f8;
  --color-blue-21: #dce5e7;
  --color-blue-22: #e5ecec;
  --color-blue-23: #c7edec;
  --color-blue-24: #e6ebed;
  --color-blue-25: #b9e2e2;
  --color-blue-28: #a1e0de;
  --color-blue-30: #11809b;
  --color-blue-60: #004976;
  --color-blue-70: #14a8ad;
  --color-blue-80: #00a7ac;
  --color-blue-90: #052336;
  --color-blue-90-transparent: rgba(5, 35, 54, 0.9);

  --color-peach-10: #fff8f4;
  --color-peach-15: #FFF5EF;
  --color-peach-20: #ffdfd0;
  --color-peach-30: #fef5ee;
  --color-peach-35: #7c7a78;
  --color-peach-40: rgba(255, 185, 144, 0.3);
  --color-peach-50: #ffb9904d;
  --color-peach-60: #ffb990;
  --color-peach-61: #ffb991;
  --color-red-30: #e04e39;
  --color-red-40: #dc3545;
  --color-red-50: #bc0c0c;
  --color-green-70: #164322;
  --color-orange-10: #fdc5a1;
  --color-orange-20: #b5301d;
  --color-orange-90: #ef5238;

  --color-gray-05: #4e738a;
  --color-gray-10: #979797;
  --color-gray-15: #c7c9cb;
  --color-gray-18: #d7d7d9;
  --color-gray-19: #dbdbdb;
  --color-gray-20: #eaeaea;
  --color-gray-23: #ececec;
  --color-gray-25: #e5e7e7;
  --color-gray-28: #e5e5e5;
  --color-gray-30: #f1f4f3;
  --color-gray-32: #f2f2f2;
  --color-gray-33: #e4e7e7;
  --color-gray-40: #f3f3f3;
  --color-gray-45: #dbdada;
  --color-gray-50: #d8d8d8;
  --color-gray-55: #727273;
  --color-gray-60: #567288;
  --color-gray-70: #495057;
  --color-gray-80: #565658;
  --color-gray-90: #404042;
  /* Gradients */
  --default-gradient: var(--color-header-gradient-alternate);
  --color-main-gradient-background: linear-gradient(to left, var(--color-peach-20) 0%, var(--color-teal-50) 50%, var(--color-teal-50) 100%);
  --color-header-gradient-background: transparent linear-gradient(270deg, var(--color-peach-20) 0%, var(--color-gray-30) 51%, var(--color-teal-20) 100%) 0% 0% no-repeat padding-box;
  --color-header-gradient-alternate: transparent linear-gradient(270deg, var(--color-teal-74) 0%, var(--color-blue-21) 51%, var(--color-blue-23) 100%);

  --font-family-primary: Barlow, sans-serif;
  --font-family-secondary: "Barlow Condensed", sans-serif;
  --font-size-base: 16px;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --line-height-base: 20px;

  --width-page: 1440px;
  --width-gutter: 16px;
  --spacing-horizontal: 16px;
  --spacing-vertical: 24px;
  --spacing-vertical-small: 16px;
  --scroll-margin: 183.03125px;
  --z-index-isiTray: 1060;
}

*,
::after,
::before {
  box-sizing: inherit;
}

html {
  height: 100%;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: initial;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  line-height: 1.2;
}

a {
  text-decoration: none;
  color: var(--color-teal-70);
  font-weight: var(--font-weight-bold);
  font-size: inherit;
  line-height: 20px;
}

img,
video {
  display: block;
  height: auto;
  border: 0;
}

img,
legend,
video {
  max-width: 100%;
}

strong,
b {
  font-weight: var(--font-weight-bold);
}

i {
  font-style: italic;
}

.siteMain>.container {
  padding: 20px 16px;
}

.page-anchor {
  scroll-margin-top: var(--scroll-margin-base, var(--scroll-margin, 183.03125px));
  display: block;
}

.heading,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-primary);
}

.heading__lg,
h2 {
  font-size: 21.6px;
  font-weight: var(--font-weight-bold);
  color: var(--color-blue-60);
  margin-bottom: 10.8px;
}

.heading__md,
h3 {
  font-size: 20px;
  font-weight: var(--font-weight-semibold);
  color: var(--color-blue-60);
  margin-bottom: 10px;
}

h4,
.heading__sm {
  font-size: 18px;
  font-weight: var(--font-weight-medium);
  color: var(--color-blue-60);
}

h5,
.heading__xs {
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  color: var(--color-blue-60);
}

.link:active,
.link:focus,
.link:hover {
  color: var(--color-blue-60);
  text-decoration: underline;
}


.text,
body,
p {
  font-size: var(--font-size-base);
  font-family: var(--font-family-primary);
  color: var(--color-black-90);
}

.text,
p {
  line-height: 20px;
  margin-bottom: 16px;
}

span {
  display: inline-block;
}

h2 span {
  display: block;
}

sub,
sup {
  font-size: 50%;
}

sup {
  display: inline-block;
  line-break: strict;
  vertical-align: top;
  font-size: 11px;
  top: -8px;
  position: relative;
}

.container {
  padding: 20px 16px;
}

.siteMain>.container {
  padding: 20px 16px;
}

ol.Numbered,
ol.listOrdered,
ul.Bullet,
ul.BulletColumn,
ul.BulletIndent,
ul.Dashed,
ul.listUnordered {
  font-size: 16px;
  list-style-type: "\2022    ";
  position: relative;
  margin-bottom: 16px;
  line-height: 24px;
  display: block;
}


ul.Bullet li,
ul.BulletColumn li,
ul.BulletIndent li,
ul.listUnordered li {
  margin-bottom: 8px;
  line-height: 20px;
  margin-left: 20px;
}

ul.Dashed li,
ul.DashedColumn li {
  margin-bottom: 8px;
  line-height: 20px;
  list-style-type: "-   ";
  margin-left: 20px;
}

ul.Dashed li::marker,
ul.DashedColumn li::marker {
  font-size: 20px;
  font-weight: var(--font-weight-bold);
  color: var(--color-teal-70);
  list-style-type: "\2022    ";
}

ul.Bullet li::marker,
ul.BulletColumn li::marker,
ul.BulletIndent li::marker,
ul.listUnordered li::marker {
  font-size: 20px;
  font-weight: var(--font-weight-bold);
  color: var(--color-teal-70);
}

ul.Bullet li:last-child,
ul.BulletColumn li:last-child,
ul.BulletIndent li:last-child,
ul.listUnordered li:last-child {
  margin-bottom: 0;
}

ul.Dashed {
  margin-left: 20px;
}

ul.Dashed li:last-child,
ul.DashedColumn li:last-child {
  margin-bottom: 0;
}

ul.Dashed li::marker,
ul.DashedColumn li::marker {
  font-size: 20px;
  font-weight: var(--font-weight-bold);
  color: var(--color-teal-70);
}

ul.Dashed li,
ul.DashedColumn li {
  margin-bottom: 8px;
  line-height: 20px;
  list-style-type: "-    ";
  margin-left: 20px;
}

button {
  cursor: pointer;
  border: 0px;
  background: none;
}

ol,
ul {
  font-size: 16px;
  position: relative;
  margin-bottom: 16px;
  line-height: 24px;
  display: block;
}

ol:last-child,
ul:last-child {
  margin-bottom: 0;
}

li {
  margin-bottom: 8px;
  line-height: 20px;
}

.what-is-tukysa li:last-child {
  margin-bottom: 0;
}

i,
em {
  font-style: italic;
}

.button {
  display: inline-flex;
  justify-content: center;
  font-size: 16px;
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  text-align: center;
  border-radius: 5px;
  padding: 10px 22px;
  border-width: 2px;
  border-style: solid;
  width: 100%;
  cursor: pointer;
  transition: all var(--anim-duration-fast) var(--anim-easing);
  white-space: nowrap;
}

.button:focus {
  outline: 0px;
}

.button__primary:active,
.button__primary:hover {
  background-color: var(--color-blue-60);
}

.button__primary {
  background-color: var(--color-teal-70);
  color: var(--color-white);
  border-color: transparent;
  font-weight: var(--font-weight-medium);
}

.button__primary:active,
.button__primary:hover {
  background-color: var(--color-blue-60);
}

.button__primary:focus {
  box-shadow: 0 0 0 3.2px var(--color-teal-40);
  border-color: var(--color-teal-60);
  background-color: var(--color-teal-80);
}

.button__secondary {
  background-color: var(--primary-color, var(--color-white));
  color: var(--secondary-color, var(--color-teal-70));
  border-color: var(--secondary-color, var(--color-teal-70));
  font-weight: var(--font-weight-semibold);
}

.button__secondary:hover {
  background-color: var(--secondary-color, var(--color-teal-70));
  color: var(--primary-color, var(--color-white));
}

.button__secondary:focus {
  box-shadow: 0 0 0 3.2px var(--color-teal-40);
}

.button__close {
  font-size: 20px;
  line-height: 36px;
  padding: 12px;
  border: 0px;
  width: auto;
}

.button__withIcon {
  display: inline-flex;
  align-items: center;
}

.p-0 {
  padding: 0 !important;
}

em,
i {
  font-style: italic;
}

@media screen and (min-width: 768px) {

  .heading__lg,
  h2 {
    font-size: 28.8px;
    margin-bottom: 14.4px;
  }

  .heading__md,
  h3 {
    font-size: 24.8px;
    margin-bottom: 12.4px;
  }

  h4,
  .heading__sm {
    font-size: 22px;
  }

  h5,
  .heading__xs {
    font-size: 18px;
  }

  .button {
    width: fit-content;
  }

  .siteMain>.container,
  .container {
    padding-right: 44px;
    padding-left: 44px;
  }

  ul.Dashed {
    margin-left: 44px;
  }

  .page-anchor {
    --scroll-margin-base: 179.03125px;
  }
}

@media screen and (min-width: 993px) {

  .siteMain>.container,
  .container {
    padding-right: 102px;
    padding-left: 102px;
  }

  .page-anchor {
    --scroll-margin-base: 165.421875px;
  }
}