@font-face {
    src: url("https://iwa-assets.fanduel.com/fd-iwa-assets/fonts/ProximaNova-Regular.woff2") format("woff2"),
    url("https://iwa-assets.fanduel.com/fd-iwa-assets/fonts/ProximaNova-Regular.woff") format("woff"),
    url("https://iwa-assets.fanduel.com/fd-iwa-assets/fonts/ProximaNova-Regular.ttf") format("truetype");

    font-family: "ProximaNova";
}

@font-face {
    font-weight: bold;

    font-style: normal;

    src: url("https://iwa-assets.fanduel.com/fd-iwa-assets/fonts/ProximaNova-Bold.woff2") format("woff2"),
    url("https://iwa-assets.fanduel.com/fd-iwa-assets/fonts/ProximaNova-Bold.woff") format("woff"),
    url("https://iwa-assets.fanduel.com/fd-iwa-assets/fonts/ProximaNova-Bold.ttf") format("truetype");

    font-family: "ProximaNova";
}

@font-face {
    src: url("https://iwa-assets.fanduel.com/fd-iwa-assets/fonts/ProximaNova-Condensed.woff2") format("woff2"),
    url("https://iwa-assets.fanduel.com/fd-iwa-assets/fonts/ProximaNova-Condensed.woff") format("woff"),
    url("https://iwa-assets.fanduel.com/fd-iwa-assets/fonts/ProximaNova-Condensed.ttf") format("truetype");

    font-family: "ProximaNovaCondensed";
}



html,
body {
    margin: 0;

    padding: 0;

    background-color: hsla(218, 36%, 96%, 1);

    overflow-y: auto;

    overflow-x: hidden;

    color: hsla(204, 13%, 31%, 1);
}

*,
*::before,
*::after {
    box-sizing: border-box;

    outline-color: rgba(185, 196, 203, 0.4);

    outline-width: 1px;
}

*:active {
    outline: none;
}

button,
input {
    background: none;

    border: none;

    margin: 0;

    padding: 0;

    color: hsla(204, 13%, 31%, 1);

    font-size: inherit;

    font-family: inherit;
}

button:disabled,
input:disabled {
    color: hsla(203, 13%, 65%, 1);
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 10rem hsla(0, 0%, 100%, 1) inset;
}

input:-webkit-autofill:disabled,
select:-webkit-autofill:disabled {
    -webkit-box-shadow: 0 0 0 10rem #f2f6fb inset;

    -webkit-text-fill-color: hsla(203, 13%, 65%, 1) !important;
}

button {
    cursor: pointer;
}

button:disabled {
    cursor: auto;
}

ul,
ol {
    list-style: none;

    padding: 0;

    margin: 0;
}

::-ms-clear {
    display: none;
}

main {
    display: block;
}

abbr {
    text-decoration: none;
}

fieldset {
    border: none;

    padding: 0;

    margin: 0;
}

header {
    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 6.6rem;

    position: fixed;

    background-color: #0070EB;
}

header .wrapper {
    display: flex;
    align-items: center;
    gap: 2.4rem;
}

header svg {
    display: block;
}

.cms-content {
    width: 100%;

    max-width: 1450px;

    margin-top: 6.6rem;

    margin-left: auto;

    margin-right: auto;

    padding-top: 3.2rem;

    padding-right: 3.2rem;

    padding-bottom: 3.2rem;

    padding-left: 3.2rem;
}

.cms-content ul {
    list-style-type: square;
}

.cms-content ol {
    list-style-type: decimal;

    counter-reset: item;
}

.cms-content ol[type="a"] {
    list-style-type: lower-alpha;
}

.cms-content ol[type="A"] {
    list-style-type: upper-alpha;
}

.cms-content ol[type="i"] {
    list-style-type: lower-roman;
}

.cms-content ol[type="I"] {
    list-style-type: upper-roman;
}

.cms-content ul,
.cms-content ol {
    margin-bottom: 3.2rem;

    margin-left: 3.2rem;
}

.cms-content ol > li {
    counter-increment: item;
}

.cms-content ol ol > li {
    display: block;
}

.cms-content ol ol > li:before {
    content: counters(item, ".") ". ";

    margin-left: -3.2rem;
}

.cms-content li {
    margin-top: 0.8rem;
}

