/* Brand colors can be found here: https://brand.dazn.design */
/* Only brand colors should be added here, push back on anything that isn't brand */
:root {
    /* Tarmac color variations */
    --color-tarmac: #0c161c;
    --color-tarmac-light-10: #242d33;
    --color-tarmac-light-20: #3d4549;
    --color-tarmac-light-40: #6d7377;
    --color-tarmac-light-60: #9ea2a4;
    --color-tarmac-light-70: #b6b9bb;
    --color-tarmac-light-80: #ced0d2;
    --color-black: #000000;

    /* Chalk variations */
    --color-chalk: #f9fafa;
    --chalk-dark-10: #e0e1e1;
    --color-ruler: color(var(--color-chalk) a(0.2));
    --color-white: #ffffff;

    /* Yellow variations */
    --color-yellow: #f7ff1a;
    --color-yellow-dark-10: #dee517;
    --color-yellow-light-50: #fbff8c;

    /* Blue variations */
    --color-blue: #0070ba;
    --color-blue-dark-20: #005994;

    /* Green variations */
    --color-green: #14854d;

    /* Red variations */
    --color-danger: #fd7777;
    --color-red: #fe3938;

    --color-skeleton: rgba(40, 40, 40, 0.5);

    /* Transparent color variations */
    --color-transparent-black: color(var(--color-tarmac) a(0));

    /* Tile colors */
    --tile-text-shadow: 0 1px 1px color(var(--color-tarmac) a(0.7));
    --tile-selected-border: inset 0 -4px 0 0 var(--color-yellow);

    /* Notification colors */
    --notification-box-shadow: color(var(--color-tarmac) a(0.8));

    /* Errors */
    --color-danger-dark-10: #bb4545;

    /* Focus states */
    --focus-chrome-primary: var(--color-blue);
}
/* DAZN Trim */
@font-face {
    font-family: "DAZNTrim";
    font-style: normal;
    font-weight: 400;
    src: url("https://static.dazndn.com/fonts/DAZNTrim_v2.9_normal_400.woff2") format("woff2"),
        url("https://static.dazndn.com/fonts/DAZNTrim_v2.9_normal_400.woff") format("woff");
}
@font-face {
    font-family: "DAZNTrim";
    font-style: normal;
    font-weight: 600;
    src: url("https://static.dazndn.com/fonts/DAZNTrim_v2.9_normal_600.woff2") format("woff2"),
        url("https://static.dazndn.com/fonts/DAZNTrim_v2.9_normal_600.woff") format("woff");
}
@font-face {
    font-family: "DAZNTrim";
    font-style: normal;
    font-weight: 800;
    src: url("https://static.dazndn.com/fonts/DAZNTrim_v2.9_normal_800.woff2") format("woff2"),
        url("https://static.dazndn.com/fonts/DAZNTrim_v2.9_normal_800.woff") format("woff");
}
@font-face {
    font-family: "DAZNTrim";
    font-style: italic;
    font-weight: 600;
    src: url("https://static.dazndn.com/fonts/DAZNTrim_v2.9_italic_600.woff2") format("woff2"),
        url("https://static.dazndn.com/fonts/DAZNTrim_v2.9_italic_600.woff") format("woff");
}
@font-face {
    font-family: "DAZNTrimCondensed";
    font-style: normal;
    font-weight: 400;
    src: url("https://static.dazndn.com/fonts/DAZNTrimCondensed_v1.0_normal_400.woff2") format("woff2"),
        url("https://static.dazndn.com/fonts/DAZNTrimCondensed_v1.0_normal_400.woff") format("woff");
    font-display: block;
}
@font-face {
    font-family: "DAZNTrimCondensed";
    font-style: normal;
    font-weight: 700;
    src: url("https://static.dazndn.com/fonts/DAZNTrimCondensed_v1.0_normal_700.woff2") format("woff2"),
        url("https://static.dazndn.com/fonts/DAZNTrimCondensed_v1.0_normal_700.woff") format("woff");
    font-display: block;
}
/* DAZN Oscine */
@font-face {
    font-family: "Oscine";
    font-style: normal;
    font-weight: 400;
    src: url("https://static.dazndn.com/fonts/Oscine_v2.001_normal_400.woff2") format("woff2"),
        url("https://static.dazndn.com/fonts/Oscine_v2.001_normal_400.woff") format("woff");
}
@font-face {
    font-family: "Oscine";
    font-style: normal;
    font-weight: 700;
    src: url("https://static.dazndn.com/fonts/Oscine_v2.001_normal_700.woff2") format("woff2"),
        url("https://static.dazndn.com/fonts/Oscine_v2.001_normal_700.woff") format("woff");
}
@font-face {
    font-family: "Oscine";
    font-style: normal;
    font-weight: 800;
    src: url("https://static.dazndn.com/fonts/Oscine_v2.001_normal_800.woff2") format("woff2"),
        url("https://static.dazndn.com/fonts/Oscine_v2.001_normal_800.woff") format("woff");
}
/* AxisSTD (JP characters fallback) */
@font-face {
    font-family: "AxisSTD";
    font-style: normal;
    font-weight: 300;
    src: url("https://static.dazndn.com/fonts/AxisStd_v1.111_normal_300.woff2") format("woff2"),
        url("https://static.dazndn.com/fonts/AxisStd_v1.111_normal_300.woff") format("woff");
}
@font-face {
    font-family: "AxisSTD";
    font-style: normal;
    font-weight: 400;
    src: url("https://static.dazndn.com/fonts/AxisStd_v1.111_normal_400.woff2") format("woff2"),
        url("https://static.dazndn.com/fonts/AxisStd_v1.111_normal_400.woff") format("woff");
}
@font-face {
    font-family: "AxisSTD";
    font-style: normal;
    font-weight: 600;
    src: url("https://static.dazndn.com/fonts/AxisStd_v1.111_normal_600.woff2") format("woff2"),
        url("https://static.dazndn.com/fonts/AxisStd_v1.111_normal_600.woff") format("woff");
}
/* Closed caption fonts */
@font-face {
    font-family: "Autourone";
    font-style: normal;
    font-weight: 400;
    src: url("https://static.dazndn.com/fonts/AutourOne_v1.002_normal_400.woff2") format("woff2"),
        url("https://static.dazndn.com/fonts/AutourOne_v1.002_normal_400.woff") format("woff");
}
@font-face {
    font-family: "Droid";
    font-style: normal;
    font-weight: 400;
    src: url("https://static.dazndn.com/fonts/DroidSansMono_v1.00.123_normal_400.woff2") format("woff2"),
        url("https://static.dazndn.com/fonts/DroidSansMono_v1.00.123_normal_400.woff") format("woff");
}
@font-face {
    font-family: "Librebaskerville";
    font-style: normal;
    font-weight: 400;
    src: url("https://static.dazndn.com/fonts/LibreBaskerville_v1.000_normal_400.woff2") format("woff2"),
        url("https://static.dazndn.com/fonts/LibreBaskerville_v1.000_normal_400.woff") format("woff");
}
@font-face {
    font-family: "Luxi";
    font-style: normal;
    font-weight: 400;
    src: url("https://static.dazndn.com/fonts/LuxiMono_v1.2_normal_400.woff2") format("woff2"),
        url("https://static.dazndn.com/fonts/LuxiMono_v1.2_normal_400.woff") format("woff");
}
@font-face {
    font-family: "Qumpellkano12";
    font-style: normal;
    font-weight: 400;
    src: url("https://static.dazndn.com/fonts/QumpellkaNo12_v00.480_normal_400.woff2") format("woff2"),
        url("https://static.dazndn.com/fonts/QumpellkaNo12_v00.480_normal_400.woff") format("woff");
}