.cms-content a {
    color: hsla(208, 100%, 54%, 1);

    text-decoration: none;

    cursor: pointer;
}

.cms-content table {
    width: 100%;

    border-collapse: collapse;

    border: 1px solid hsla(216, 23%, 91%, 1);
}

.cms-content td {
    padding-top: 0.8rem;

    padding-right: 0.8rem;

    padding-bottom: 0.8rem;

    padding-left: 0.8rem;
}

.cms-content thead td {
    font-weight: bold;

    text-align: center;

    border-bottom: 1px solid hsla(204, 13%, 31%, 1);

    background-color: hsla(214, 54%, 97%, 1);
}

.cms-content thead td:not(:first-child) {
    border-left: 1px solid transparent;
}

.cms-content tbody td:not(:first-child) {
    border-left: 1px solid hsla(203, 15%, 76%, 1);
}

.cms-content tbody tr:nth-child(even) {
    background-color: hsla(214, 54%, 97%, 1);
}

.cms-content tbody tr:nth-child(odd) {
    background-color: hsla(218, 36%, 96%, 1);
}

ul.list-alpha-type {
    list-style-type: upper-alpha;
}

ul.list-lower-roman-parentheses {
    counter-reset: list;
}

ul.list-lower-alpha-parentheses {
    counter-reset: list;
}

ul.list-lower-alpha-parentheses > li {
    list-style: none;
}

ul.list-lower-alpha-parentheses > li:before {
    content: "(" counter(list, lower-alpha) ")";
    counter-increment: list;
}

ul.list-lower-roman-parentheses > li {
    list-style: none;
}

ul.list-lower-roman-parentheses > li:before {
    content: "(" counter(list, lower-roman) ")";
    counter-increment: list;
}

.overlayed {
    overflow: hidden;

    width: 100%;
}

.link {
    color: hsla(208, 100%, 54%, 1);

    text-decoration: none;

    cursor: pointer;
}

.link:hover {
    color: hsla(208, 89%, 47%, 1);
}

.pointer {
    cursor: pointer;
}

.text-ellipsis {
    min-width: 0;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    max-width: 100%;
}

.small {
    font-size: 0.85rem;
}

.with-data {
    transition: opacity 0.2s;

    -webkit-transition: opacity 0.2s;

    -moz-transition: opacity 0.2s;
}

.with-data--loading {
    opacity: 0.666;
}

.narrow-view {
    padding: 1.2rem;

    max-width: 480px;

    width: 100%;

    margin: 0 auto;
}

.limit-content-width {
    width: 100%;

    max-width: 1450px;

    margin-left: auto;

    margin-right: auto;
}

.error {
    color: hsla(0, 62%, 46%, 1);
}

.visually-hidden {
    position: absolute;

    clip: rect(1px, 1px, 1px, 1px);
}

.condensed {
    font-family: ProximaNovaCondensed;

    letter-spacing: 1px;
}

html {
    color: hsla(216, 49%, 24%, 1);

    font-size: 54%;

    font-family: ProximaNova, Arial;

    line-height: 1.5;
}

@media (min-width: 320px) {
    html {
        font-size: 62.5%;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;

    color: hsla(216, 49%, 24%, 1);

    margin: 0;

    line-height: 1.5;
}

h1,
.alpha {
    font-size: 2.4rem;
}

h2,
.beta {
    font-size: 2.2rem;
}

h3,
.gamma {
    font-size: 2rem;
}

h4,
.delta {
    font-size: 1.8rem;
}

h5,
.epsilon {
    font-size: 1.6rem;
}

h6,
body,
.zeta {
    font-size: 1.4rem;
}

small,
.eta {
    font-size: 1.2rem;
}

.theta {
    font-size: 1rem;
}

h1 > small,
h2 > small,
h3 > small,
h4 > small,
h5 > small,
h6 > small {
    line-height: 1em;

    text-transform: uppercase;

    color: hsla(201, 9%, 55%, 1);

    display: block;

    font-weight: 300;
}

h1 > small,
h2 > small {
    font-size: 1.4rem;
}

h3 > small,
h4 > small {
    font-size: 1.2rem;
}

h5 > small,
h6 > small {
    font-size: 1rem;
}

header img {
    width: 145px;
}