diff --git a/.yarn/cache/core-js-npm-3.36.1-ab30f10365-ce1e1bfc10.zip b/.yarn/cache/core-js-npm-3.36.1-ab30f10365-ce1e1bfc10.zip
deleted file mode 100644
index 3df4a982484..00000000000
Binary files a/.yarn/cache/core-js-npm-3.36.1-ab30f10365-ce1e1bfc10.zip and /dev/null differ
diff --git a/.yarn/cache/fetch-mock-npm-9.11.0-6ebe138f97-4bbd312eaf.zip b/.yarn/cache/fetch-mock-npm-9.11.0-6ebe138f97-4bbd312eaf.zip
deleted file mode 100644
index e953cc4fb4b..00000000000
Binary files a/.yarn/cache/fetch-mock-npm-9.11.0-6ebe138f97-4bbd312eaf.zip and /dev/null differ
diff --git a/.yarn/cache/is-subset-npm-0.1.1-15dc569569-cce9aeb579.zip b/.yarn/cache/is-subset-npm-0.1.1-15dc569569-cce9aeb579.zip
deleted file mode 100644
index e0fef4205c3..00000000000
Binary files a/.yarn/cache/is-subset-npm-0.1.1-15dc569569-cce9aeb579.zip and /dev/null differ
diff --git a/.yarn/cache/lodash.isequal-npm-4.5.0-f8b0f64d63-82fc58a83a.zip b/.yarn/cache/lodash.isequal-npm-4.5.0-f8b0f64d63-82fc58a83a.zip
deleted file mode 100644
index d8dae7be1fd..00000000000
Binary files a/.yarn/cache/lodash.isequal-npm-4.5.0-f8b0f64d63-82fc58a83a.zip and /dev/null differ
diff --git a/.yarn/cache/lodash.sortby-npm-4.7.0-fda8ab950d-38df19ae28.zip b/.yarn/cache/lodash.sortby-npm-4.7.0-fda8ab950d-38df19ae28.zip
deleted file mode 100644
index 3a7a88a44b9..00000000000
Binary files a/.yarn/cache/lodash.sortby-npm-4.7.0-fda8ab950d-38df19ae28.zip and /dev/null differ
diff --git a/.yarn/cache/path-to-regexp-npm-2.4.0-ce02fd84d9-0afcae75a2.zip b/.yarn/cache/path-to-regexp-npm-2.4.0-ce02fd84d9-0afcae75a2.zip
deleted file mode 100644
index 000ef4bb0c7..00000000000
Binary files a/.yarn/cache/path-to-regexp-npm-2.4.0-ce02fd84d9-0afcae75a2.zip and /dev/null differ
diff --git a/.yarn/cache/querystring-npm-0.2.1-15cb60859d-5ae2eeb8c6.zip b/.yarn/cache/querystring-npm-0.2.1-15cb60859d-5ae2eeb8c6.zip
deleted file mode 100644
index 07857150cf7..00000000000
Binary files a/.yarn/cache/querystring-npm-0.2.1-15cb60859d-5ae2eeb8c6.zip and /dev/null differ
diff --git a/.yarn/cache/tr46-npm-1.0.1-9547f343a4-6e80d75480.zip b/.yarn/cache/tr46-npm-1.0.1-9547f343a4-6e80d75480.zip
deleted file mode 100644
index 43273b27da7..00000000000
Binary files a/.yarn/cache/tr46-npm-1.0.1-9547f343a4-6e80d75480.zip and /dev/null differ
diff --git a/.yarn/cache/webidl-conversions-npm-4.0.2-1d159e6409-594187c36f.zip b/.yarn/cache/webidl-conversions-npm-4.0.2-1d159e6409-594187c36f.zip
deleted file mode 100644
index c6319e25404..00000000000
Binary files a/.yarn/cache/webidl-conversions-npm-4.0.2-1d159e6409-594187c36f.zip and /dev/null differ
diff --git a/.yarn/cache/whatwg-url-npm-6.5.0-07c2c28a54-fbe8e9d81f.zip b/.yarn/cache/whatwg-url-npm-6.5.0-07c2c28a54-fbe8e9d81f.zip
deleted file mode 100644
index b070ca17e22..00000000000
Binary files a/.yarn/cache/whatwg-url-npm-6.5.0-07c2c28a54-fbe8e9d81f.zip and /dev/null differ
diff --git a/package.json b/package.json
index f63db6cfb74..42dd6e06839 100644
--- a/package.json
+++ b/package.json
@@ -218,7 +218,6 @@
"eslint-plugin-prettier": "5.1.3",
"eslint-plugin-react": "7.34.2",
"eslint-plugin-react-hooks": "4.6.2",
- "fetch-mock": "9.11.0",
"glob": "10.4.1",
"husky": "9.0.11",
"inspectpack": "4.7.1",
diff --git a/src/app/components/MostRead/Amp/index.test.tsx b/src/app/components/MostRead/Amp/index.test.tsx
index ad161b79b3f..4d24f7af8f0 100644
--- a/src/app/components/MostRead/Amp/index.test.tsx
+++ b/src/app/components/MostRead/Amp/index.test.tsx
@@ -1,5 +1,6 @@
+import { FetchMock } from 'jest-fetch-mock';
+
import React from 'react';
-import fetchMock from 'fetch-mock';
import { render, act } from '../../react-testing-library-with-providers';
import { ServiceContextProvider } from '../../../contexts/ServiceContext';
import AmpMostRead from '.';
@@ -16,15 +17,17 @@ const MostReadAmpWithContext = ({ service }: MostReadAmpWithContextProps) => (
);
+const fetchMock = fetch as FetchMock;
+
describe('AmpMostRead', () => {
afterEach(() => {
- fetchMock.restore();
+ fetchMock.resetMocks();
});
// Testing is done in cypress as jest dom does not support/run web workers which run the amp-scripts.
it('should render as expected', async () => {
- fetchMock.mock('localhost:7080/mundo/mostread.json', mundoMostReadResponse);
+ fetchMock.mockResponseOnce(JSON.stringify(mundoMostReadResponse));
const { container } = render( , {
service: 'mundo',
@@ -39,9 +42,7 @@ describe('AmpMostRead', () => {
});
it('should render fallback when fetch fails to load', async () => {
- fetchMock.mock('localhost:7080/mundo/mostread.json', {
- throws: 'failed fetch',
- });
+ fetchMock.mockReject(Error('failed fetch'));
const { container, getByText } = render(
,
@@ -62,12 +63,14 @@ describe('AmpMostRead', () => {
});
it('should render fallback when items are empty', async () => {
- fetchMock.mock('localhost:7080/mundo/mostread.json', {
- generated: '2022-05-03T14:44:35.496Z',
- lastRecordTimeStamp: '2022-05-03T14:42:00Z',
- firstRecordTimeStamp: '2022-05-03T14:27:00Z',
- items: [],
- });
+ fetchMock.mockResponseOnce(
+ JSON.stringify({
+ generated: '2022-05-03T14:44:35.496Z',
+ lastRecordTimeStamp: '2022-05-03T14:42:00Z',
+ firstRecordTimeStamp: '2022-05-03T14:27:00Z',
+ items: [],
+ }),
+ );
const { container, getByText } = render(
,
@@ -88,11 +91,13 @@ describe('AmpMostRead', () => {
});
it('should render fallback when items are undefined', async () => {
- fetchMock.mock('localhost:7080/mundo/mostread.json', {
- generated: '2022-05-03T14:44:35.496Z',
- lastRecordTimeStamp: '2022-05-03T14:42:00Z',
- firstRecordTimeStamp: '2022-05-03T14:27:00Z',
- });
+ fetchMock.mockResponseOnce(
+ JSON.stringify({
+ generated: '2022-05-03T14:44:35.496Z',
+ lastRecordTimeStamp: '2022-05-03T14:42:00Z',
+ firstRecordTimeStamp: '2022-05-03T14:27:00Z',
+ }),
+ );
const { container, getByText } = render(
,
diff --git a/src/app/components/MostRead/Canonical/index.test.tsx b/src/app/components/MostRead/Canonical/index.test.tsx
index d0e44b0aa04..84085921358 100644
--- a/src/app/components/MostRead/Canonical/index.test.tsx
+++ b/src/app/components/MostRead/Canonical/index.test.tsx
@@ -1,5 +1,4 @@
import React from 'react';
-import fetchMock from 'fetch-mock';
import { data as arabicMostReadData } from '../../../../../data/arabic/mostRead/index.json';
import { data as pidginMostReadData } from '../../../../../data/pidgin/mostRead/index.json';
import { data as kyrgyzMostReadData } from '../../../../../data/kyrgyz/mostRead/index.json';
@@ -50,7 +49,6 @@ const MostReadCanonicalWithContext = ({
describe('MostRead Canonical', () => {
beforeEach(() => {
jest.clearAllMocks();
- fetchMock.restore();
});
[
diff --git a/src/app/legacy/containers/RadioSchedule/Canonical/index.test.jsx b/src/app/legacy/containers/RadioSchedule/Canonical/index.test.jsx
index f8c809180bf..f675b7e5a58 100644
--- a/src/app/legacy/containers/RadioSchedule/Canonical/index.test.jsx
+++ b/src/app/legacy/containers/RadioSchedule/Canonical/index.test.jsx
@@ -1,5 +1,4 @@
import React from 'react';
-import fetchMock from 'fetch-mock';
import arabicRadioScheduleData from '#data/arabic/bbc_arabic_radio/schedule.json';
import { RequestContextProvider } from '#contexts/RequestContext';
import { FRONT_PAGE } from '#app/routes/utils/pageTypes';
@@ -33,12 +32,15 @@ const RadioScheduleWithContext = ({ initialData, lang }) => (
describe('Canonical RadioSchedule', () => {
beforeEach(() => {
- fetchMock.restore();
+ fetch.resetMocks();
+ });
+
+ afterEach(() => {
+ jest.resetAllMocks();
});
describe('With initial data', () => {
it('renders correctly for a service', async () => {
- fetchMock.mock(endpoint, arabicRadioScheduleData);
const initialData = processRadioSchedule(
arabicRadioScheduleData,
'arabic',
@@ -51,7 +53,6 @@ describe('Canonical RadioSchedule', () => {
).container;
});
expect(container).toMatchSnapshot();
- expect(fetchMock.calls(endpoint).length).toBeFalsy();
});
it('contains four programs for a service with a radio schedule', async () => {
@@ -63,7 +64,7 @@ describe('Canonical RadioSchedule', () => {
let container;
await act(async () => {
- container = await render(
+ container = render(
,
).container;
});
@@ -71,16 +72,22 @@ describe('Canonical RadioSchedule', () => {
});
it('does not render when data contains less than 4 programs', async () => {
- fetchMock.mock(endpoint, arabicRadioScheduleData.schedules.slice(0, 2));
+ const radioSchedule2Programmes = { ...arabicRadioScheduleData };
+ radioSchedule2Programmes.schedules =
+ radioSchedule2Programmes.schedules.slice(0, 2);
+
const initialData = processRadioSchedule(
- { schedules: arabicRadioScheduleData.schedules.slice(0, 2) },
+ radioSchedule2Programmes,
'arabic',
Date.now(),
);
+
+ fetch.mockResponseOnce(JSON.stringify(radioSchedule2Programmes));
+
let container;
await act(async () => {
- container = await render(
+ container = render(
,
).container;
});
@@ -88,7 +95,7 @@ describe('Canonical RadioSchedule', () => {
});
it('does not render when data contains no programs', async () => {
- fetchMock.mock(endpoint, []);
+ fetch.mockResponseOnce(JSON.stringify([]));
const initialData = processRadioSchedule(
{ schedules: [] },
'arabic',
@@ -97,7 +104,7 @@ describe('Canonical RadioSchedule', () => {
let container;
await act(async () => {
- container = await render(
+ container = render(
,
).container;
});
@@ -107,34 +114,32 @@ describe('Canonical RadioSchedule', () => {
describe('Without initial data', () => {
it('renders correctly for a service with a radio schedule and page frequency URL', async () => {
- fetchMock.mock(endpoint, arabicRadioScheduleData);
+ fetch.mockResponseOnce(JSON.stringify(arabicRadioScheduleData));
let container;
await act(async () => {
- container = await render( ).container;
+ container = render( ).container;
});
expect(container).toMatchSnapshot();
- expect(fetchMock.calls(endpoint).length).toBeTruthy();
});
it('contains four programs for a service with a radio schedule', async () => {
- fetchMock.mock(endpoint, arabicRadioScheduleData);
+ fetch.mockResponseOnce(JSON.stringify(arabicRadioScheduleData));
let container;
await act(async () => {
- container = await render( ).container;
+ container = render( ).container;
});
expect(container.querySelectorAll('li').length).toEqual(4);
});
it('render radio schedules container with lang code', async () => {
- fetchMock.mock(endpoint, arabicRadioScheduleData);
+ fetch.mockResponseOnce(JSON.stringify(arabicRadioScheduleData));
let container;
await act(async () => {
- container = await render( )
- .container;
+ container = render( ).container;
});
expect(container.querySelector('section')).toHaveAttribute(
'lang',
@@ -143,49 +148,52 @@ describe('Canonical RadioSchedule', () => {
});
it('does not render when data contains less than 4 programs', async () => {
- fetchMock.mock(endpoint, {
- schedules: arabicRadioScheduleData.schedules.slice(0, 2),
- });
+ const radioSchedule2Programmes = { ...arabicRadioScheduleData };
+ radioSchedule2Programmes.schedules =
+ radioSchedule2Programmes.schedules.slice(0, 2);
+
+ fetch.mockResponseOnce(JSON.stringify(radioSchedule2Programmes));
+
let container;
await act(async () => {
- container = await render( ).container;
+ container = render( ).container;
});
expect(container).toBeEmptyDOMElement();
});
it('does not render when data contains no programs', async () => {
- fetchMock.mock(endpoint, {
- schedules: [],
- });
+ fetch.mockResponseOnce(
+ JSON.stringify({
+ schedules: [],
+ }),
+ );
let container;
await act(async () => {
- container = await render( ).container;
+ container = render( ).container;
});
expect(container).toBeEmptyDOMElement();
});
it('does not render when data fetched returns non-ok status code', async () => {
global.console.error = jest.fn();
- fetchMock.mock(endpoint, 404);
+ fetch.mockResponse({ status: 404 });
let container;
await act(async () => {
- container = await render( ).container;
+ container = render( ).container;
});
expect(container).toBeEmptyDOMElement();
});
it('does not render when data fetch is rejected', async () => {
global.console.error = jest.fn();
- fetchMock.mock(endpoint, {
- throws: 'Server not found',
- });
+ fetch.mockRejectOnce(Error('Server not found'));
let container;
await act(async () => {
- container = await render( ).container;
+ container = render( ).container;
});
expect(container).toBeEmptyDOMElement();
});
diff --git a/src/app/lib/utilities/getToggles/index.test.js b/src/app/lib/utilities/getToggles/index.test.js
index ff673dcb53d..bbcac2d1a3d 100644
--- a/src/app/lib/utilities/getToggles/index.test.js
+++ b/src/app/lib/utilities/getToggles/index.test.js
@@ -1,10 +1,3 @@
-import fetchMock from 'fetch-mock';
-import {
- CONFIG_REQUEST_RECEIVED,
- CONFIG_FETCH_ERROR,
- CONFIG_ERROR,
-} from '#lib/logger.const';
-
const mockUrl =
'https://mock-config-endpoint?application=simorgh&service=mundo&__amp_source_origin=http://localhost';
const mockResponse = {
@@ -12,18 +5,17 @@ const mockResponse = {
testToggle: { enabled: true },
},
};
-fetchMock.mock(mockUrl, mockResponse);
describe('getToggles', () => {
beforeEach(async () => {
- jest.resetModules();
- await import('#testHelpers/loggerMock');
process.env.SIMORGH_CONFIG_URL = 'https://mock-config-endpoint';
+ fetch.mockResponse(JSON.stringify(mockResponse));
});
afterEach(() => {
+ jest.resetModules();
jest.resetAllMocks();
- fetchMock.resetHistory();
+ fetch.resetMocks();
});
it('should return defaultToggles if enableFetchingToggles is not enabled', async () => {
@@ -49,24 +41,16 @@ describe('getToggles', () => {
defaultToggle: { enabled: false },
},
};
+
beforeEach(() => {
jest.mock('#lib/config/toggles', () => mockDefaultToggles);
});
- it('should return the merged local and remote toggles and log that this happened', async () => {
- const nodeLogger = await import('#testHelpers/loggerMock');
- const getToggles = await import('.');
+ it('should return the merged local and remote toggles', async () => {
+ const { default: getToggles } = await import('.');
jest.spyOn(window, 'document', 'get').mockReturnValue(undefined);
- const toggles = await getToggles.default('mundo');
-
- expect(nodeLogger.default.info).toHaveBeenCalledWith(
- CONFIG_REQUEST_RECEIVED,
- {
- service: 'mundo',
- url: mockUrl,
- },
- );
+ const toggles = await getToggles('mundo');
expect(toggles).toEqual({
...mockDefaultToggles.local,
@@ -79,8 +63,8 @@ describe('getToggles', () => {
get: jest.fn(() => mockResponse.toggles),
};
- const getToggles = await import('.');
- const toggles = await getToggles.default('mundo', mockCache);
+ const { default: getToggles } = await import('.');
+ const toggles = await getToggles('mundo', mockCache);
expect(toggles).toEqual({
...mockDefaultToggles.local,
@@ -90,7 +74,6 @@ describe('getToggles', () => {
expect(mockCache.get).toHaveBeenCalledWith(
'https://mock-config-endpoint?application=simorgh&service=mundo&__amp_source_origin=http://localhost',
);
- expect(fetchMock.called()).toBe(false);
});
it('should set cache entry if one does not exist for this URL', async () => {
@@ -99,8 +82,8 @@ describe('getToggles', () => {
set: jest.fn(),
};
- const getToggles = await import('.');
- const toggles = await getToggles.default('mundo', mockCache);
+ const { default: getToggles } = await import('.');
+ const toggles = await getToggles('mundo', mockCache);
expect(toggles).toEqual({
...mockDefaultToggles.local,
@@ -112,71 +95,44 @@ describe('getToggles', () => {
it('should catch response errors, log them and return default toggles', async () => {
const errorCode = 500;
- const mockServiceUrl =
- 'https://mock-config-endpoint?application=simorgh&service=pidgin&__amp_source_origin=http://localhost';
- fetchMock.mock(mockServiceUrl, errorCode);
-
- const nodeLogger = await import('#testHelpers/loggerMock');
- const getToggles = await import('.');
- const toggles = await getToggles.default('pidgin');
-
- expect(nodeLogger.default.error).toHaveBeenCalledWith(
- CONFIG_FETCH_ERROR,
- {
- status: 500,
- service: 'pidgin',
- url: mockServiceUrl,
- },
- );
+ fetch.mockResponseOnce(errorCode);
+
+ const { default: getToggles } = await import('.');
+ const toggles = await getToggles('mundo');
+
expect(toggles).toEqual(mockDefaultToggles.local);
});
it('should catch errors not related to the response, log them and return default toggles', async () => {
- const mockServiceUrl =
- 'https://mock-config-endpoint?application=simorgh&service=hausa&__amp_source_origin=http://localhost';
const mockInvalidResponse = 'This is not JSON';
- fetchMock.mock(mockServiceUrl, mockInvalidResponse);
-
- const nodeLogger = await import('#testHelpers/loggerMock');
- const getToggles = await import('.');
- const toggles = await getToggles.default('hausa');
-
- expect(nodeLogger.default.error).toHaveBeenCalledWith(CONFIG_ERROR, {
- error: expect.stringContaining(
- 'FetchError: invalid json response body',
- ),
- service: 'hausa',
- url: mockServiceUrl,
- });
+ fetch.mockResponseOnce(mockInvalidResponse);
+
+ const { default: getToggles } = await import('.');
+ const toggles = await getToggles('hausa');
expect(toggles).toEqual(mockDefaultToggles.local);
});
it('should calculate and log response time of toggles call when called on server', async () => {
- const nodeLogger = await import('#testHelpers/loggerMock');
- const getToggles = await import('.');
+ const { default: getToggles } = await import('.');
+
const hrtTimeSpy = jest
.spyOn(process, 'hrtime')
.mockReturnValue([10, 1000]);
jest.spyOn(window, 'document', 'get').mockReturnValue(undefined);
- await getToggles.default('mundo');
+ await getToggles('mundo');
- expect(fetchMock.calls().length).toBe(1);
expect(hrtTimeSpy).toHaveBeenCalledTimes(2);
- expect(nodeLogger.default.info).toHaveBeenCalledTimes(2);
});
it('should not calculate and log response when running on client', async () => {
- const nodeLogger = await import('#testHelpers/loggerMock');
- const getToggles = await import('.');
+ const { default: getToggles } = await import('.');
const hrtTimeSpy = jest.spyOn(process, 'hrtime');
jest.spyOn(window, 'document', 'get').mockReturnValue({});
- await getToggles.default('mundo');
+ await getToggles('mundo');
- expect(fetchMock.calls().length).toBe(1);
expect(hrtTimeSpy).toHaveBeenCalledTimes(0);
- expect(nodeLogger.default.info).toHaveBeenCalledTimes(0);
});
});
});
diff --git a/src/app/lib/utilities/getToggles/withCache.test.js b/src/app/lib/utilities/getToggles/withCache.test.js
index 9c3742fae4a..42abc928ba0 100644
--- a/src/app/lib/utilities/getToggles/withCache.test.js
+++ b/src/app/lib/utilities/getToggles/withCache.test.js
@@ -1,4 +1,3 @@
-import fetchMock from 'fetch-mock';
import Cache from 'lru-cache';
import withCache from './withCache';
import getToggles from '.';
@@ -8,23 +7,19 @@ jest.mock('.');
describe('withCache', () => {
it('creates a cache, and returns a function that calls getToggles with this cache', () => {
- const mockMundoUrl =
- 'https://mock-config-endpoint?application=simorgh&service=mundo&__amp_source_origin=http://localhost';
const mockMundoResponse = {
toggles: {
testToggle: { enabled: true },
},
};
- fetchMock.mock(mockMundoUrl, mockMundoResponse);
+ fetch.mockResponseOnce(JSON.stringify(mockMundoResponse));
- const mockPidginUrl =
- 'https://mock-config-endpoint?application=simorgh&service=pidgin&__amp_source_origin=http://localhost';
const mockPidginResponse = {
toggles: {
testToggle: { enabled: true },
},
};
- fetchMock.mock(mockPidginUrl, mockPidginResponse);
+ fetch.mockResponseOnce(JSON.stringify(mockPidginResponse));
withCache('mundo');
withCache('pidgin');
diff --git a/src/app/pages/FrontPage/index.test.jsx b/src/app/pages/FrontPage/index.test.jsx
index 05e816d814e..a5e98dbfad0 100644
--- a/src/app/pages/FrontPage/index.test.jsx
+++ b/src/app/pages/FrontPage/index.test.jsx
@@ -1,5 +1,4 @@
import React from 'react';
-import fetchMock from 'fetch-mock';
import { BrowserRouter } from 'react-router-dom';
import { render, act } from '@testing-library/react';
import { RequestContextProvider } from '#contexts/RequestContext';
@@ -123,15 +122,12 @@ jest.mock('#containers/PageHandlers/withContexts', () => Component => {
describe('Front Page', () => {
beforeEach(() => {
delete process.env.SIMORGH_APP_ENV;
- fetchMock.mock(
- 'begin:http://localhost/serbian/lat',
- JSON.stringify(serbianFrontPageData),
- );
+ fetch.mockResponse(JSON.stringify(serbianFrontPageData));
});
afterEach(() => {
jest.clearAllMocks();
- fetchMock.restore();
+ fetch.resetMocks();
});
describe('Assertions', () => {
diff --git a/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap b/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
deleted file mode 100644
index 37b4d719fc2..00000000000
--- a/src/app/pages/MediaAssetPage/__snapshots__/index.test.jsx.snap
+++ /dev/null
@@ -1,3932 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Media Asset Page AV player should render version (live audio stream) 1`] = `
-
- .emotion-2 {
- width: 100%;
- padding-bottom: 1.5rem;
-}
-
-@supports (display: grid) {
- .emotion-2 {
- display: grid;
- position: initial;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-2 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-2 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-2 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-2 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-gap: 1rem;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-2 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-gap: 1rem;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-2 {
- grid-template-columns: repeat(20, 1fr);
- grid-column-end: span 20;
- grid-column-gap: 1rem;
- }
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-2 {
- margin: 0 auto;
- max-width: 63rem;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-2 {
- margin: 0 auto;
- max-width: 80rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-2 {
- width: 100%;
- padding-bottom: 2rem;
- }
-}
-
-.emotion-4 {
- -webkit-clip-path: inset(100%);
- clip-path: inset(100%);
- clip: rect(1px, 1px, 1px, 1px);
- height: 1px;
- overflow: hidden;
- position: absolute;
- width: 1px;
- margin: 0;
-}
-
-.emotion-6 {
- margin-top: 0.5rem;
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-6 {
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-6 {
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-6 {
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-6 {
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-6 {
- margin-left: 16.666666666666668%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-6 {
- margin-left: 33.333333333333336%;
- }
-}
-
-@supports (display: grid) {
- .emotion-6 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-6 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-6 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-6 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-6 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-6 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-6 {
- grid-template-columns: repeat(12, 1fr);
- grid-column-end: span 12;
- grid-column-start: 5;
- }
- }
-}
-
-.emotion-6 figure {
- padding-bottom: 1rem;
-}
-
-@media (max-width: 24.9375rem) {
- .emotion-6 {
- margin-top: 0.5rem;
- }
-}
-
-@media (min-width: 25rem) {
- .emotion-6 {
- margin-top: 1rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-6 {
- padding: 0 1rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-6 {
- padding: 0.5rem 0 0;
- margin-top: 2rem;
- }
-
- .emotion-6 figure {
- padding-bottom: 1.5rem;
- }
-}
-
-.emotion-8 {
- margin: 0;
- padding-bottom: 1.5rem;
- width: 100%;
-}
-
-.emotion-10 {
- padding-top: 56.25%;
- position: relative;
- overflow: hidden;
-}
-
-.emotion-12 {
- z-index: 1;
- border: 0;
- left: 0;
- overflow: hidden;
- position: absolute;
- top: 0;
- width: 100%;
- height: 100%;
-}
-
-.emotion-14 {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
-}
-
-.emotion-16 {
- position: relative;
- height: 0;
- overflow: hidden;
- background-color: #F2F2F2;
- -webkit-background-position: center center;
- background-position: center center;
- background-repeat: no-repeat;
- -webkit-background-size: 60px 17px;
- background-size: 60px 17px;
- width: 100%;
- background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
-}
-
-@media (min-width: 25rem) {
- .emotion-16 {
- -webkit-background-size: 77px 22px;
- background-size: 77px 22px;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-16 {
- -webkit-background-size: 93px 27px;
- background-size: 93px 27px;
- }
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-18 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-18 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-18 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-18 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-18 {
- margin-left: 16.666666666666668%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-18 {
- margin-left: 33.333333333333336%;
- }
-}
-
-@supports (display: grid) {
- .emotion-18 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-18 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-18 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-18 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-18 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-18 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-18 {
- grid-template-columns: repeat(12, 1fr);
- grid-column-end: span 12;
- grid-column-start: 5;
- }
- }
-}
-
-.emotion-21 {
- font-size: 1.75rem;
- line-height: 2rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 700;
- font-style: normal;
- color: #141414;
- display: block;
- margin: 0;
- padding: 2rem 0;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-21 {
- font-size: 2rem;
- line-height: 2.25rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-21 {
- font-size: 2.75rem;
- line-height: 3rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-21 {
- padding: 2.5rem 0;
- }
-}
-
-@media (max-width: 62.9375rem) {
- .emotion-21 {
- padding: 0.5rem 0 2rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-21 {
- padding: 1rem 0 2.5rem;
- }
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-24 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-24 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-24 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-24 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-24 {
- margin-left: 20%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-24 {
- margin-left: 40%;
- }
-}
-
-@supports (display: grid) {
- .emotion-24 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-24 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-24 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-24 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-24 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-24 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-24 {
- grid-template-columns: repeat(10, 1fr);
- grid-column-end: span 10;
- grid-column-start: 5;
- }
- }
-}
-
-@media (max-width: 62.9375rem) {
- .emotion-24 {
- padding-bottom: 1rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-24 {
- padding-bottom: 1.5rem;
- }
-}
-
-.emotion-26 {
- font-size: 0.875rem;
- line-height: 1.125rem;
- color: #545658;
- display: block;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: normal;
- padding-bottom: 0.25rem;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-26 {
- font-size: 0.875rem;
- line-height: 1.125rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-26 {
- font-size: 0.8125rem;
- line-height: 1rem;
- }
-}
-
-.emotion-26:last-child {
- padding-bottom: 1rem;
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-28 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-28 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-28 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-28 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-28 {
- margin-left: 20%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-28 {
- margin-left: 40%;
- }
-}
-
-@supports (display: grid) {
- .emotion-28 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-28 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-28 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-28 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-28 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-28 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-28 {
- grid-template-columns: repeat(10, 1fr);
- grid-column-end: span 10;
- grid-column-start: 5;
- }
- }
-}
-
-.emotion-30 {
- font-size: 0.9375rem;
- line-height: 1.25rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: normal;
- color: #141414;
- padding-bottom: 1.5rem;
- margin: 0;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-30 {
- font-size: 1rem;
- line-height: 1.375rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-30 {
- font-size: 1rem;
- line-height: 1.375rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-30 {
- padding-right: 2.5rem;
- }
-}
-
-.emotion-40 {
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: italic;
- font-family: inherit;
- font-weight: inherit;
-}
-
-.emotion-52 {
- color: #222222;
- border-bottom: 1px solid #B80000;
- -webkit-text-decoration: none;
- text-decoration: none;
-}
-
-.emotion-52:visited {
- color: #6E6E73;
- border-bottom: 1px solid #6E6E73;
-}
-
-.emotion-52:focus,
-.emotion-52:hover {
- border-bottom: 2px solid #B80000;
- color: #B80000;
-}
-
-.emotion-75 {
- margin-bottom: 1.5rem;
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-75 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-75 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-75 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-75 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-75 {
- margin-left: 20%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-75 {
- margin-left: 40%;
- }
-}
-
-@supports (display: grid) {
- .emotion-75 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-75 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-75 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-75 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-75 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-75 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-75 {
- grid-template-columns: repeat(10, 1fr);
- grid-column-end: span 10;
- grid-column-start: 5;
- }
- }
-}
-
-.emotion-77 {
- margin-top: 0;
- list-style-type: none;
- font-size: 0.9375rem;
- line-height: 1.25rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-style: normal;
- font-weight: 400;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-77 {
- font-size: 1rem;
- line-height: 1.375rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-77 {
- font-size: 1rem;
- line-height: 1.375rem;
- }
-}
-
-.emotion-77>li {
- position: relative;
- color: inherit;
-}
-
-.emotion-77>li::before {
- top: 0.5rem;
- content: "";
- position: absolute;
- border-width: 1rem;
- inset-inline-start: -1rem;
-}
-
-.emotion-77>li::before {
- border: 0.1875rem solid #3F3F42;
- background-color: #3F3F42;
- border-radius: 50%;
-}
-
-.emotion-78 {
- margin-bottom: 1rem;
-}
-
-.emotion-98 {
- grid-column: 5/span 12;
-}
-
-@media (max-width: 80rem) {
- .emotion-98 {
- grid-column: 2/span 6;
- }
-}
-
-@media (max-width: 63rem) {
- .emotion-98 {
- grid-column: 1/span 6;
- }
-}
-
-.emotion-100 {
- margin: 0;
- padding-bottom: 1.5rem;
- width: 100%;
-}
-
-.emotion-101 {
- position: relative;
- height: 0;
- background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
- -webkit-background-position: center center;
- background-position: center center;
- background-repeat: no-repeat;
- -webkit-background-size: 60px 17px;
- background-size: 60px 17px;
- background-color: #F2F2F2;
-}
-
-@media (min-width: 25rem) {
- .emotion-101 {
- -webkit-background-size: 77px 22px;
- background-size: 77px 22px;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-101 {
- -webkit-background-size: 93px 27px;
- background-size: 93px 27px;
- }
-}
-
-.emotion-102 {
- width: 100%;
- object-fit: cover;
- height: auto;
-}
-
-.emotion-103 {
- color: #141414;
- font-size: 0.75rem;
- line-height: 1rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-style: normal;
- font-weight: 400;
- background-color: rgba(34, 34, 34, 0.75);
- text-transform: uppercase;
- color: #FFFFFF;
- padding: 0.25rem 0.5rem;
- position: absolute;
- bottom: 0;
- inset-inline-start: 0;
- margin: 0;
- font-family: ReithSans,Helvetica,Arial,sans-serif;
- overflow: hidden;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-103 {
- font-size: 0.75rem;
- line-height: 1rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-103 {
- font-size: 0.75rem;
- line-height: 1rem;
- }
-}
-
-.emotion-103 span {
- font-size: 0.75rem;
-}
-
-
-
-
-
-
- chartbeat
-
-
- comscore
-
-
-
-
- Ўзбек деҳқонининг косаси нега оқармайдиshort
-
-
-
-
- Ўзбек деҳқонининг косаси нега оқармайдиshort
-
-
-
-
- 13 сентябр 2019
-
-
-
-
-
- Ўзбек деҳқонининг косаси нега оқармайди
-
-
-
-
-
-
- Ўзбек деҳқонининг косаси нега оқармайди
-
-
- heading
-
-
-
-
-
-
-
- Ўзбек деҳқонининг косаси нега оқармайди
-
-
-
-
- heading
-
-
-
-
-
-
-
- Ўзбек деҳқонининг косаси нега оқармайди
-
-
- crosshead
-
-
-
-
-
- Шу йил апрел ойида Ўзбекистон Президенти Ислом
-
- Каримов ўзининг
-
- Москвага сафари мобайнида Россияга Туркия каби мамлакатлардан келмай қолган қишлоқ хўжалик маҳсулотлари ўрнини Ўзбекистон қоплаб беришга тайёр эканлигини айтганди.
-
-
-
-
- Шу вақтгача ҳам ўзбекистонлик деҳқонлар ўз маҳсулотларини хорижга олиб
-
- чиқишда турли муаммоларга юз тутиб
-
- келишган, апрель ойида президент қарори билан "Ўзагроэкспорт" мева-сабзавот маҳсулотларини экспорт қилиш билан шуғулланадиган ташқи савдо компанияси ҳам ташкил қилинди.
-
-
-
-
- Ўз мева-сабзавотини Россияга олиб чиқишда бу компания ёрдамига умид қилган боғбонларнинг гилослари бузила бошлагани ҳақидаги хабарлар ҳам тарқалди..
-
-
-
-
- Ҳозирда Ўзбекистонда айни пишиқчилик ва етиштирилган маҳсулот учун кенгроқ бозор топиш масаласи яна долзарб турар экан, мамлакат раҳбарининг сўзларидан сўнг вазият нақадар ўзгарган?
-
-
-
-
- Би-би-си билан суҳбатда иқтисодий таҳлилчи Анвар Ҳусаиновнинг айтишича, юқори минбардан айтилган сўзларга қарамай, қишлоқ хўжалиги маҳсулотларини хорижга, жумладан Россия бозорига олиб чиқишда ҳануз кўплаб муаммолар мавжуд.
-
-
-
-
- "Албатта ўтган йилларга қараганда маҳсулотлар экспорти анча кўпайган. Россиядан юк машиналари келиб, тўғридан-тўғри деҳқонлардан нақд пулга
-
-
-
-
-
- Ўзбек деҳқонининг косаси нега оқармайди
-
-
- Ўзбек деҳқонининг косаси нега оқармайди
-
-
-
- Ўзбек деҳқонининг косаси нега оқармайди
-
-
-
- Ўзбек деҳқонининг косаси нега оқармайди
-
-
-
-
-
-
-
-
-
-
- Сурат манбаси,
-
-
- AFP
-
-
-
-
-
-
-
- Ўзбек деҳқонининг косаси нега оқармайди transmission info
-
-
-
-
- Ўзбек деҳқонининг косаси нега оқармайди footer
-
-
-
-
-
-
-
-
-`;
-
-exports[`Media Asset Page should render component 1`] = `
-
- .emotion-2 {
- width: 100%;
- padding-bottom: 1.5rem;
-}
-
-@supports (display: grid) {
- .emotion-2 {
- display: grid;
- position: initial;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-2 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-2 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-2 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-2 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-gap: 1rem;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-2 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-gap: 1rem;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-2 {
- grid-template-columns: repeat(20, 1fr);
- grid-column-end: span 20;
- grid-column-gap: 1rem;
- }
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-2 {
- margin: 0 auto;
- max-width: 63rem;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-2 {
- margin: 0 auto;
- max-width: 80rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-2 {
- width: 100%;
- padding-bottom: 2rem;
- }
-}
-
-.emotion-4 {
- -webkit-clip-path: inset(100%);
- clip-path: inset(100%);
- clip: rect(1px, 1px, 1px, 1px);
- height: 1px;
- overflow: hidden;
- position: absolute;
- width: 1px;
- margin: 0;
-}
-
-.emotion-6 {
- margin-top: 0.5rem;
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-6 {
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-6 {
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-6 {
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-6 {
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-6 {
- margin-left: 16.666666666666668%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-6 {
- margin-left: 33.333333333333336%;
- }
-}
-
-@supports (display: grid) {
- .emotion-6 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-6 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-6 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-6 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-6 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-6 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-6 {
- grid-template-columns: repeat(12, 1fr);
- grid-column-end: span 12;
- grid-column-start: 5;
- }
- }
-}
-
-.emotion-6 figure {
- padding-bottom: 1rem;
-}
-
-@media (max-width: 24.9375rem) {
- .emotion-6 {
- margin-top: 0.5rem;
- }
-}
-
-@media (min-width: 25rem) {
- .emotion-6 {
- margin-top: 1rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-6 {
- padding: 0 1rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-6 {
- padding: 0.5rem 0 0;
- margin-top: 2rem;
- }
-
- .emotion-6 figure {
- padding-bottom: 1.5rem;
- }
-}
-
-.emotion-8 {
- margin: 0;
- padding-bottom: 1.5rem;
- width: 100%;
-}
-
-.emotion-10 {
- padding-top: 56.25%;
- position: relative;
- overflow: hidden;
-}
-
-.emotion-12 {
- z-index: 1;
- border: 0;
- left: 0;
- overflow: hidden;
- position: absolute;
- top: 0;
- width: 100%;
- height: 100%;
-}
-
-.emotion-14 {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
-}
-
-.emotion-16 {
- position: relative;
- height: 0;
- overflow: hidden;
- background-color: #F2F2F2;
- -webkit-background-position: center center;
- background-position: center center;
- background-repeat: no-repeat;
- -webkit-background-size: 60px 17px;
- background-size: 60px 17px;
- width: 100%;
- background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
-}
-
-@media (min-width: 25rem) {
- .emotion-16 {
- -webkit-background-size: 77px 22px;
- background-size: 77px 22px;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-16 {
- -webkit-background-size: 93px 27px;
- background-size: 93px 27px;
- }
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-18 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-18 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-18 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-18 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-18 {
- margin-left: 16.666666666666668%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-18 {
- margin-left: 33.333333333333336%;
- }
-}
-
-@supports (display: grid) {
- .emotion-18 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-18 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-18 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-18 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-18 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-18 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-18 {
- grid-template-columns: repeat(12, 1fr);
- grid-column-end: span 12;
- grid-column-start: 5;
- }
- }
-}
-
-.emotion-21 {
- font-size: 1.75rem;
- line-height: 2rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 700;
- font-style: normal;
- color: #141414;
- display: block;
- margin: 0;
- padding: 2rem 0;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-21 {
- font-size: 2rem;
- line-height: 2.25rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-21 {
- font-size: 2.75rem;
- line-height: 3rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-21 {
- padding: 2.5rem 0;
- }
-}
-
-@media (max-width: 62.9375rem) {
- .emotion-21 {
- padding: 0.5rem 0 2rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-21 {
- padding: 1rem 0 2.5rem;
- }
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-24 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-24 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-24 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-24 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-24 {
- margin-left: 20%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-24 {
- margin-left: 40%;
- }
-}
-
-@supports (display: grid) {
- .emotion-24 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-24 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-24 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-24 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-24 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-24 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-24 {
- grid-template-columns: repeat(10, 1fr);
- grid-column-end: span 10;
- grid-column-start: 5;
- }
- }
-}
-
-@media (max-width: 62.9375rem) {
- .emotion-24 {
- padding-bottom: 1rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-24 {
- padding-bottom: 1.5rem;
- }
-}
-
-.emotion-26 {
- font-size: 0.875rem;
- line-height: 1.125rem;
- color: #545658;
- display: block;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: normal;
- padding-bottom: 0.25rem;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-26 {
- font-size: 0.875rem;
- line-height: 1.125rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-26 {
- font-size: 0.8125rem;
- line-height: 1rem;
- }
-}
-
-.emotion-26:last-child {
- padding-bottom: 1rem;
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-30 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-30 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-30 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-30 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-30 {
- margin-left: 20%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-30 {
- margin-left: 40%;
- }
-}
-
-@supports (display: grid) {
- .emotion-30 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-30 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-30 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-30 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-30 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-30 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-30 {
- grid-template-columns: repeat(10, 1fr);
- grid-column-end: span 10;
- grid-column-start: 5;
- }
- }
-}
-
-.emotion-32 {
- font-size: 1.25rem;
- line-height: 1.5rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 700;
- font-style: normal;
- color: #141414;
- margin: 0;
- padding: 1.5rem 0;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-32 {
- font-size: 1.5rem;
- line-height: 1.75rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-32 {
- font-size: 2rem;
- line-height: 2.25rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-32 {
- padding-top: 2rem;
- }
-}
-
-.emotion-36 {
- font-size: 0.9375rem;
- line-height: 1.25rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: normal;
- color: #141414;
- padding-bottom: 1.5rem;
- margin: 0;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-36 {
- font-size: 1rem;
- line-height: 1.375rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-36 {
- font-size: 1rem;
- line-height: 1.375rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-36 {
- padding-right: 2.5rem;
- }
-}
-
-.emotion-58 {
- color: #222222;
- border-bottom: 1px solid #B80000;
- -webkit-text-decoration: none;
- text-decoration: none;
-}
-
-.emotion-58:visited {
- color: #6E6E73;
- border-bottom: 1px solid #6E6E73;
-}
-
-.emotion-58:focus,
-.emotion-58:hover {
- border-bottom: 2px solid #B80000;
- color: #B80000;
-}
-
-.emotion-67 {
- margin-bottom: 1.5rem;
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-67 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-67 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-67 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-67 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-67 {
- margin-left: 20%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-67 {
- margin-left: 40%;
- }
-}
-
-@supports (display: grid) {
- .emotion-67 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-67 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-67 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-67 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-67 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-67 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-67 {
- grid-template-columns: repeat(10, 1fr);
- grid-column-end: span 10;
- grid-column-start: 5;
- }
- }
-}
-
-.emotion-69 {
- margin-top: 0;
- list-style-type: none;
- font-size: 0.9375rem;
- line-height: 1.25rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-style: normal;
- font-weight: 400;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-69 {
- font-size: 1rem;
- line-height: 1.375rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-69 {
- font-size: 1rem;
- line-height: 1.375rem;
- }
-}
-
-.emotion-69>li {
- position: relative;
- color: inherit;
-}
-
-.emotion-69>li::before {
- top: 0.5rem;
- content: "";
- position: absolute;
- border-width: 1rem;
- inset-inline-start: -1rem;
-}
-
-.emotion-69>li::before {
- border: 0.1875rem solid #3F3F42;
- background-color: #3F3F42;
- border-radius: 50%;
-}
-
-.emotion-70 {
- margin-bottom: 1rem;
-}
-
-.emotion-92 {
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: italic;
- font-family: inherit;
- font-weight: inherit;
-}
-
-.emotion-94 {
- grid-column: 5/span 12;
-}
-
-@media (max-width: 80rem) {
- .emotion-94 {
- grid-column: 2/span 6;
- }
-}
-
-@media (max-width: 63rem) {
- .emotion-94 {
- grid-column: 1/span 6;
- }
-}
-
-.emotion-96 {
- margin: 0;
- padding-bottom: 1.5rem;
- width: 100%;
-}
-
-.emotion-97 {
- position: relative;
- height: 0;
- background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
- -webkit-background-position: center center;
- background-position: center center;
- background-repeat: no-repeat;
- -webkit-background-size: 60px 17px;
- background-size: 60px 17px;
- background-color: #F2F2F2;
-}
-
-@media (min-width: 25rem) {
- .emotion-97 {
- -webkit-background-size: 77px 22px;
- background-size: 77px 22px;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-97 {
- -webkit-background-size: 93px 27px;
- background-size: 93px 27px;
- }
-}
-
-.emotion-98 {
- width: 100%;
- object-fit: cover;
- height: auto;
-}
-
-.emotion-99 {
- color: #141414;
- font-size: 0.75rem;
- line-height: 1rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-style: normal;
- font-weight: 400;
- background-color: rgba(34, 34, 34, 0.75);
- text-transform: uppercase;
- color: #FFFFFF;
- padding: 0.25rem 0.5rem;
- position: absolute;
- bottom: 0;
- inset-inline-start: 0;
- margin: 0;
- font-family: ReithSans,Helvetica,Arial,sans-serif;
- overflow: hidden;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-99 {
- font-size: 0.75rem;
- line-height: 1rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-99 {
- font-size: 0.75rem;
- line-height: 1rem;
- }
-}
-
-.emotion-99 span {
- font-size: 0.75rem;
-}
-
-.emotion-101 {
- font-size: 0.9375rem;
- line-height: 1.125rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: normal;
- color: #545658;
- margin-top: 0.5rem;
- padding-left: 0.5rem;
- padding-right: 0.5rem;
- width: 100%;
- width: calc(100% - 0.5rem);
- margin-left: 0.5rem;
- border-left: 0.0625rem solid #6E6E73;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-101 {
- font-size: 0.9375rem;
- line-height: 1.125rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-101 {
- font-size: 0.875rem;
- line-height: 1.125rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-101 {
- width: 100%;
- margin: 0.5rem 0 0;
- }
-}
-
-.emotion-101>span>p {
- padding-bottom: 1.5rem;
- margin: 0;
-}
-
-.emotion-101>span>p:last-child {
- padding-bottom: 0;
-}
-
-@media (min-width: 25rem) and (max-width: 62.9375rem) {
- .emotion-101 {
- width: calc(100% - 1rem);
- margin-left: 1rem;
- padding-right: 1rem;
- padding-left: 0.5rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-101 {
- padding-right: 0;
- padding-left: 0.5rem;
- }
-}
-
-.emotion-130 {
- width: 100%;
-}
-
-@supports (display: grid) {
- .emotion-130 {
- display: grid;
- position: initial;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-130 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-130 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-130 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-130 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-gap: 1rem;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-130 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-gap: 1rem;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-130 {
- grid-template-columns: repeat(20, 1fr);
- grid-column-end: span 20;
- grid-column-gap: 1rem;
- }
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-130 {
- margin: 0 auto;
- max-width: 63rem;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-130 {
- margin: 0 auto;
- max-width: 80rem;
- }
-}
-
-.emotion-133 {
- margin-bottom: 1rem;
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-133 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-133 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-133 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-133 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-133 {
- margin-left: 16.666666666666668%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-133 {
- margin-left: 33.333333333333336%;
- }
-}
-
-@supports (display: grid) {
- .emotion-133 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-133 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-133 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-133 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-133 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-133 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-133 {
- grid-template-columns: repeat(12, 1fr);
- grid-column-end: span 12;
- grid-column-start: 5;
- }
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-133 {
- margin-bottom: 1.5rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-133 {
- padding-bottom: 1.5rem;
- margin-bottom: 2rem;
- }
-}
-
-@media (max-width: 37.5rem) {
- .emotion-133 {
- padding-bottom: 2rem;
- margin-bottom: 1rem;
- }
-}
-
-.emotion-136 {
- position: relative;
- z-index: 0;
- color: #141414;
- margin-top: 2rem;
- margin-top: 0;
-}
-
-@media (min-width: 37.5rem) {
- .emotion-136 {
- margin-top: 1.5rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-136 {
- margin-bottom: 1.5rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-136 {
- margin-top: 0;
- }
-}
-
-.emotion-138 {
- margin: 0;
- padding: 0;
-}
-
-.emotion-140 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
-}
-
-.emotion-142 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-flex-flow: row nowrap;
- -webkit-flex-flow: row nowrap;
- -ms-flex-flow: row nowrap;
- flex-flow: row nowrap;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- min-height: 2.75rem;
- -webkit-align-items: baseline;
- -webkit-box-align: baseline;
- -ms-flex-align: baseline;
- align-items: baseline;
-}
-
-@media (min-width: 37.5rem) {
- .emotion-142 {
- -webkit-align-items: stretch;
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- }
-}
-
-.emotion-144 {
- font-size: 1.125rem;
- line-height: 1.375rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 700;
- font-style: normal;
- background-color: #FDFDFD;
- margin: 1rem 0;
- padding-right: 0.5rem;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-144 {
- font-size: 1.25rem;
- line-height: 1.5rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-144 {
- font-size: 1.5rem;
- line-height: 1.75rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-144 {
- margin: 0;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-144 {
- padding-right: 1rem;
- }
-}
-
-.emotion-147 {
- list-style-type: none;
- margin: 0;
- padding: 0;
-}
-
-@supports (display: grid) {
- .emotion-147 {
- display: grid;
- position: initial;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-147 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-147 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-147 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-147 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-gap: 1rem;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-147 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-gap: 1rem;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-147 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-gap: 1rem;
- }
- }
-}
-
-.emotion-150 {
- padding: 0.5rem 0 1rem;
-}
-
-@media (max-width: 62.9375rem) {
- .emotion-150 {
- border-bottom: 0.0625rem solid #F2F2F2;
- }
-}
-
-.emotion-150:last-child {
- border: none;
-}
-
-@media (min-width: 37.5rem) {
- .emotion-150 {
- padding: 1rem 0 1rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-150 {
- padding: 0 0 1.5rem;
- }
-}
-
-.emotion-150:first-child {
- padding-top: 0;
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-150:first-child {
- padding-top: 1rem;
- }
-}
-
-.emotion-150:last-child {
- padding-bottom: 0;
-}
-
-@media (min-width: 63rem) {
- .emotion-150 {
- border-bottom: 0.0625rem solid #F2F2F2;
- padding: 1rem 0 1rem;
- }
-}
-
-@supports (display: grid) {
- .emotion-150 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-150 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-150 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-150 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-150 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-150 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-150 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- }
- }
-}
-
-.emotion-153 {
- position: relative;
-}
-
-@supports (grid-template-columns: fit-content(200px)) {
- .emotion-153 {
- display: grid;
- grid-template-columns: repeat(6, 1fr);
- grid-column-gap: 0.5rem;
- }
-
- @media (min-width: 37.5rem) {
- .emotion-153 {
- grid-column-gap: 1rem;
- }
- }
-
- @media (min-width: 63rem) {
- .emotion-153 {
- display: block;
- }
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-153 {
- display: grid;
- }
-}
-
-.emotion-155 {
- display: inline-block;
- vertical-align: top;
- position: relative;
- width: 33.33%;
-}
-
-@media (min-width: 63rem) {
- .emotion-155 {
- display: block;
- width: 100%;
- }
-}
-
-@supports (grid-template-columns: fit-content(200px)) {
- .emotion-155 {
- width: initial;
- grid-column: 1/span 2;
- }
-}
-
-.emotion-157 {
- position: relative;
-}
-
-@media (min-width: 25rem) {
- .emotion-161 {
- position: absolute;
- bottom: 0;
- }
-}
-
-.emotion-161>* {
- height: 2rem;
- padding: 0.5rem 0.25rem;
-}
-
-@media (max-width: 24.9375rem) {
- .emotion-161>* {
- height: 1.25rem;
- padding: 0.25rem 0.25rem 0;
- }
-}
-
-.emotion-163 {
- display: inline-block;
- vertical-align: top;
- width: 66.67%;
- padding: 0 0.5rem;
-}
-
-@media (min-width: 37.5rem) {
- .emotion-163 {
- padding: 0 1rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-163 {
- display: block;
- width: 100%;
- padding: 0.5rem 0;
- }
-}
-
-@supports (grid-template-columns: fit-content(200px)) {
- .emotion-163 {
- display: block;
- width: initial;
- padding: initial;
- grid-column: 3/span 4;
- }
-
- @media (min-width: 63rem) {
- .emotion-163 {
- padding-top: 0.5rem;
- }
- }
-}
-
-.emotion-165 {
- color: #222222;
- margin: 0;
- padding-bottom: 0.5rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 700;
- font-style: normal;
- font-size: 0.9375rem;
- line-height: 1.25rem;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-165 {
- font-size: 1rem;
- line-height: 1.25rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-165 {
- font-size: 1rem;
- line-height: 1.25rem;
- }
-}
-
-.emotion-167 {
- position: static;
- color: #222222;
- -webkit-text-decoration: none;
- text-decoration: none;
- overflow-wrap: break-word;
- display: inline-block;
- overflow-wrap: anywhere;
-}
-
-.emotion-167:before {
- bottom: 0;
- content: '';
- left: 0;
- overflow: hidden;
- position: absolute;
- right: 0;
- top: 0;
- white-space: nowrap;
- z-index: 1;
-}
-
-.emotion-167:hover,
-.emotion-167:focus {
- -webkit-text-decoration: underline;
- text-decoration: underline;
-}
-
-.emotion-167:visited {
- color: #6E6E73;
-}
-
-.emotion-169 {
- font-size: 0.875rem;
- line-height: 1.125rem;
- color: #545658;
- display: block;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: normal;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-169 {
- font-size: 0.875rem;
- line-height: 1.125rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-169 {
- font-size: 0.8125rem;
- line-height: 1rem;
- }
-}
-
-.emotion-185 {
- color: #222222;
- background-color: #FFFFFF;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: normal;
- font-size: 0.75rem;
- line-height: 1rem;
- display: block;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-185 {
- font-size: 0.75rem;
- line-height: 1rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-185 {
- font-size: 0.75rem;
- line-height: 1rem;
- }
-}
-
-.emotion-187 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- height: 100%;
-}
-
-.emotion-189 {
- vertical-align: middle;
- margin: 0 0.25rem;
- color: #222222;
- fill: currentColor;
- width: 1rem;
- height: 0.8125rem;
-}
-
-.emotion-218 {
- vertical-align: middle;
- margin: 0 0.25rem;
- color: #222222;
- fill: currentColor;
- width: 0.75rem;
- height: 0.75rem;
-}
-
-.emotion-220 {
- padding: 0 0.25rem;
-}
-
-
-
-
-
-
- chartbeat
-
-
- comscore
-
-
-
-
- DO NOT EDIT THIS IS AN AUTOMATED TEST dolor sit amet, consectetur Lorem 'ipsum' dolor sit amet, consectetur Lorem ipsum dolor sit<em>amet</em>, consectetur
-
-
-
-
- DO NOT EDIT THIS IS AN AUTOMATED TEST dolor sit amet, consectetur Lorem 'ipsum' dolor sit amet, consectetur Lorem ipsum dolor sit<em>amet</em>, consectetur
-
-
-
-
- 13 September 2019
-
-
-
- New Informate 10 June 2020
-
-
-
-
-
- DO NOT UPDATE THIS PAGE - IT IS AN AUTOMATED TEST
-
-
-
-
-
- This is an introduction with special characters < >
-
-
-
-
-
-
- This is an introduction with
-
-
-
- BOLD THINGS!!!
-
-
-
- okay
-
-
-
-
-
- This is a heading
-
-
-
-
- This is a subheading
-
-
-
-
- This is a crosshead
-
-
-
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
-
- <Media Asset Page>
-
- fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-
-
-
-
- Lorem !!! ipsum dolor sit <test> amet,
-
- consectetur
-
- adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
-
- ullamco laboris nisi ut aliquip
-
- ex ea commodo consequat. Duis aute irure dolor in reprehenderit
-
- in voluptate velit esse cillum
-
- dolore "eu fugiat nulla" pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-
-
-
-
-
-
-
- Wia dis foto come from,
-
-
- Butterfly person
-
-
-
-
-
-
- Wetin we call dis foto,
-
-
- A pretty little butterfly & < >
-
-
-
-
-
-
-
-
-
-
-
- Wia dis foto come from,
-
-
- Google
-
-
-
-
-
-
- Wetin we call dis foto,
-
-
- Psammead was named after the mythical sand creature
-
-
-
-
-
-
-
-
- sunt in culpa qui officia deserunt mollit anim id est laborum
-
-
- sunt in culpa qui officia deserunt mollit anim id est laborum
-
-
- sunt in culpa qui officia deserunt mollit anim id est laborum
-
-
-
-
-
- This is transmission info
-
-
-
-
- This is the footer
-
-
-
-
-
-
-
-
-
-
- Another thing we de for inside dis tori
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 8th August 2017
-
-
-
-
-
-
-
-
-
-
- 8th August 2017
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 17th August 2017
-
-
-
-
-
-
-
-
-
-
-
-
-`;
\ No newline at end of file
diff --git a/src/app/pages/MediaAssetPage/index.test.jsx b/src/app/pages/MediaAssetPage/index.test.jsx
deleted file mode 100644
index eafc314d73e..00000000000
--- a/src/app/pages/MediaAssetPage/index.test.jsx
+++ /dev/null
@@ -1,442 +0,0 @@
-import React from 'react';
-import fetchMock from 'fetch-mock';
-import { render, screen, waitFor } from '@testing-library/react';
-import { StaticRouter } from 'react-router-dom';
-import path from 'ramda/src/path';
-import pathOr from 'ramda/src/pathOr';
-import assocPath from 'ramda/src/assocPath';
-import { RequestContextProvider } from '#contexts/RequestContext';
-import { ToggleContextProvider } from '#contexts/ToggleContext';
-import mapPageData from '#data/pidgin/cpsAssets/23248703-LEGACY.json';
-import uzbekPageData from '#data/uzbek/cpsAssets/sport-23248721.json';
-import igboPageData from '#data/igbo/cpsAssets/afirika-23252735';
-import getInitialData from '#app/routes/cpsAsset/getInitialData';
-import { ServiceContextProvider } from '../../contexts/ServiceContext';
-import ThemeProvider from '../../components/ThemeProvider';
-import MediaAssetPage from '.';
-
-jest.mock('../../components/ChartbeatAnalytics', () => {
- const ChartbeatAnalytics = () =>
chartbeat
;
- return ChartbeatAnalytics;
-});
-
-jest.mock('#containers/ComscoreAnalytics', () => {
- const ComscoreAnalytics = () => comscore
;
- return ComscoreAnalytics;
-});
-
-jest.mock('../../components/ThemeProvider');
-
-const createAssetPage = ({ pageData }, service) => (
-
-
-
-
-
-
-
-
-
-
-
-);
-
-jest.mock('#containers/PageHandlers/withPageWrapper', () => Component => {
- const PageWrapperContainer = props => (
-
-
-
- );
-
- return PageWrapperContainer;
-});
-
-jest.mock('#containers/PageHandlers/withError', () => Component => {
- const ErrorContainer = props => (
-
-
-
- );
-
- return ErrorContainer;
-});
-
-jest.mock('#containers/PageHandlers/withData', () => Component => {
- const DataContainer = props => (
-
-
-
- );
-
- return DataContainer;
-});
-
-jest.mock('#containers/PageHandlers/withContexts', () => Component => {
- const ContextsContainer = props => (
-
-
-
- );
-
- return ContextsContainer;
-});
-
-const escapedText = text => {
- const textReplacements = {
- '"': '"',
- '&': '&',
- '<': '<',
- '>': '>',
- };
-
- const replacementsRegex = new RegExp(
- Object.keys(textReplacements).join('|'),
- 'gi',
- );
-
- return text
- .replace(replacementsRegex, match => textReplacements[match])
- .trim();
-};
-
-const getBlockTextAtIndex = (index, originalPageData) => {
- return path(['content', 'blocks', index, 'text'], originalPageData);
-};
-
-const pageType = 'cpsAsset';
-
-fetchMock.config.overwriteRoutes = true;
-
-const mockInitialData = ({ service, assetId, pageData }) => {
- fetch.mockResponse(
- JSON.stringify({
- ...pageData,
- }),
- );
-
- return getInitialData({
- path: assetId,
- service,
- pageType,
- });
-};
-
-// Skipped as this component will no longer be used.
-describe.skip('Media Asset Page', () => {
- let pageData;
- let asFragment;
- let getByText;
-
- beforeEach(async () => {
- process.env.SIMORGH_ICHEF_BASE_URL = 'https://ichef.test.bbci.co.uk';
-
- const response = await mockInitialData({
- assetId: 'pidgin/a-media-asset',
- service: 'pidgin',
- pageData: mapPageData,
- });
-
- pageData = response.pageData;
-
- ({ asFragment, getByText } = render(
- createAssetPage({ pageData }, 'pidgin'),
- { service: 'pidgin', toggles: { mostRead: { enabled: true } } },
- ));
- });
-
- afterEach(() => {
- delete process.env.SIMORGH_APP_ENV;
- delete process.env.SIMORGH_ICHEF_BASE_URL;
- });
-
- it('should render the index image as metadata image', async () => {
- const expected = [
- {
- property: 'og:image',
- content:
- 'https://ichef.test.bbci.co.uk/news/1024/branded_pidgin/6FC4/test/_63721682_p01kx435.jpg',
- },
- { property: 'og:image:alt', content: 'connectionAltText' },
- { name: 'twitter:image:alt', content: 'connectionAltText' },
- {
- name: 'twitter:image:src',
- content:
- 'https://ichef.test.bbci.co.uk/news/1024/branded_pidgin/6FC4/test/_63721682_p01kx435.jpg',
- },
- ];
-
- await waitFor(() => {
- const actual = Array.from(
- document.querySelectorAll(
- 'head > meta[property*="image"], head > meta[name*="image"]',
- ),
- ).map(tag =>
- tag.hasAttribute('property')
- ? {
- property: tag.getAttribute('property'),
- content: tag.getAttribute('content'),
- }
- : {
- name: tag.getAttribute('name'),
- content: tag.getAttribute('content'),
- },
- );
-
- expect(actual).toEqual(expected);
- });
- });
-
- it('should render component', () => {
- expect(asFragment()).toMatchSnapshot();
- });
-
- it('should render paragraph', () => {
- const paragraphText = getBlockTextAtIndex(2, mapPageData.data.article);
- expect(getByText(escapedText(paragraphText))).toBeInTheDocument();
- });
-
- it('should render image', () => {
- const imageCaption = path(
- ['content', 'blocks', 11, 'caption'],
- mapPageData.data.article,
- );
- // Images not rendered properly due to lazyload, therefore can only check caption text
- expect(getByText(escapedText(imageCaption))).toBeInTheDocument();
- });
-
- it('should render image with the .webp image extension', () => {
- const imageAltText = path(
- ['content', 'blocks', 11, 'altText'],
- mapPageData.data.article,
- );
- const imagePath = path(
- ['content', 'blocks', 11, 'path'],
- mapPageData.data.article,
- );
- const imageURL = `https://ichef.test.bbci.co.uk/ace/ws/640${imagePath}.webp`;
- const expectedSrcSetURLs = [
- `https://ichef.test.bbci.co.uk/ace/ws/240${imagePath}.webp 240w`,
- `https://ichef.test.bbci.co.uk/ace/ws/320${imagePath}.webp 320w`,
- `https://ichef.test.bbci.co.uk/ace/ws/480${imagePath}.webp 480w`,
- `https://ichef.test.bbci.co.uk/ace/ws/624${imagePath}.webp 624w`,
- `https://ichef.test.bbci.co.uk/ace/ws/640${imagePath}.webp 640w`,
- ].join(', ');
-
- const { src, srcset } = screen.getByAltText(imageAltText);
- expect(src).toEqual(imageURL);
- expect(srcset).toEqual(expectedSrcSetURLs);
- });
-
- describe('AV player', () => {
- let liveStreamSource;
-
- const getLiveStreamBlock = processedPageData => {
- return path(['content', 'model', 'blocks', 1], processedPageData);
- };
-
- const getLiveStreamSource = liveStreamBlock => {
- return path(
- [
- 'model',
- 'blocks',
- '0',
- 'model',
- 'blocks',
- 0,
- 'model',
- 'versions',
- 0,
- 'versionId',
- ],
- liveStreamBlock,
- );
- };
-
- it('should render version (live audio stream)', async () => {
- const response = await mockInitialData({
- assetId: 'uzbek/a-media-asset',
- service: 'uzbek',
- pageData: uzbekPageData,
- });
- pageData = response.pageData;
- const liveStreamBlock = getLiveStreamBlock(pageData);
- liveStreamSource = getLiveStreamSource(liveStreamBlock);
- expect(liveStreamBlock.type).toBe('version');
-
- ({ asFragment } = render(createAssetPage({ pageData }, 'uzbek')));
-
- expect(
- document.querySelector(`iframe[src*=${liveStreamSource}]`),
- ).not.toBeNull();
- expect(asFragment()).toMatchSnapshot();
- });
-
- it('should render video', () => {
- const liveStreamBlock = getLiveStreamBlock(pageData);
- liveStreamSource = getLiveStreamSource(liveStreamBlock);
- expect(liveStreamBlock.type).toBe('video');
-
- expect(
- document.querySelector(`iframe[src*=${liveStreamSource}]`),
- ).not.toBeNull();
- });
- });
-
- describe('heading', () => {
- let headingText;
-
- const getBlockAtIndex = (index, processedPageData) => {
- return path(['content', 'model', 'blocks', index], processedPageData);
- };
-
- beforeAll(() => {
- headingText = getBlockTextAtIndex(2, mapPageData.data.article);
- });
-
- it('should render faux headline', () => {
- const fauxHeadlineBlock = getBlockAtIndex(2, pageData);
-
- expect(fauxHeadlineBlock.type).toBe('fauxHeadline');
- expect(getByText(escapedText(headingText))).toBeInTheDocument();
- });
-
- it('should render visually hidden headline', () => {
- const hiddenHeadline = getBlockAtIndex(0, pageData);
-
- expect(hiddenHeadline.type).toBe('visuallyHiddenHeadline');
- expect(getByText(escapedText(headingText))).toBeInTheDocument();
- });
- });
-
- it('should render sub heading', () => {
- const subHeadingText = getBlockTextAtIndex(5, mapPageData.data.article);
- expect(getByText(escapedText(subHeadingText))).toBeInTheDocument();
- });
-
- it('should render crosshead', () => {
- const crossHeadText = getBlockTextAtIndex(6, mapPageData.data.article);
-
- expect(getByText(escapedText(crossHeadText))).toBeInTheDocument();
- });
-
- it('should render firstPublished timestamp for Pidgin', () => {
- expect(getByText('13 September 2019')).toBeInTheDocument();
- });
-
- it('should render lastPublished timestamp for Pidgin', () => {
- expect(getByText('New Informate 10 June 2020')).toBeInTheDocument();
- });
-
- it('has a single "main" element, and a single "region" element (a11y)', async () => {
- expect(document.querySelectorAll(`[role='main']`).length).toBe(1);
- expect(document.querySelectorAll(`[role='region']`).length).toBe(1);
- });
-});
-
-it.skip('should not show the timestamp when allowDateStamp is false', async () => {
- const { pageData } = await mockInitialData({
- assetId: 'pidgin/a-media-asset',
- service: 'pidgin',
- pageData: mapPageData,
- });
- const pageDataWithHiddenTimestamp = assocPath(
- ['metadata', 'options', 'allowDateStamp'],
- false,
- pageData,
- );
-
- render(createAssetPage({ pageData: pageDataWithHiddenTimestamp }, 'pidgin'));
-
- expect(document.querySelector('main time')).toBeNull();
-});
-
-it.skip('should not show the iframe when available is false', async () => {
- const uzbekDataExpiredLivestream = assocPath(
- ['data', 'article', 'content', 'blocks', 0, 'available'],
- false,
- uzbekPageData,
- );
-
- const { pageData: pageDataWithExpiredLiveStream } = await mockInitialData({
- assetId: 'uzbek/a-media-asset',
- service: 'uzbek',
- pageData: uzbekDataExpiredLivestream,
- });
-
- render(createAssetPage({ pageData: pageDataWithExpiredLiveStream }, 'uzbek'));
-
- expect(document.querySelector('iframe')).toBeNull();
-});
-
-it.skip('should show the media message when available is false', async () => {
- const uzbekDataExpiredLivestream = assocPath(
- ['data', 'article', 'content', 'blocks', 0, 'available'],
- false,
- uzbekPageData,
- );
-
- const { pageData: pageDataWithExpiredLiveStream } = await mockInitialData({
- assetId: 'uzbek/a-media-asset',
- service: 'uzbek',
- pageData: uzbekDataExpiredLivestream,
- });
-
- const { getByText } = render(
- createAssetPage({ pageData: pageDataWithExpiredLiveStream }, 'uzbek'),
- );
-
- expect(
- getByText('Бу контентни ортиқ тинглаб/томоша қилиб бўлмайди.'),
- ).toBeInTheDocument();
-});
-
-it.skip('should show the media message when there is no media block', async () => {
- const blocks = pathOr([], ['content', 'blocks'], uzbekPageData.data.article);
- const blockTypes = pathOr(
- [],
- ['metadata', 'blockTypes'],
- uzbekPageData.data.article,
- );
- const uzbekDataWithNoMediaBlock = assocPath(
- ['data', 'article', 'content', 'blocks'],
- blocks.filter(block => block.type !== 'version'),
- uzbekPageData,
- );
- const uzbekDataWithNoMediaType = assocPath(
- ['data', 'article', 'metadata', 'blockTypes'],
- blockTypes.filter(type => type !== 'version'),
- uzbekDataWithNoMediaBlock,
- );
-
- const { pageData: pageDataWithExpiredLiveStream } = await mockInitialData({
- assetId: 'uzbek/a-media-asset',
- service: 'uzbek',
- pageData: uzbekDataWithNoMediaType,
- });
- const { getByText } = render(
- createAssetPage({ pageData: pageDataWithExpiredLiveStream }, 'uzbek'),
- );
-
- expect(
- getByText('Бу контентни ортиқ тинглаб/томоша қилиб бўлмайди.'),
- ).toBeInTheDocument();
-});
-
-it.skip('should only render firstPublished timestamp for Igbo when lastPublished is less than 1 min later', async () => {
- const { pageData } = await mockInitialData({
- assetId: 'igbo/a-media-asset',
- service: 'igbo',
- pageData: igboPageData,
- });
-
- const { getByText } = render(createAssetPage({ pageData }, 'igbo'));
-
- expect(getByText('23 Ọktọba 2019')).toBeInTheDocument();
-});
diff --git a/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap b/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap
deleted file mode 100644
index 114399204ed..00000000000
--- a/src/app/pages/StoryPage/__snapshots__/index.test.jsx.snap
+++ /dev/null
@@ -1,7203 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Story Page should render correctly when the secondary column data is not available 1`] = `
-.emotion-1 {
- width: 100%;
- width: 100%;
- margin: 0 auto;
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-1 {
- padding: 0 1rem;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-1 {
- padding: 0 1rem;
- }
-}
-
-@supports (display: grid) {
- .emotion-1 {
- display: grid;
- position: initial;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-1 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-1 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-1 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-1 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-gap: 1rem;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-1 {
- grid-template-columns: repeat(12, 1fr);
- grid-column-end: span 12;
- grid-column-gap: 1rem;
- padding: 0 1rem;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-1 {
- grid-template-columns: repeat(12, 1fr);
- grid-column-end: span 12;
- grid-column-gap: 1rem;
- padding: 0 1rem;
- }
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-1 {
- margin: 0 auto;
- max-width: 63rem;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-1 {
- margin: 0 auto;
- max-width: 80rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-1 {
- max-width: 63rem;
- }
-}
-
-.emotion-4 {
- padding-bottom: 2rem;
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-4 {
- width: calc(100% - 0%);
- margin-left: 0%;
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-4 {
- width: calc(100% - 0%);
- margin-left: 0%;
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-4 {
- width: calc(100% - 0%);
- margin-left: 0%;
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-4 {
- width: calc(100% - 0%);
- margin-left: 0%;
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-4 {
- width: calc(66.66666666666667%);
- margin-left: 0%;
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-4 {
- width: calc(66.66666666666667%);
- margin-left: 0%;
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@supports (display: grid) {
- .emotion-4 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-4 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-4 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-4 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-4 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-4 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-4 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-start: 1;
- }
- }
-}
-
-@media (max-width: 62.9375rem) {
- .emotion-4 {
- width: 100%;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-4 {
- width: 100%;
- }
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-6 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-6 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-6 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-6 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-6 {
- margin-left: 16.666666666666668%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-6 {
- margin-left: 33.333333333333336%;
- }
-}
-
-@supports (display: grid) {
- .emotion-6 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-6 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-6 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-6 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-6 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-6 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-6 {
- grid-template-columns: repeat(12, 1fr);
- grid-column-end: span 12;
- grid-column-start: 5;
- }
- }
-}
-
-.emotion-8 {
- font-size: 1.75rem;
- line-height: 2rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 700;
- font-style: normal;
- color: #141414;
- display: block;
- margin: 0;
- padding: 2rem 0;
- overflow-wrap: anywhere;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-8 {
- font-size: 2rem;
- line-height: 2.25rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-8 {
- font-size: 2.75rem;
- line-height: 3rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-8 {
- padding: 2.5rem 0;
- }
-}
-
-.emotion-8:focus {
- outline: none;
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-11 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-11 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-11 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-11 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-11 {
- margin-left: 20%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-11 {
- margin-left: 40%;
- }
-}
-
-@supports (display: grid) {
- .emotion-11 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-11 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-11 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-11 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-11 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-11 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-11 {
- grid-template-columns: repeat(10, 1fr);
- grid-column-end: span 10;
- grid-column-start: 5;
- }
- }
-}
-
-@media (max-width: 62.9375rem) {
- .emotion-11 {
- padding-bottom: 1rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-11 {
- padding-bottom: 1.5rem;
- }
-}
-
-.emotion-13 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
-}
-
-.emotion-15 {
- list-style: none;
- margin-top: 0;
- margin-bottom: 0;
- padding-right: 0;
- padding-left: 0;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: normal;
- font-size: 0.9375rem;
- line-height: 1.125rem;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-15 {
- font-size: 0.9375rem;
- line-height: 1.125rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-15 {
- font-size: 0.875rem;
- line-height: 1.125rem;
- }
-}
-
-.emotion-17 {
- color: #3F3F42;
-}
-
-.emotion-19 {
- color: #6E6E73;
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-22 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-22 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-22 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-22 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-22 {
- margin-left: 20%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-22 {
- margin-left: 40%;
- }
-}
-
-@supports (display: grid) {
- .emotion-22 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-22 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-22 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-22 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-22 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-22 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-22 {
- grid-template-columns: repeat(10, 1fr);
- grid-column-end: span 10;
- grid-column-start: 5;
- }
- }
-}
-
-@media (max-width: 62.9375rem) {
- .emotion-22 {
- padding-bottom: 1rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-22 {
- padding-bottom: 1.5rem;
- }
-}
-
-.emotion-24 {
- font-size: 0.875rem;
- line-height: 1.125rem;
- color: #545658;
- display: block;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: normal;
- padding-bottom: 0.25rem;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-24 {
- font-size: 0.875rem;
- line-height: 1.125rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-24 {
- font-size: 0.8125rem;
- line-height: 1rem;
- }
-}
-
-.emotion-24:last-child {
- padding-bottom: 1rem;
-}
-
-.emotion-26 {
- margin: 0;
- padding-bottom: 1.5rem;
- width: 100%;
-}
-
-.emotion-27 {
- position: relative;
- height: 0;
- background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
- -webkit-background-position: center center;
- background-position: center center;
- background-repeat: no-repeat;
- -webkit-background-size: 60px 17px;
- background-size: 60px 17px;
- background-color: #F2F2F2;
-}
-
-@media (min-width: 25rem) {
- .emotion-27 {
- -webkit-background-size: 77px 22px;
- background-size: 77px 22px;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-27 {
- -webkit-background-size: 93px 27px;
- background-size: 93px 27px;
- }
-}
-
-.emotion-28 {
- width: 100%;
- object-fit: cover;
- height: auto;
-}
-
-.emotion-29 {
- color: #141414;
- font-size: 0.75rem;
- line-height: 1rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-style: normal;
- font-weight: 400;
- background-color: rgba(34, 34, 34, 0.75);
- text-transform: uppercase;
- color: #FFFFFF;
- padding: 0.25rem 0.5rem;
- position: absolute;
- bottom: 0;
- inset-inline-start: 0;
- margin: 0;
- font-family: ReithSans,Helvetica,Arial,sans-serif;
- overflow: hidden;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-29 {
- font-size: 0.75rem;
- line-height: 1rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-29 {
- font-size: 0.75rem;
- line-height: 1rem;
- }
-}
-
-.emotion-29 span {
- font-size: 0.75rem;
-}
-
-.emotion-30 {
- -webkit-clip-path: inset(100%);
- clip-path: inset(100%);
- clip: rect(1px, 1px, 1px, 1px);
- height: 1px;
- overflow: hidden;
- position: absolute;
- width: 1px;
- margin: 0;
-}
-
-.emotion-31 {
- font-size: 0.9375rem;
- line-height: 1.125rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: normal;
- color: #545658;
- margin-top: 0.5rem;
- padding-left: 0.5rem;
- padding-right: 0.5rem;
- width: 100%;
- width: calc(100% - 0.5rem);
- margin-left: 0.5rem;
- border-left: 0.0625rem solid #6E6E73;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-31 {
- font-size: 0.9375rem;
- line-height: 1.125rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-31 {
- font-size: 0.875rem;
- line-height: 1.125rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-31 {
- width: 100%;
- margin: 0.5rem 0 0;
- }
-}
-
-.emotion-31>span>p {
- padding-bottom: 1.5rem;
- margin: 0;
-}
-
-.emotion-31>span>p:last-child {
- padding-bottom: 0;
-}
-
-@media (min-width: 25rem) and (max-width: 62.9375rem) {
- .emotion-31 {
- width: calc(100% - 1rem);
- margin-left: 1rem;
- padding-right: 1rem;
- padding-left: 0.5rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-31 {
- padding-right: 0;
- padding-left: 0.5rem;
- }
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-34 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-34 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-34 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-34 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-34 {
- margin-left: 20%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-34 {
- margin-left: 40%;
- }
-}
-
-@supports (display: grid) {
- .emotion-34 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-34 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-34 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-34 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-34 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-34 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-34 {
- grid-template-columns: repeat(10, 1fr);
- grid-column-end: span 10;
- grid-column-start: 5;
- }
- }
-}
-
-.emotion-36 {
- font-size: 0.9375rem;
- line-height: 1.25rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: normal;
- color: #141414;
- padding-bottom: 1.5rem;
- margin: 0;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-36 {
- font-size: 1rem;
- line-height: 1.375rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-36 {
- font-size: 1rem;
- line-height: 1.375rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-36 {
- padding-right: 2.5rem;
- }
-}
-
-.emotion-38 {
- color: #222222;
- border-bottom: 1px solid #B80000;
- -webkit-text-decoration: none;
- text-decoration: none;
-}
-
-.emotion-38:visited {
- color: #6E6E73;
- border-bottom: 1px solid #6E6E73;
-}
-
-.emotion-38:focus,
-.emotion-38:hover {
- border-bottom: 2px solid #B80000;
- color: #B80000;
-}
-
-.emotion-44 {
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: italic;
- font-family: inherit;
- font-weight: inherit;
-}
-
-.emotion-49 {
- margin-bottom: 1.5rem;
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-49 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-49 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-49 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-49 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-49 {
- margin-left: 20%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-49 {
- margin-left: 40%;
- }
-}
-
-@supports (display: grid) {
- .emotion-49 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-49 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-49 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-49 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-49 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-49 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-49 {
- grid-template-columns: repeat(10, 1fr);
- grid-column-end: span 10;
- grid-column-start: 5;
- }
- }
-}
-
-.emotion-51 {
- margin-top: 0;
- list-style-type: none;
- font-size: 0.9375rem;
- line-height: 1.25rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-style: normal;
- font-weight: 400;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-51 {
- font-size: 1rem;
- line-height: 1.375rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-51 {
- font-size: 1rem;
- line-height: 1.375rem;
- }
-}
-
-.emotion-51>li {
- position: relative;
- color: inherit;
-}
-
-.emotion-51>li::before {
- top: 0.5rem;
- content: "";
- position: absolute;
- border-width: 1rem;
- inset-inline-start: -1rem;
-}
-
-.emotion-51>li::before {
- border: 0.1875rem solid #3F3F42;
- background-color: #3F3F42;
- border-radius: 50%;
-}
-
-.emotion-52 {
- margin-bottom: 1rem;
-}
-
-.emotion-103 {
- margin-bottom: 1.5rem;
- max-width: 31.25rem;
- min-height: 14rem;
-}
-
-.no-js .emotion-103 {
- min-height: 0;
-}
-
-.emotion-105 {
- position: relative;
-}
-
-.no-js .emotion-105 {
- display: none;
-}
-
-.emotion-107 {
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: normal;
- font-size: 0.875rem;
- line-height: 1rem;
- background-color: #FFFFFF;
- border: 0.125rem solid #222222;
- display: block;
- left: 0;
- line-height: 1;
- padding: 0.75rem;
- position: absolute;
- -webkit-text-decoration: none;
- text-decoration: none;
- top: 0;
- z-index: 10;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-107 {
- line-height: 1.125rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-107 {
- font-size: 0.8125rem;
- }
-}
-
-.emotion-107 span {
- color: #222222;
-}
-
-.emotion-107:hover span,
-.emotion-107:focus span {
- color: #B80000;
- border-bottom: 2px solid #B80000;
-}
-
-.emotion-107:not(:focus):not(:active) {
- -webkit-clip-path: inset(100%);
- clip-path: inset(100%);
- clip: rect(1px, 1px, 1px, 1px);
- height: 1px;
- overflow: hidden;
- position: absolute;
- width: 1px;
- margin: 0;
-}
-
-.emotion-109 {
- background-color: #FFFFFF;
- padding: 1rem;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
- -webkit-align-items: flex-start;
- -webkit-box-align: flex-start;
- -ms-flex-align: flex-start;
- align-items: flex-start;
- border: 0.0625rem solid #8A8C8E;
-}
-
-.emotion-110 {
- color: #141414;
- font-size: 1.125rem;
- line-height: 1.375rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-style: normal;
- font-weight: 700;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-110 {
- font-size: 1.125rem;
- line-height: 1.375rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-110 {
- font-size: 1.25rem;
- line-height: 1.5rem;
- }
-}
-
-.emotion-111 {
- color: #141414;
- font-size: 0.9375rem;
- line-height: 1.25rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-style: normal;
- font-weight: 400;
- margin: 0;
- margin: 1rem 0;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-111 {
- font-size: 1rem;
- line-height: 1.375rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-111 {
- font-size: 1rem;
- line-height: 1.375rem;
- }
-}
-
-.emotion-111 a {
- color: inherit;
- -webkit-text-decoration: none;
- text-decoration: none;
- border-bottom: 0.0625rem solid #141414;
-}
-
-.emotion-111 a:visited {
- color: #545658;
- border-bottom: 0.0625rem solid #545658;
-}
-
-.emotion-111 a:hover,
-.emotion-111 a:focus {
- color: #B80000;
- border-bottom: 0.125rem solid #B80000;
-}
-
-.emotion-112 {
- color: #141414;
- font-size: 0.9375rem;
- line-height: 1.25rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-style: normal;
- font-weight: 700;
- background-color: #FFFFFF;
- border: 0.0625rem solid #8A8C8E;
- border-radius: 0;
- padding: 0.5rem;
- cursor: pointer;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-112 {
- font-size: 1rem;
- line-height: 1.25rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-112 {
- font-size: 1rem;
- line-height: 1.25rem;
- }
-}
-
-.emotion-112:hover,
-.emotion-112:focus {
- background-color: #B80000;
- color: #FFFFFF;
- border: 0.0625rem solid #B80000;
- -webkit-text-decoration: underline;
- text-decoration: underline;
-}
-
-.emotion-112:focus-visible {
- outline: 0.1875rem solid #000000;
-}
-
-.emotion-113 {
- -webkit-clip-path: inset(100%);
- clip-path: inset(100%);
- clip: rect(1px, 1px, 1px, 1px);
- height: 1px;
- overflow: hidden;
- position: absolute;
- width: 1px;
- margin: 0;
-}
-
-.emotion-120 {
- margin-top: 0.5rem;
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-120 {
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-120 {
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-120 {
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-120 {
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-120 {
- margin-left: 16.666666666666668%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-120 {
- margin-left: 33.333333333333336%;
- }
-}
-
-@supports (display: grid) {
- .emotion-120 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-120 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-120 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-120 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-120 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-120 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-120 {
- grid-template-columns: repeat(12, 1fr);
- grid-column-end: span 12;
- grid-column-start: 5;
- }
- }
-}
-
-@media (max-width: 24.9375rem) {
- .emotion-120 {
- margin-top: 0.5rem;
- }
-}
-
-@media (min-width: 25rem) {
- .emotion-120 {
- margin-top: 1rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-120 {
- padding: 0 1rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-120 {
- padding: 0.5rem 0 0;
- margin-top: 2rem;
- }
-}
-
-.emotion-122 {
- margin: 0;
- padding-bottom: 1.5rem;
- width: 100%;
-}
-
-.emotion-124 {
- padding-top: 56.25%;
- position: relative;
- overflow: hidden;
-}
-
-.emotion-126 {
- border: 0;
- left: 0;
- overflow: hidden;
- position: absolute;
- top: 0;
- width: 100%;
- height: 100%;
-}
-
-.emotion-133 {
- font-size: 1.25rem;
- line-height: 1.5rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 700;
- font-style: normal;
- color: #141414;
- margin: 0;
- padding: 1.5rem 0;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-133 {
- font-size: 1.5rem;
- line-height: 1.75rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-133 {
- font-size: 2rem;
- line-height: 2.25rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-133 {
- padding-top: 2rem;
- }
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-158 {
- width: calc(100%);
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-158 {
- width: calc(100%);
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-158 {
- width: calc(100%);
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-158 {
- width: calc(100%);
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-158 {
- width: calc(33.333333333333336%);
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-158 {
- width: calc(33.333333333333336%);
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@supports (display: grid) {
- .emotion-158 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-158 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-158 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-158 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-158 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-158 {
- grid-template-columns: repeat(4, 1fr);
- grid-column-end: span 4;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-158 {
- grid-template-columns: repeat(4, 1fr);
- grid-column-end: span 4;
- }
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-158 {
- margin-top: 2rem;
- }
-}
-
-.emotion-160 {
- margin-bottom: 1.5rem;
- padding: 1rem;
-}
-
-.emotion-162 {
- margin-top: 0;
-}
-
-.emotion-163 {
- position: relative;
- z-index: 0;
- color: #141414;
- margin-top: 2rem;
-}
-
-@media (min-width: 37.5rem) {
- .emotion-163 {
- margin-top: 1.5rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-163 {
- margin-bottom: 1.5rem;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-163 {
- margin-bottom: 1rem;
- }
-}
-
-.emotion-165 {
- margin: 0;
- padding: 0;
-}
-
-.emotion-167 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
-}
-
-.emotion-169 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-flex-flow: row nowrap;
- -webkit-flex-flow: row nowrap;
- -ms-flex-flow: row nowrap;
- flex-flow: row nowrap;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- min-height: 2.75rem;
- -webkit-align-items: baseline;
- -webkit-box-align: baseline;
- -ms-flex-align: baseline;
- align-items: baseline;
-}
-
-@media (min-width: 37.5rem) {
- .emotion-169 {
- -webkit-align-items: stretch;
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- }
-}
-
-.emotion-171 {
- font-size: 1.125rem;
- line-height: 1.375rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 700;
- font-style: normal;
- background-color: #FDFDFD;
- margin: 1rem 0;
- padding-right: 0.5rem;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-171 {
- font-size: 1.25rem;
- line-height: 1.5rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-171 {
- font-size: 1.5rem;
- line-height: 1.75rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-171 {
- margin: 0;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-171 {
- padding-right: 1rem;
- }
-}
-
-.emotion-173 {
- list-style-type: none;
- margin: 0;
- padding: 0;
- grid-auto-flow: column;
- grid-template-rows: repeat(10, auto);
-}
-
-@supports (display: grid) {
- .emotion-173 {
- display: grid;
- position: initial;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-173 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-173 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-173 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-173 {
- grid-template-columns: repeat(1, 1fr);
- grid-column-end: span 1;
- grid-column-gap: 1rem;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-173 {
- grid-template-columns: repeat(1, 1fr);
- grid-column-end: span 1;
- grid-column-gap: 1rem;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-173 {
- grid-template-columns: repeat(1, 1fr);
- grid-column-end: span 1;
- grid-column-gap: 1rem;
- }
- }
-}
-
-.emotion-175 {
- position: relative;
- padding-bottom: 1.5rem;
-}
-
-@supports (display: grid) {
- .emotion-175 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-175 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-175 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-175 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-175 {
- grid-template-columns: repeat(1, 1fr);
- grid-column-end: span 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-175 {
- grid-template-columns: repeat(1, 1fr);
- grid-column-end: span 1;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-175 {
- grid-template-columns: repeat(1, 1fr);
- grid-column-end: span 1;
- }
- }
-}
-
-.emotion-177 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- margin: 0;
- padding: 0;
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-178 {
- min-width: 1.75rem;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-178 {
- min-width: 1.75rem;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-178 {
- min-width: 2rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-178 {
- min-width: 2.5rem;
- }
-}
-
-.emotion-179 {
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-style: normal;
- font-weight: 400;
- position: relative;
- color: #B80000;
- margin: 0;
- padding: 0;
- font-size: 1.25rem;
- line-height: 1.5rem;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-179 {
- font-size: 1.5rem;
- line-height: 1.75rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-179 {
- font-size: 2rem;
- line-height: 2.25rem;
- }
-}
-
-.emotion-180 {
- padding-top: 0.2rem;
- padding-left: 0.25rem;
- padding-right: 0.5rem;
-}
-
-@supports (grid-template-columns: fit-content(200px)) {
- .emotion-180 {
- padding-right: 0;
- }
-}
-
-.emotion-181 {
- font-size: 0.9375rem;
- line-height: 1.25rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-style: normal;
- font-weight: 700;
- position: static;
- color: #222222;
- -webkit-text-decoration: none;
- text-decoration: none;
- margin-bottom: 0.5rem;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-181 {
- font-size: 1rem;
- line-height: 1.25rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-181 {
- font-size: 1rem;
- line-height: 1.25rem;
- }
-}
-
-.emotion-181:hover,
-.emotion-181:focus {
- -webkit-text-decoration: underline;
- text-decoration: underline;
-}
-
-.emotion-181:before {
- bottom: 0;
- content: '';
- left: 0;
- overflow: hidden;
- position: absolute;
- right: 0;
- top: 0;
- white-space: nowrap;
- z-index: 1;
-}
-
-.emotion-182 {
- padding-top: 0.5rem;
-}
-
-.emotion-183 {
- font-size: 0.875rem;
- line-height: 1.125rem;
- color: #545658;
- display: block;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: normal;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-183 {
- font-size: 0.875rem;
- line-height: 1.125rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-183 {
- font-size: 0.8125rem;
- line-height: 1rem;
- }
-}
-
-
-
-
-
-
-
-
- chartbeat
-
-
- comscore
-
-
-
-
-
-
- STY - Blood pressure drugs dey work better
-
-
-
-
-
-
- By Andrew Overtyped Marr
-
-
- BBC News - Overtyped
-
-
-
-
-
-
- 23 October 2019
-
-
-
-
-
-
-
- Wia dis foto come from,
-
-
- Joe Maher
-
-
-
-
-
-
- Wetin we call dis foto,
-
-
- Some people went to the NTA awards recently. This has "quotes" in it.
-
-
-
-
-
-
-
- This is introduction text, it should be bold by default, but also support
-
-
- inline links
-
-
- to other pages.
-
-
-
-
-
-
-
- This is a subheadline! that has
-
-
-
- a link
-
-
-
-
-
-
- This is a unordered list
-
-
- It can have
-
- bold text
-
- in it
-
-
-
- It can also have links
-
-
-
-
- It can even have italic text in it!
-
-
-
-
-
-
- Feta the big cheese macaroni cheese.
-
- Caerphilly danish fontina
-
- queso blue castello fromage frais when the cheese comes out everybody's happy cheese triangles port-salut. Cheese slices stinking bishop pecorino cottage cheese cheese and biscuits cheese and wine chalk and cheese cream cheese.
-
- Cow cheeseburger
-
- stilton emmental.
-
-
-
-
-
-
-
- Wia dis foto come from,
-
-
- Joe Maher
-
-
-
-
-
-
-
- Start of localised text
-
-
-
-
-
- Dem say di medicine dey offer more protection against heart attack and stroke, if you take am before you go sleep instead of for morning, dat na wetin new study suggest.
-
-
-
-
-
- End of localised text
-
-
-
-
-
- Rubber cheese macaroni
-
- cheese cottage cheese
-
- . Caerphilly gouda ricotta st. agur blue cheese cheese strings taleggio feta say cheese. The big cheese cheeseburger fondue dolcelatte fromage frais chalk and cheese cheese slices cheddar. Airedale macaroni cheese cheese strings fromage frais.
-
-
-
-
-
- This is a ordered list
-
-
- It can have
-
- bold text
-
- in it
-
-
-
- It can also have links
-
-
-
-
- It can even have italic text in it!
-
-
-
-
-
-
-
-
-
- Skip Twitter post, 1
-
-
-
-
- Allow Twitter content?
-
-
- Dis article contain content wey Twitter provide. We ask for una permission before anytin dey loaded, as dem fit dey use cookies and oda technologies. You fit wan read di Twitter
-
- cookie policy
-
- and
-
- privacy policy
-
- before accepting. To view dis content choose 'accept and continue'.
-
-
- Accept and kontinu
-
-
-
-
-
-
-
-
-
- Cauliflower cheese bocconcini hard cheese. Port-salut ricotta rubber cheese pecorino queso say cheese danish fontina parmesan. Port-salut lancashire pecorino say cheese stilton jarlsberg when the cheese comes out everybody's happy chalk and cheese. Squirty cheese cheese triangles swiss blue castello fromage mozzarella macaroni cheese cottage cheese. Chalk and cheese parmesan lancashire fondue.
-
-
-
-
-
-
-
-
-
-
-
- Wetin we call dis Audio,
-
-
- A caption for a test asset
-
-
-
-
-
-
-
- This is a heading!
-
-
-
-
- Squirty cheese dolcelatte say cheese. Brie cut the cheese fondue cow queso cheese on toast dolcelatte chalk and cheese. Queso roquefort manchego pecorino cheese strings manchego melted cheese halloumi. Cream cheese when the cheese comes out everybody's happy rubber cheese macaroni cheese blue castello cheeseburger caerphilly lancashire. Fondue blue castello.
-
-
-
-
- This is a crosshead!
-
-
-
-
- Brie parmesan camembert de normandie. Cottage cheese mozzarella cheesy grin red leicester hard cheese cheesy feet taleggio ricotta. Melted cheese say cheese cut the cheese brie cheese and biscuits cheese slices boursin squirty cheese. Say cheese camembert de normandie.
-
-
-
-
-
- Cheese strings stilton cheesy feet. Cheese strings fondue cow fromage edam halloumi cut the cheese cream cheese. Melted cheese brie rubber cheese parmesan cut the cheese queso st. agur blue cheese dolcelatte. Port-salut croque monsieur cheese and wine cheese triangles cheesy grin.
-
-
-
-
-
-
-
-
-
-
-
-
- De one we dem de read well well
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-`;
-
-exports[`Story Page snapshots should match snapshot for STY 1`] = `
-.emotion-1 {
- width: 100%;
- width: 100%;
- margin: 0 auto;
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-1 {
- padding: 0 1rem;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-1 {
- padding: 0 1rem;
- }
-}
-
-@supports (display: grid) {
- .emotion-1 {
- display: grid;
- position: initial;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-1 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-1 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-1 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-1 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-gap: 1rem;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-1 {
- grid-template-columns: repeat(12, 1fr);
- grid-column-end: span 12;
- grid-column-gap: 1rem;
- padding: 0 1rem;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-1 {
- grid-template-columns: repeat(12, 1fr);
- grid-column-end: span 12;
- grid-column-gap: 1rem;
- padding: 0 1rem;
- }
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-1 {
- margin: 0 auto;
- max-width: 63rem;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-1 {
- margin: 0 auto;
- max-width: 80rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-1 {
- max-width: 63rem;
- }
-}
-
-.emotion-4 {
- padding-bottom: 2rem;
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-4 {
- width: calc(100% - 0%);
- margin-left: 0%;
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-4 {
- width: calc(100% - 0%);
- margin-left: 0%;
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-4 {
- width: calc(100% - 0%);
- margin-left: 0%;
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-4 {
- width: calc(100% - 0%);
- margin-left: 0%;
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-4 {
- width: calc(66.66666666666667%);
- margin-left: 0%;
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-4 {
- width: calc(66.66666666666667%);
- margin-left: 0%;
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@supports (display: grid) {
- .emotion-4 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-4 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-4 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-4 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-4 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-4 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-4 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- grid-column-start: 1;
- }
- }
-}
-
-@media (max-width: 62.9375rem) {
- .emotion-4 {
- width: 100%;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-4 {
- width: 100%;
- }
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-6 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-6 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-6 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-6 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-6 {
- margin-left: 16.666666666666668%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-6 {
- margin-left: 33.333333333333336%;
- }
-}
-
-@supports (display: grid) {
- .emotion-6 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-6 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-6 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-6 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-6 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-6 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-6 {
- grid-template-columns: repeat(12, 1fr);
- grid-column-end: span 12;
- grid-column-start: 5;
- }
- }
-}
-
-.emotion-8 {
- font-size: 1.75rem;
- line-height: 2rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 700;
- font-style: normal;
- color: #141414;
- display: block;
- margin: 0;
- padding: 2rem 0;
- overflow-wrap: anywhere;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-8 {
- font-size: 2rem;
- line-height: 2.25rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-8 {
- font-size: 2.75rem;
- line-height: 3rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-8 {
- padding: 2.5rem 0;
- }
-}
-
-.emotion-8:focus {
- outline: none;
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-11 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-11 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-11 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-11 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-11 {
- margin-left: 20%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-11 {
- margin-left: 40%;
- }
-}
-
-@supports (display: grid) {
- .emotion-11 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-11 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-11 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-11 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-11 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-11 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-11 {
- grid-template-columns: repeat(10, 1fr);
- grid-column-end: span 10;
- grid-column-start: 5;
- }
- }
-}
-
-@media (max-width: 62.9375rem) {
- .emotion-11 {
- padding-bottom: 1rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-11 {
- padding-bottom: 1.5rem;
- }
-}
-
-.emotion-13 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
-}
-
-.emotion-15 {
- list-style: none;
- margin-top: 0;
- margin-bottom: 0;
- padding-right: 0;
- padding-left: 0;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: normal;
- font-size: 0.9375rem;
- line-height: 1.125rem;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-15 {
- font-size: 0.9375rem;
- line-height: 1.125rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-15 {
- font-size: 0.875rem;
- line-height: 1.125rem;
- }
-}
-
-.emotion-17 {
- color: #3F3F42;
-}
-
-.emotion-19 {
- color: #6E6E73;
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-22 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-22 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-22 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-22 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-22 {
- margin-left: 20%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-22 {
- margin-left: 40%;
- }
-}
-
-@supports (display: grid) {
- .emotion-22 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-22 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-22 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-22 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-22 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-22 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-22 {
- grid-template-columns: repeat(10, 1fr);
- grid-column-end: span 10;
- grid-column-start: 5;
- }
- }
-}
-
-@media (max-width: 62.9375rem) {
- .emotion-22 {
- padding-bottom: 1rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-22 {
- padding-bottom: 1.5rem;
- }
-}
-
-.emotion-24 {
- font-size: 0.875rem;
- line-height: 1.125rem;
- color: #545658;
- display: block;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: normal;
- padding-bottom: 0.25rem;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-24 {
- font-size: 0.875rem;
- line-height: 1.125rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-24 {
- font-size: 0.8125rem;
- line-height: 1rem;
- }
-}
-
-.emotion-24:last-child {
- padding-bottom: 1rem;
-}
-
-.emotion-26 {
- margin: 0;
- padding-bottom: 1.5rem;
- width: 100%;
-}
-
-.emotion-27 {
- position: relative;
- height: 0;
- background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
- -webkit-background-position: center center;
- background-position: center center;
- background-repeat: no-repeat;
- -webkit-background-size: 60px 17px;
- background-size: 60px 17px;
- background-color: #F2F2F2;
-}
-
-@media (min-width: 25rem) {
- .emotion-27 {
- -webkit-background-size: 77px 22px;
- background-size: 77px 22px;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-27 {
- -webkit-background-size: 93px 27px;
- background-size: 93px 27px;
- }
-}
-
-.emotion-28 {
- width: 100%;
- object-fit: cover;
- height: auto;
-}
-
-.emotion-29 {
- color: #141414;
- font-size: 0.75rem;
- line-height: 1rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-style: normal;
- font-weight: 400;
- background-color: rgba(34, 34, 34, 0.75);
- text-transform: uppercase;
- color: #FFFFFF;
- padding: 0.25rem 0.5rem;
- position: absolute;
- bottom: 0;
- inset-inline-start: 0;
- margin: 0;
- font-family: ReithSans,Helvetica,Arial,sans-serif;
- overflow: hidden;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-29 {
- font-size: 0.75rem;
- line-height: 1rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-29 {
- font-size: 0.75rem;
- line-height: 1rem;
- }
-}
-
-.emotion-29 span {
- font-size: 0.75rem;
-}
-
-.emotion-30 {
- -webkit-clip-path: inset(100%);
- clip-path: inset(100%);
- clip: rect(1px, 1px, 1px, 1px);
- height: 1px;
- overflow: hidden;
- position: absolute;
- width: 1px;
- margin: 0;
-}
-
-.emotion-31 {
- font-size: 0.9375rem;
- line-height: 1.125rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: normal;
- color: #545658;
- margin-top: 0.5rem;
- padding-left: 0.5rem;
- padding-right: 0.5rem;
- width: 100%;
- width: calc(100% - 0.5rem);
- margin-left: 0.5rem;
- border-left: 0.0625rem solid #6E6E73;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-31 {
- font-size: 0.9375rem;
- line-height: 1.125rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-31 {
- font-size: 0.875rem;
- line-height: 1.125rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-31 {
- width: 100%;
- margin: 0.5rem 0 0;
- }
-}
-
-.emotion-31>span>p {
- padding-bottom: 1.5rem;
- margin: 0;
-}
-
-.emotion-31>span>p:last-child {
- padding-bottom: 0;
-}
-
-@media (min-width: 25rem) and (max-width: 62.9375rem) {
- .emotion-31 {
- width: calc(100% - 1rem);
- margin-left: 1rem;
- padding-right: 1rem;
- padding-left: 0.5rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-31 {
- padding-right: 0;
- padding-left: 0.5rem;
- }
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-34 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-34 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-34 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-34 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-34 {
- margin-left: 20%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-34 {
- margin-left: 40%;
- }
-}
-
-@supports (display: grid) {
- .emotion-34 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-34 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-34 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-34 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-34 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-34 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-34 {
- grid-template-columns: repeat(10, 1fr);
- grid-column-end: span 10;
- grid-column-start: 5;
- }
- }
-}
-
-.emotion-36 {
- font-size: 0.9375rem;
- line-height: 1.25rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: normal;
- color: #141414;
- padding-bottom: 1.5rem;
- margin: 0;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-36 {
- font-size: 1rem;
- line-height: 1.375rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-36 {
- font-size: 1rem;
- line-height: 1.375rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-36 {
- padding-right: 2.5rem;
- }
-}
-
-.emotion-38 {
- color: #222222;
- border-bottom: 1px solid #B80000;
- -webkit-text-decoration: none;
- text-decoration: none;
-}
-
-.emotion-38:visited {
- color: #6E6E73;
- border-bottom: 1px solid #6E6E73;
-}
-
-.emotion-38:focus,
-.emotion-38:hover {
- border-bottom: 2px solid #B80000;
- color: #B80000;
-}
-
-.emotion-44 {
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: italic;
- font-family: inherit;
- font-weight: inherit;
-}
-
-.emotion-49 {
- margin-bottom: 1.5rem;
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-49 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-49 {
- padding: 0 0.5rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-49 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-49 {
- padding: 0 1rem;
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-49 {
- margin-left: 20%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-49 {
- margin-left: 40%;
- }
-}
-
-@supports (display: grid) {
- .emotion-49 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-49 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-49 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 0.5rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-49 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-49 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- padding: 0 1rem;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-49 {
- grid-template-columns: repeat(5, 1fr);
- grid-column-end: span 5;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-49 {
- grid-template-columns: repeat(10, 1fr);
- grid-column-end: span 10;
- grid-column-start: 5;
- }
- }
-}
-
-.emotion-51 {
- margin-top: 0;
- list-style-type: none;
- font-size: 0.9375rem;
- line-height: 1.25rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-style: normal;
- font-weight: 400;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-51 {
- font-size: 1rem;
- line-height: 1.375rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-51 {
- font-size: 1rem;
- line-height: 1.375rem;
- }
-}
-
-.emotion-51>li {
- position: relative;
- color: inherit;
-}
-
-.emotion-51>li::before {
- top: 0.5rem;
- content: "";
- position: absolute;
- border-width: 1rem;
- inset-inline-start: -1rem;
-}
-
-.emotion-51>li::before {
- border: 0.1875rem solid #3F3F42;
- background-color: #3F3F42;
- border-radius: 50%;
-}
-
-.emotion-52 {
- margin-bottom: 1rem;
-}
-
-.emotion-103 {
- margin-bottom: 1.5rem;
- max-width: 31.25rem;
- min-height: 14rem;
-}
-
-.no-js .emotion-103 {
- min-height: 0;
-}
-
-.emotion-105 {
- position: relative;
-}
-
-.no-js .emotion-105 {
- display: none;
-}
-
-.emotion-107 {
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: normal;
- font-size: 0.875rem;
- line-height: 1rem;
- background-color: #FFFFFF;
- border: 0.125rem solid #222222;
- display: block;
- left: 0;
- line-height: 1;
- padding: 0.75rem;
- position: absolute;
- -webkit-text-decoration: none;
- text-decoration: none;
- top: 0;
- z-index: 10;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-107 {
- line-height: 1.125rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-107 {
- font-size: 0.8125rem;
- }
-}
-
-.emotion-107 span {
- color: #222222;
-}
-
-.emotion-107:hover span,
-.emotion-107:focus span {
- color: #B80000;
- border-bottom: 2px solid #B80000;
-}
-
-.emotion-107:not(:focus):not(:active) {
- -webkit-clip-path: inset(100%);
- clip-path: inset(100%);
- clip: rect(1px, 1px, 1px, 1px);
- height: 1px;
- overflow: hidden;
- position: absolute;
- width: 1px;
- margin: 0;
-}
-
-.emotion-109 {
- background-color: #FFFFFF;
- padding: 1rem;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
- -webkit-align-items: flex-start;
- -webkit-box-align: flex-start;
- -ms-flex-align: flex-start;
- align-items: flex-start;
- border: 0.0625rem solid #8A8C8E;
-}
-
-.emotion-110 {
- color: #141414;
- font-size: 1.125rem;
- line-height: 1.375rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-style: normal;
- font-weight: 700;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-110 {
- font-size: 1.125rem;
- line-height: 1.375rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-110 {
- font-size: 1.25rem;
- line-height: 1.5rem;
- }
-}
-
-.emotion-111 {
- color: #141414;
- font-size: 0.9375rem;
- line-height: 1.25rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-style: normal;
- font-weight: 400;
- margin: 0;
- margin: 1rem 0;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-111 {
- font-size: 1rem;
- line-height: 1.375rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-111 {
- font-size: 1rem;
- line-height: 1.375rem;
- }
-}
-
-.emotion-111 a {
- color: inherit;
- -webkit-text-decoration: none;
- text-decoration: none;
- border-bottom: 0.0625rem solid #141414;
-}
-
-.emotion-111 a:visited {
- color: #545658;
- border-bottom: 0.0625rem solid #545658;
-}
-
-.emotion-111 a:hover,
-.emotion-111 a:focus {
- color: #B80000;
- border-bottom: 0.125rem solid #B80000;
-}
-
-.emotion-112 {
- color: #141414;
- font-size: 0.9375rem;
- line-height: 1.25rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-style: normal;
- font-weight: 700;
- background-color: #FFFFFF;
- border: 0.0625rem solid #8A8C8E;
- border-radius: 0;
- padding: 0.5rem;
- cursor: pointer;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-112 {
- font-size: 1rem;
- line-height: 1.25rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-112 {
- font-size: 1rem;
- line-height: 1.25rem;
- }
-}
-
-.emotion-112:hover,
-.emotion-112:focus {
- background-color: #B80000;
- color: #FFFFFF;
- border: 0.0625rem solid #B80000;
- -webkit-text-decoration: underline;
- text-decoration: underline;
-}
-
-.emotion-112:focus-visible {
- outline: 0.1875rem solid #000000;
-}
-
-.emotion-113 {
- -webkit-clip-path: inset(100%);
- clip-path: inset(100%);
- clip: rect(1px, 1px, 1px, 1px);
- height: 1px;
- overflow: hidden;
- position: absolute;
- width: 1px;
- margin: 0;
-}
-
-.emotion-120 {
- margin-top: 0.5rem;
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-120 {
- margin-left: 0%;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-120 {
- margin-left: 0%;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-120 {
- margin-left: 0%;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-120 {
- margin-left: 0%;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-120 {
- margin-left: 16.666666666666668%;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-120 {
- margin-left: 33.333333333333336%;
- }
-}
-
-@supports (display: grid) {
- .emotion-120 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-120 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-120 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-120 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-120 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-120 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-start: 2;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-120 {
- grid-template-columns: repeat(12, 1fr);
- grid-column-end: span 12;
- grid-column-start: 5;
- }
- }
-}
-
-@media (max-width: 24.9375rem) {
- .emotion-120 {
- margin-top: 0.5rem;
- }
-}
-
-@media (min-width: 25rem) {
- .emotion-120 {
- margin-top: 1rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-120 {
- padding: 0 1rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-120 {
- padding: 0.5rem 0 0;
- margin-top: 2rem;
- }
-}
-
-.emotion-122 {
- margin: 0;
- padding-bottom: 1.5rem;
- width: 100%;
-}
-
-.emotion-124 {
- padding-top: 56.25%;
- position: relative;
- overflow: hidden;
-}
-
-.emotion-126 {
- border: 0;
- left: 0;
- overflow: hidden;
- position: absolute;
- top: 0;
- width: 100%;
- height: 100%;
-}
-
-.emotion-133 {
- font-size: 1.25rem;
- line-height: 1.5rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 700;
- font-style: normal;
- color: #141414;
- margin: 0;
- padding: 1.5rem 0;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-133 {
- font-size: 1.5rem;
- line-height: 1.75rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-133 {
- font-size: 2rem;
- line-height: 2.25rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-133 {
- padding-top: 2rem;
- }
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-158 {
- width: calc(100%);
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-158 {
- width: calc(100%);
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-158 {
- width: calc(100%);
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-158 {
- width: calc(100%);
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-158 {
- width: calc(33.333333333333336%);
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@media (min-width: 80rem) {
- .emotion-158 {
- width: calc(33.333333333333336%);
- display: inline-block;
- vertical-align: top;
- }
-}
-
-@supports (display: grid) {
- .emotion-158 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-158 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-158 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-158 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-158 {
- grid-template-columns: repeat(8, 1fr);
- grid-column-end: span 8;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-158 {
- grid-template-columns: repeat(4, 1fr);
- grid-column-end: span 4;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-158 {
- grid-template-columns: repeat(4, 1fr);
- grid-column-end: span 4;
- }
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-158 {
- margin-top: 2rem;
- }
-}
-
-.emotion-160 {
- margin-bottom: 1.5rem;
-}
-
-@media (min-width: 63rem) {
- .emotion-160 {
- margin-bottom: 0.5rem;
- padding: 1rem;
- }
-}
-
-@media (max-width: 24.9375rem) {
- .emotion-162 {
- padding: 0 0.5rem;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 62.9375rem) {
- .emotion-162 {
- padding: 0 1rem;
- }
-}
-
-.emotion-165 {
- position: relative;
- z-index: 0;
- color: #141414;
- margin-top: 2rem;
- margin-top: 0;
-}
-
-@media (min-width: 37.5rem) {
- .emotion-165 {
- margin-top: 1.5rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-165 {
- margin-bottom: 1.5rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-165 {
- margin-top: 0;
- }
-}
-
-.emotion-167 {
- margin: 0;
- padding: 0;
-}
-
-.emotion-169 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
-}
-
-.emotion-171 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-flex-flow: row nowrap;
- -webkit-flex-flow: row nowrap;
- -ms-flex-flow: row nowrap;
- flex-flow: row nowrap;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- min-height: 2.75rem;
- -webkit-align-items: baseline;
- -webkit-box-align: baseline;
- -ms-flex-align: baseline;
- align-items: baseline;
-}
-
-@media (min-width: 37.5rem) {
- .emotion-171 {
- -webkit-align-items: stretch;
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- }
-}
-
-.emotion-173 {
- font-size: 1.125rem;
- line-height: 1.375rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 700;
- font-style: normal;
- background-color: #FDFDFD;
- margin: 1rem 0;
- padding-right: 0.5rem;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-173 {
- font-size: 1.25rem;
- line-height: 1.5rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-173 {
- font-size: 1.5rem;
- line-height: 1.75rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-173 {
- margin: 0;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-173 {
- padding-right: 1rem;
- }
-}
-
-.emotion-175 {
- list-style-type: none;
- margin: 0;
- padding: 0;
-}
-
-.emotion-177 {
- padding: 0.5rem 0 1rem;
-}
-
-@media (max-width: 62.9375rem) {
- .emotion-177 {
- border-bottom: 0.0625rem solid #F2F2F2;
- }
-}
-
-.emotion-177:last-child {
- border: none;
-}
-
-@media (min-width: 37.5rem) {
- .emotion-177 {
- padding: 1rem 0 1rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-177 {
- padding: 0 0 1.5rem;
- }
-}
-
-.emotion-177:first-child {
- padding-top: 0;
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-177:first-child {
- padding-top: 1rem;
- }
-}
-
-.emotion-177:last-child {
- padding-bottom: 0;
-}
-
-.emotion-179 {
- position: relative;
-}
-
-@supports (grid-template-columns: fit-content(200px)) {
- .emotion-179 {
- display: grid;
- grid-template-columns: repeat(6, 1fr);
- grid-column-gap: 0.5rem;
- }
-
- @media (min-width: 37.5rem) {
- .emotion-179 {
- grid-column-gap: 1rem;
- }
- }
-
- @media (min-width: 63rem) {
- .emotion-179 {
- display: block;
- }
- }
-}
-
-.emotion-181 {
- display: inline-block;
- vertical-align: top;
- width: 66.67%;
- padding: 0 0.5rem;
- width: 100%;
-}
-
-@media (min-width: 37.5rem) {
- .emotion-181 {
- padding: 0 1rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-181 {
- display: block;
- width: 100%;
- padding: 0.5rem 0;
- }
-}
-
-.emotion-181>div {
- vertical-align: middle;
-}
-
-@supports (grid-template-columns: fit-content(200px)) {
- .emotion-181 {
- display: block;
- width: initial;
- padding: initial;
- grid-column: 3/span 4;
- grid-column: 1/span 6;
- }
-
- @media (min-width: 63rem) {
- .emotion-181 {
- padding-top: 0;
- }
- }
-}
-
-.emotion-181>div {
- display: inline-block;
- vertical-align: initial;
-}
-
-.emotion-181 svg {
- margin: 0;
-}
-
-.emotion-183 {
- color: #222222;
- margin: 0;
- padding-bottom: 0.5rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 700;
- font-style: normal;
- font-size: 0.9375rem;
- line-height: 1.25rem;
- display: inline-block;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-183 {
- font-size: 1rem;
- line-height: 1.25rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-183 {
- font-size: 1rem;
- line-height: 1.25rem;
- }
-}
-
-.emotion-185 {
- position: static;
- color: #222222;
- -webkit-text-decoration: none;
- text-decoration: none;
- overflow-wrap: break-word;
- display: inline-block;
- overflow-wrap: anywhere;
-}
-
-.emotion-185:before {
- bottom: 0;
- content: '';
- left: 0;
- overflow: hidden;
- position: absolute;
- right: 0;
- top: 0;
- white-space: nowrap;
- z-index: 1;
-}
-
-.emotion-185:hover,
-.emotion-185:focus {
- -webkit-text-decoration: underline;
- text-decoration: underline;
-}
-
-.emotion-185:visited {
- color: #6E6E73;
-}
-
-.emotion-187 {
- font-size: 0.875rem;
- line-height: 1.125rem;
- color: #545658;
- display: block;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: normal;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-187 {
- font-size: 0.875rem;
- line-height: 1.125rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-187 {
- font-size: 0.8125rem;
- line-height: 1rem;
- }
-}
-
-.emotion-228 {
- list-style-type: none;
- margin: 0;
- padding: 0;
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-228 {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- -webkit-column-gap: 1rem;
- column-gap: 1rem;
- row-gap: 1.5rem;
- }
-}
-
-.emotion-230 {
- padding: 0.5rem 0 1rem;
- line-height: 0;
- height: 100%;
-}
-
-.emotion-230:last-child {
- border: none;
-}
-
-@media (min-width: 37.5rem) {
- .emotion-230 {
- padding: 1rem 0 1rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-230 {
- padding: 0 0 1.5rem;
- }
-}
-
-.emotion-230:first-child {
- padding-top: 0;
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-230:first-child {
- padding-top: 1rem;
- }
-}
-
-.emotion-230:last-child {
- padding-bottom: 0;
-}
-
-.emotion-230:first-child {
- padding: 0 0 0.5rem 0;
-}
-
-.emotion-230:last-child {
- padding: 0.5rem 0 0 0;
-}
-
-.emotion-230:not(:first-child):not(:last-child) {
- padding: 0.5rem 0 0.5rem 0;
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-230 {
- padding: 0;
- }
-
- .emotion-230:first-child,
- .emotion-230:last-child,
- .emotion-230:not(:first-child):not(:last-child) {
- padding: 0;
- }
-}
-
-.emotion-232 {
- position: relative;
- width: 100%;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- height: 100%;
- -webkit-text-decoration: none;
- text-decoration: none;
-}
-
-.emotion-232:hover a {
- -webkit-text-decoration: underline;
- text-decoration: underline;
-}
-
-.emotion-232:visited a {
- color: #E6E8EA;
-}
-
-.emotion-233 {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- z-index: 5;
-}
-
-.emotion-234 {
- position: relative;
- height: 0;
- background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NzkiIGhlaWdodD0iMTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI0Q1RDBDRCI+PGc+PHBhdGggZD0iTTQ0OS41NTYgOTEuNTUzbC0yLjMxIDEuNDFjLTExLjE2NyA2LjgxOC0yMy4zMTMgMTAuNDc0LTM0LjM0NiAxMC40Ny0yMy42MS0uMDktMzkuMTYzLTE0LjA4My0zOS4yMjctMzQuNDUzLjAzLTE5LjkxOCAxNi4yNy0zNC42NjMgMzguNjMzLTM0LjcxOCAxMS4zODcuMDEgMjEuNzAzIDIuOTU0IDMzLjk2MiA5LjY3MmwyLjI1MSAxLjI0di0xOC4xOWwtLjk2Mi0uMzc3Yy0xMy44MjQtNS40NTgtMjQuNTMtNy44OS0zNS4xMDMtNy44ODQtMTYuMzQ2LS4wMDYtMzAuNTMzIDUuMzk0LTQwLjYzNyAxNC41NTctMTAuMTA1IDkuMTYzLTE2LjEwNiAyMi4xMDItMTYuMDk5IDM2Ljk1My4wMDggMTAuMzQ4IDQuMjc5IDIyLjQ4IDEzLjQyIDMyLjEwNSA5LjEyMSA5LjYyOCAyMy4xNjUgMTYuNjQ4IDQyLjQzIDE2LjYzOWguMDYzYzE1Ljk4IDAgMjcuMDYyLTMuNTYzIDM3LjA3NC04LjQ5MmwuODUxLS40MTRWOTEuNTUzek0zMzQgMTM1LjY5N2gxNDQuMTk1VjBIMzM0djEzNS42OTd6Ii8+PHBhdGggZD0iTTI3Ni45MzcgODkuOTY4Yy4wNDEtMTIuMzMtOC4xNzEtMjEuNjk2LTIxLjMwOC0yNS4zIDMuNTQ0LTEuODA5IDYuMzUtNC4wMjMgOC40MDQtNi43MjcgMi43NS0zLjYyMiA0LjA2MS04LjA2NCA0LjA0Ni0xMy4yMzUuMDE1LTYuMzU5LTIuNDg2LTEyLjgzOS03Ljg1OC0xNy42ODctNS4zNzItNC44NDctMTMuNTI2LTcuOTk3LTI0LjY1NC03Ljk5MUgyMDQuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMTY3IDEzNS42OThoMTQ0LjE5N1YwSDE2N3YxMzUuNjk3eiIvPjxwYXRoIGQ9Ik0xMDkuOTM3IDg5Ljk2OGMuMDQxLTEyLjMzLTguMTcxLTIxLjY5Ni0yMS4zMDgtMjUuMyAzLjU0NC0xLjgwOSA2LjM1LTQuMDIzIDguNDA0LTYuNzI3IDIuNzUtMy42MjIgNC4wNjEtOC4wNjQgNC4wNDYtMTMuMjM1LjAxNS02LjM1OS0yLjQ4Ni0xMi44MzktNy44NTgtMTcuNjg3LTUuMzcyLTQuODQ3LTEzLjUyNi03Ljk5Ny0yNC42NTQtNy45OTFIMzcuODN2OTcuNzI4aDM2LjA3M2MxMi44NyAwIDIxLjkwNi0zLjQ4MiAyNy43MjItOC42NSA1LjgxOC01LjE1NSA4LjMyLTExLjkxIDguMzEyLTE4LjEzOHpNMCAxMzUuNjk4aDE0NC4xOTdWMEgwdjEzNS42OTd6Ii8+PHBhdGggZD0iTTI1OC42NjIgODguMTk4Yy0uMDEzIDMuMjI5LTEuMDA3IDYuNDc1LTMuODk2IDkuMDExLTIuODg0IDIuNTM3LTcuODczIDQuNDYzLTE2LjEzMyA0LjQ2M0gyMjJWNzVoMTUuODkzYzcuNDExIDAgMTIuNjcgMS41MDIgMTUuOTY1IDMuODUgMy4yODkgMi4zNjIgNC43NzYgNS40NjMgNC44MDQgOS4zNDgiLz48cGF0aCBkPSJNOTEuNjYyIDg4LjE5OGMtLjAxMyAzLjIyOS0xLjAwNyA2LjQ3NS0zLjg5NiA5LjAxMS0yLjg4NCAyLjUzNy03Ljg3NCA0LjQ2My0xNi4xMzMgNC40NjNINTVWNzVoMTUuODkyYzcuNDEyIDAgMTIuNjcyIDEuNTAyIDE1Ljk2NiAzLjg1IDMuMjg5IDIuMzYyIDQuNzc2IDUuNDYzIDQuODA0IDkuMzQ4Ii8+PHBhdGggZD0iTTI0NS4xODYgNTUuNzljMy4wOTYtMi4yMzcgNC41OS01LjM4NiA0LjYxMy0xMC4xMjQtLjAxNS0zLjI1LS45NDMtNi4wMzMtMy4yODEtOC4xMTEtMi4zNDYtMi4wNzgtNi4zMy0zLjU1NS0xMi43NTQtMy41NTVIMjIydjI1LjI3NWg4LjA3NmM2Ljk4OC4wMDQgMTEuOTk4LTEuMjQzIDE1LjExLTMuNDg2Ii8+PHBhdGggZD0iTTc4LjE4NiA1NS43OWMzLjA5Ni0yLjIzNyA0LjU5LTUuMzg2IDQuNjEzLTEwLjEyNC0uMDE1LTMuMjUtLjk0My02LjAzMy0zLjI4Mi04LjExMUM3Ny4xNzIgMzUuNDc3IDczLjE4OCAzNCA2Ni43NjQgMzRINTV2MjUuMjc1aDguMDc2YzYuOTg4LjAwNCAxMS45OTgtMS4yNDMgMTUuMTEtMy40ODYiLz48L2c+PC9nPjwvZz48L3N2Zz4K);
- -webkit-background-position: center center;
- background-position: center center;
- background-repeat: no-repeat;
- -webkit-background-size: 60px 17px;
- background-size: 60px 17px;
- background-color: #3F3F42;
-}
-
-@media (min-width: 25rem) {
- .emotion-234 {
- -webkit-background-size: 77px 22px;
- background-size: 77px 22px;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-234 {
- -webkit-background-size: 93px 27px;
- background-size: 93px 27px;
- }
-}
-
-.emotion-236 {
- height: 100%;
-}
-
-.emotion-237 {
- min-height: 100px;
- padding-bottom: 1rem;
- background-color: #202224;
-}
-
-.emotion-238 {
- margin: 0;
-}
-
-.emotion-239 {
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-style: normal;
- font-weight: 400;
- font-size: 0.9375rem;
- line-height: 1.33;
- display: inline-block;
- -webkit-text-decoration: none;
- text-decoration: none;
- margin: 0.875rem 0.5rem 0 0.5rem;
- color: #FFFFFF;
-}
-
-.emotion-239:focus {
- -webkit-text-decoration: underline;
- text-decoration: underline;
-}
-
-@media (min-width: 25rem) {
- .emotion-239 {
- font-size: 1rem;
- line-height: 1.25;
- margin: 0.875rem 1rem 0 1rem;
- }
-}
-
-.emotion-239:visited {
- color: #E6E8EA;
-}
-
-.emotion-240 {
- font-size: 0.875rem;
- line-height: 1.125rem;
- color: #545658;
- display: block;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-weight: 400;
- font-style: normal;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-style: normal;
- font-weight: 400;
- font-size: 0.8125rem;
- padding: 0.75rem 0.5rem 0 0.5rem;
- color: #E6E8EA;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-240 {
- font-size: 0.875rem;
- line-height: 1.125rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-240 {
- font-size: 0.8125rem;
- line-height: 1rem;
- }
-}
-
-@media (min-width: 25rem) {
- .emotion-240 {
- font-size: 0.875rem;
- padding: 0.75rem 1rem 0 1rem;
- }
-}
-
-.emotion-338 {
- margin-bottom: 1.5rem;
- padding: 1rem;
-}
-
-.emotion-340 {
- margin-top: 0;
-}
-
-.emotion-341 {
- position: relative;
- z-index: 0;
- color: #141414;
- margin-top: 2rem;
-}
-
-@media (min-width: 37.5rem) {
- .emotion-341 {
- margin-top: 1.5rem;
- }
-}
-
-@media (min-width: 63rem) {
- .emotion-341 {
- margin-bottom: 1.5rem;
- }
-}
-
-@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-341 {
- margin-bottom: 1rem;
- }
-}
-
-.emotion-351 {
- list-style-type: none;
- margin: 0;
- padding: 0;
- grid-auto-flow: column;
- grid-template-rows: repeat(10, auto);
-}
-
-@supports (display: grid) {
- .emotion-351 {
- display: grid;
- position: initial;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-351 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-351 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-351 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- grid-column-gap: 0.5rem;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-351 {
- grid-template-columns: repeat(1, 1fr);
- grid-column-end: span 1;
- grid-column-gap: 1rem;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-351 {
- grid-template-columns: repeat(1, 1fr);
- grid-column-end: span 1;
- grid-column-gap: 1rem;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-351 {
- grid-template-columns: repeat(1, 1fr);
- grid-column-end: span 1;
- grid-column-gap: 1rem;
- }
- }
-}
-
-.emotion-353 {
- position: relative;
- padding-bottom: 1.5rem;
-}
-
-@supports (display: grid) {
- .emotion-353 {
- display: block;
- width: initial;
- margin: 0;
- }
-
- @media (max-width: 14.9375rem) {
- .emotion-353 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- }
- }
-
- @media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-353 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- }
- }
-
- @media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-353 {
- grid-template-columns: repeat(6, 1fr);
- grid-column-end: span 6;
- }
- }
-
- @media (min-width: 37.5rem) and (max-width: 62.9375rem) {
- .emotion-353 {
- grid-template-columns: repeat(1, 1fr);
- grid-column-end: span 1;
- }
- }
-
- @media (min-width: 63rem) and (max-width: 79.9375rem) {
- .emotion-353 {
- grid-template-columns: repeat(1, 1fr);
- grid-column-end: span 1;
- }
- }
-
- @media (min-width: 80rem) {
- .emotion-353 {
- grid-template-columns: repeat(1, 1fr);
- grid-column-end: span 1;
- }
- }
-}
-
-.emotion-355 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- margin: 0;
- padding: 0;
-}
-
-@media (max-width: 14.9375rem) {
- .emotion-356 {
- min-width: 1.75rem;
- }
-}
-
-@media (min-width: 15rem) and (max-width: 24.9375rem) {
- .emotion-356 {
- min-width: 1.75rem;
- }
-}
-
-@media (min-width: 25rem) and (max-width: 37.4375rem) {
- .emotion-356 {
- min-width: 2rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-356 {
- min-width: 2.5rem;
- }
-}
-
-.emotion-357 {
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-style: normal;
- font-weight: 400;
- position: relative;
- color: #B80000;
- margin: 0;
- padding: 0;
- font-size: 1.25rem;
- line-height: 1.5rem;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-357 {
- font-size: 1.5rem;
- line-height: 1.75rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-357 {
- font-size: 2rem;
- line-height: 2.25rem;
- }
-}
-
-.emotion-358 {
- padding-top: 0.2rem;
- padding-left: 0.25rem;
- padding-right: 0.5rem;
-}
-
-@supports (grid-template-columns: fit-content(200px)) {
- .emotion-358 {
- padding-right: 0;
- }
-}
-
-.emotion-359 {
- font-size: 0.9375rem;
- line-height: 1.25rem;
- font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
- font-style: normal;
- font-weight: 700;
- position: static;
- color: #222222;
- -webkit-text-decoration: none;
- text-decoration: none;
- margin-bottom: 0.5rem;
-}
-
-@media (min-width: 20rem) and (max-width: 37.4375rem) {
- .emotion-359 {
- font-size: 1rem;
- line-height: 1.25rem;
- }
-}
-
-@media (min-width: 37.5rem) {
- .emotion-359 {
- font-size: 1rem;
- line-height: 1.25rem;
- }
-}
-
-.emotion-359:hover,
-.emotion-359:focus {
- -webkit-text-decoration: underline;
- text-decoration: underline;
-}
-
-.emotion-359:before {
- bottom: 0;
- content: '';
- left: 0;
- overflow: hidden;
- position: absolute;
- right: 0;
- top: 0;
- white-space: nowrap;
- z-index: 1;
-}
-
-.emotion-360 {
- padding-top: 0.5rem;
-}
-
-
-
-
-
-
-
-
- chartbeat
-
-
- comscore
-
-
-
-
-
-
- STY - Blood pressure drugs dey work better
-
-
-
-
-
-
- By Andrew Overtyped Marr
-
-
- BBC News - Overtyped
-
-
-
-
-
-
- 23 October 2019
-
-
-
-
-
-
-
- Wia dis foto come from,
-
-
- Joe Maher
-
-
-
-
-
-
- Wetin we call dis foto,
-
-
- Some people went to the NTA awards recently. This has "quotes" in it.
-
-
-
-
-
-
-
- This is introduction text, it should be bold by default, but also support
-
-
- inline links
-
-
- to other pages.
-
-
-
-
-
-
-
- This is a subheadline! that has
-
-
-
- a link
-
-
-
-
-
-
- This is a unordered list
-
-
- It can have
-
- bold text
-
- in it
-
-
-
- It can also have links
-
-
-
-
- It can even have italic text in it!
-
-
-
-
-
-
- Feta the big cheese macaroni cheese.
-
- Caerphilly danish fontina
-
- queso blue castello fromage frais when the cheese comes out everybody's happy cheese triangles port-salut. Cheese slices stinking bishop pecorino cottage cheese cheese and biscuits cheese and wine chalk and cheese cream cheese.
-
- Cow cheeseburger
-
- stilton emmental.
-
-
-
-
-
-
-
- Wia dis foto come from,
-
-
- Joe Maher
-
-
-
-
-
-
-
- Start of localised text
-
-
-
-
-
- Dem say di medicine dey offer more protection against heart attack and stroke, if you take am before you go sleep instead of for morning, dat na wetin new study suggest.
-
-
-
-
-
- End of localised text
-
-
-
-
-
- Rubber cheese macaroni
-
- cheese cottage cheese
-
- . Caerphilly gouda ricotta st. agur blue cheese cheese strings taleggio feta say cheese. The big cheese cheeseburger fondue dolcelatte fromage frais chalk and cheese cheese slices cheddar. Airedale macaroni cheese cheese strings fromage frais.
-
-
-
-
-
- This is a ordered list
-
-
- It can have
-
- bold text
-
- in it
-
-
-
- It can also have links
-
-
-
-
- It can even have italic text in it!
-
-
-
-
-
-
-
-
-
- Skip Twitter post, 1
-
-
-
-
- Allow Twitter content?
-
-
- Dis article contain content wey Twitter provide. We ask for una permission before anytin dey loaded, as dem fit dey use cookies and oda technologies. You fit wan read di Twitter
-
- cookie policy
-
- and
-
- privacy policy
-
- before accepting. To view dis content choose 'accept and continue'.
-
-
- Accept and kontinu
-
-
-
-
-
-
-
-
-
- Cauliflower cheese bocconcini hard cheese. Port-salut ricotta rubber cheese pecorino queso say cheese danish fontina parmesan. Port-salut lancashire pecorino say cheese stilton jarlsberg when the cheese comes out everybody's happy chalk and cheese. Squirty cheese cheese triangles swiss blue castello fromage mozzarella macaroni cheese cottage cheese. Chalk and cheese parmesan lancashire fondue.
-
-
-
-
-
-
-
-
-
-
-
- Wetin we call dis Audio,
-
-
- A caption for a test asset
-
-
-
-
-
-
-
- This is a heading!
-
-
-
-
- Squirty cheese dolcelatte say cheese. Brie cut the cheese fondue cow queso cheese on toast dolcelatte chalk and cheese. Queso roquefort manchego pecorino cheese strings manchego melted cheese halloumi. Cream cheese when the cheese comes out everybody's happy rubber cheese macaroni cheese blue castello cheeseburger caerphilly lancashire. Fondue blue castello.
-
-
-
-
- This is a crosshead!
-
-
-
-
- Brie parmesan camembert de normandie. Cottage cheese mozzarella cheesy grin red leicester hard cheese cheesy feet taleggio ricotta. Melted cheese say cheese cut the cheese brie cheese and biscuits cheese slices boursin squirty cheese. Say cheese camembert de normandie.
-
-
-
-
-
- Cheese strings stilton cheesy feet. Cheese strings fondue cow fromage edam halloumi cut the cheese cream cheese. Melted cheese brie rubber cheese parmesan cut the cheese queso st. agur blue cheese dolcelatte. Port-salut croque monsieur cheese and wine cheese triangles cheesy grin.
-
-
-
-
-
-
-
-
-
-
-
-
- Top Tori
-
-
-
-
-
-
-
-
-
-
-
- 10th September 2019
-
-
-
-
-
-
-
-
-
- 8th August 2017
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Informate me
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 9th August 2017
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 17th February 2020
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 17th February 2020
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 5th December 2017
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 8th August 2017
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 9th August 2017
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 17th February 2020
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 8th August 2017
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 8th August 2017
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- De one we dem de read well well
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-`;
\ No newline at end of file
diff --git a/src/app/pages/StoryPage/index.test.jsx b/src/app/pages/StoryPage/index.test.jsx
deleted file mode 100644
index d19c52222e4..00000000000
--- a/src/app/pages/StoryPage/index.test.jsx
+++ /dev/null
@@ -1,639 +0,0 @@
-import React from 'react';
-import { StaticRouter } from 'react-router-dom';
-import deepClone from 'ramda/src/clone';
-
-// test helpers
-import assocPath from 'ramda/src/assocPath';
-import fetchMock from 'fetch-mock';
-import { suppressPropWarnings } from '#psammead/psammead-test-helpers/src';
-
-// components to test
-import getInitialData from '#app/routes/cpsAsset/getInitialData';
-
-// mock data
-import pidginPageData from '#data/pidgin/cpsAssets/world-23252817';
-import { data as pidginMostReadData } from '#data/pidgin/mostRead/index.json';
-import igboPageData from '#data/igbo/cpsAssets/afirika-23252735';
-import russianPageDataWithInlinePromo from '#data/russian/cpsAssets/news-55041160';
-import ukrainianInRussianPageData from '#data/ukrainian/cpsAssets/news-russian-23333960.json';
-import { Helmet } from 'react-helmet';
-import {
- render,
- act,
- screen,
-} from '../../components/react-testing-library-with-providers';
-
-import russianPageDataWithoutInlinePromo from './fixtureData/russianPageDataWithoutPromo';
-import StoryPageIndex from '.';
-
-fetchMock.config.overwriteRoutes = false; // http://www.wheresrhys.co.uk/fetch-mock/#usageconfiguration allows us to mock the same endpoint multiple times
-
-jest.mock('../../components/ThemeProvider');
-
-jest.mock('../../components/ChartbeatAnalytics', () => {
- const ChartbeatAnalytics = () => chartbeat
;
- return ChartbeatAnalytics;
-});
-
-jest.mock('#containers/ComscoreAnalytics', () => {
- const ComscoreAnalytics = () => comscore
;
- return ComscoreAnalytics;
-});
-
-jest.mock('#server/utilities/getAgent/index');
-
-const toggles = {
- ads: {
- enabled: true,
- },
- mostRead: {
- enabled: true,
- },
- socialEmbed: {
- enabled: true,
- },
-};
-
-const StoryPage = ({ pageData }) => (
-
-
-
-);
-
-jest.mock('#containers/PageHandlers/withPageWrapper', () => Component => {
- const PageWrapperContainer = props => (
-
-
-
- );
-
- return PageWrapperContainer;
-});
-
-jest.mock('#containers/PageHandlers/withError', () => Component => {
- const ErrorContainer = props => (
-
-
-
- );
-
- return ErrorContainer;
-});
-
-jest.mock('#containers/PageHandlers/withData', () => Component => {
- const DataContainer = props => (
-
-
-
- );
-
- return DataContainer;
-});
-
-jest.mock('#containers/PageHandlers/withContexts', () => Component => {
- const ContextsContainer = props => (
-
-
-
- );
-
- return ContextsContainer;
-});
-
-const pageType = 'cpsAsset';
-
-const getBootstrapScript = () =>
- Helmet.peek().scriptTags.find(({ innerHTML }) =>
- innerHTML?.includes('window.dotcom'),
- );
-
-// Skipped as this component will no longer be used.
-describe.skip('Story Page', () => {
- beforeEach(() => {
- process.env.SIMORGH_ICHEF_BASE_URL = 'https://ichef.test.bbci.co.uk';
- process.env.RECOMMENDATIONS_ENDPOINT = 'http://mock-recommendations-path';
- });
-
- afterEach(() => {
- fetchMock.restore();
- jest.clearAllMocks();
-
- delete process.env.SIMORGH_ICHEF_BASE_URL;
- delete process.env.RECOMMENDATIONS_ENDPOINT;
- });
-
- describe('snapshots', () => {
- it('should match snapshot for STY', async () => {
- fetch.mockResponse(JSON.stringify({ ...pidginPageData }));
-
- const { pageData } = await getInitialData({
- path: '/some-cps-sty-path',
- service: 'pidgin',
- pageType,
- });
-
- let container;
- await act(async () => {
- ({ container } = render( , {
- service: 'pidgin',
- toggles,
- }));
- });
-
- expect(container).toMatchSnapshot();
- });
- });
-
- it('should only render firstPublished timestamp for Igbo when lastPublished is less than 1 min later', async () => {
- suppressPropWarnings(['id', 'LinkContents', 'null']);
-
- fetch.mockResponse(
- JSON.stringify({
- ...igboPageData,
- }),
- );
-
- const { pageData } = await getInitialData({
- path: '/some-cps-sty-path',
- service: 'igbo',
- pageType,
- });
-
- let getByText;
-
- await act(async () => {
- ({ getByText } = render( , {
- service: 'igbo',
- }));
- });
-
- expect(getByText('23 Ọktọba 2019')).toBeInTheDocument();
- });
-
- it('should not show the pop-out timestamp when allowDateStamp is false', async () => {
- suppressPropWarnings(['id', 'LinkContents', 'null']);
- fetch.mockResponse(
- JSON.stringify({
- ...igboPageData,
- }),
- );
-
- const { pageData } = await getInitialData({
- path: '/some-cps-sty-path',
- service: 'igbo',
- pageType,
- });
-
- const pageDataWithHiddenTimestamp = assocPath(
- ['metadata', 'options', 'allowDateStamp'],
- false,
- pageData,
- );
-
- await act(async () => {
- render( , {
- service: 'pidgin',
- toggles,
- });
- });
-
- expect(document.querySelector('main time')).toBeNull();
- });
-
- it('should render correctly when the secondary column data is not available', async () => {
- fetch.mockResponse(
- JSON.stringify({
- data: {
- article: { ...pidginPageData.data.article },
- secondaryData: {
- topStories: null,
- features: null,
- mostRead: pidginMostReadData,
- },
- },
- }),
- );
-
- const { pageData } = await getInitialData({
- path: '/some-cps-sty-path',
- service: 'pidgin',
- pageType,
- });
-
- const { container } = render( , {
- service: 'pidgin',
- toggles,
- });
-
- expect(container).toMatchSnapshot();
- });
-
- it('should render secondary column with lang attribute of `serviceLang` when a language override is present', async () => {
- fetch.mockResponse(
- JSON.stringify({
- ...ukrainianInRussianPageData,
- }),
- );
-
- const { pageData } = await getInitialData({
- path: '/some-cps-sty-path',
- service: 'ukrainian',
- pageType,
- });
-
- await act(async () => {
- render( , {
- service: 'ukrainian',
- pageLang: 'ru',
- });
- });
-
- const secondaryColumn = document.querySelector(
- 'div[class*="SecondaryColumn"]',
- );
-
- expect(secondaryColumn).toHaveAttribute('lang', 'uk');
- });
-
- it.each`
- showAdsBasedOnLocation | showAdsBasedOnLocationExpectation
- ${true} | ${'permitted to be shown'}
- ${false} | ${'not permitted to be shown'}
- `(
- 'should not render ads when the ads toggle is disabled and is in a location where ads are $showAdsBasedOnLocationExpectation',
- async ({ showAdsBasedOnLocation }) => {
- fetch.mockResponse(
- JSON.stringify({
- ...pidginPageData,
- }),
- );
-
- const { pageData } = await getInitialData({
- path: '/some-cps-sty-path',
- service: 'pidgin',
- pageType,
- });
-
- let container;
-
- await act(async () => {
- ({ container } = render( , {
- service: 'pidgin',
- showAdsBasedOnLocation,
- toggles: { ads: { enabled: false } },
- }));
- });
-
- const storyPageAds = container.querySelectorAll('[id^="dotcom-"]');
- expect(storyPageAds).toHaveLength(0);
-
- expect(getBootstrapScript()).toBeUndefined();
- },
- );
-
- it('should not render ads when the ads are not permitted for asset, ads are enabled and location permits ads', async () => {
- const pidginPageDataDisallowAdvertising = deepClone(pidginPageData);
- pidginPageDataDisallowAdvertising.data.article.metadata.options.allowAdvertising = false;
-
- fetch.mockResponse(
- JSON.stringify({
- ...pidginPageDataDisallowAdvertising,
- }),
- );
-
- const { pageData } = await getInitialData({
- path: '/some-cps-sty-path',
- service: 'pidgin',
- pageType,
- });
-
- let container;
-
- await act(async () => {
- ({ container } = render( , {
- service: 'pidgin',
- toggles,
- showAdsBasedOnLocation: true,
- }));
- });
-
- const storyPageAds = container.querySelectorAll(`[id^="dotcom-"]`);
- expect(storyPageAds).toHaveLength(0);
-
- expect(getBootstrapScript()).toBeUndefined();
- });
-
- it('should not render ads when the ads toggle is enabled and is in a location where ads are not permitted to be shown', async () => {
- fetch.mockResponse(
- JSON.stringify({
- ...pidginPageData,
- }),
- );
-
- const { pageData } = await getInitialData({
- path: '/some-cps-sty-path',
- service: 'pidgin',
- pageType,
- });
-
- let container;
-
- await act(async () => {
- ({ container } = render( , {
- service: 'pidgin',
- toggles,
- showAdsBasedOnLocation: false,
- }));
- });
-
- const storyPageAds = container.querySelectorAll(`[id^="dotcom-"]`);
- expect(storyPageAds).toHaveLength(0);
-
- expect(getBootstrapScript()).toBeUndefined();
- });
-
- it('should render ads when the ads toggle is enabled', async () => {
- fetch.mockResponse(
- JSON.stringify({
- ...pidginPageData,
- }),
- );
-
- const { pageData } = await getInitialData({
- path: '/some-cps-sty-path',
- service: 'pidgin',
- pageType,
- });
-
- let container;
-
- await act(async () => {
- ({ container } = render( , {
- service: 'pidgin',
- toggles,
- showAdsBasedOnLocation: true,
- }));
- });
-
- const storyPageAds = container.querySelectorAll(`[id^="dotcom-"]`);
- expect(storyPageAds).toHaveLength(2);
-
- expect(getBootstrapScript()).toBeTruthy();
- });
-
- it(`should configure canonical ad bootstrap with campaign where 'adCampaignKeyword' is in metadata`, async () => {
- const pidginPageDataAdCampaign = deepClone(pidginPageData);
- pidginPageDataAdCampaign.data.article.metadata.adCampaignKeyword =
- 'royalwedding';
-
- fetch.mockResponse(
- JSON.stringify({
- ...pidginPageDataAdCampaign,
- }),
- );
-
- const { pageData } = await getInitialData({
- path: '/some-cps-sty-path',
- service: 'gahuza',
- pageType,
- });
-
- await act(async () => {
- render( , {
- service: 'gahuza',
- toggles,
- showAdsBasedOnLocation: true,
- });
- });
-
- const { innerHTML: adBootstrap } = getBootstrapScript();
- expect(adBootstrap).toContain("adcampaign: 'royalwedding'");
- });
-
- it('should configure canonical ad bootstrap where campaign is not in metadata', async () => {
- fetch.mockResponse(
- JSON.stringify({
- ...pidginPageData,
- }),
- );
-
- const { pageData } = await getInitialData({
- path: '/some-cps-sty-path',
- service: 'pidgin',
- pageType,
- });
-
- await act(async () => {
- render( , {
- service: 'pidgin',
- toggles,
- showAdsBasedOnLocation: true,
- });
- });
-
- const { innerHTML: adBootstrap } = getBootstrapScript();
- expect(adBootstrap).not.toContain('adcampaign');
- });
-
- it('should not render canonical ad bootstrap on amp', async () => {
- fetch.mockResponse(
- JSON.stringify({
- ...pidginPageData,
- }),
- );
-
- const { pageData } = await getInitialData({
- path: '/some-cps-sty-path',
- service: 'pidgin',
- pageType,
- });
-
- await act(async () => {
- render( , {
- service: 'pidgin',
- toggles,
- showAdsBasedOnLocation: true,
- isAmp: true,
- });
- });
-
- const adBootstrap = getBootstrapScript();
- expect(adBootstrap).toBeUndefined();
- });
-
- it('should render the inline podcast promo component on russian pages with a paragraph of 940 characters and after 8th paragraph', async () => {
- suppressPropWarnings(['id', 'LinkContents', 'null']);
- fetch.mockResponse(
- JSON.stringify({
- ...russianPageDataWithInlinePromo,
- }),
- );
-
- const { pageData } = await getInitialData({
- path: '/some-cps-sty-path',
- service: 'russian',
- pageType,
- });
-
- let getAllByRole;
-
- await act(async () => {
- ({ getAllByRole } = render( , {
- service: 'russian',
- toggles: { podcastPromo: { enabled: true } },
- showAdsBasedOnLocation: true,
- }));
- });
-
- const regions = getAllByRole('region');
- expect(regions.length).toEqual(4);
-
- const fourthRegion = regions[0];
- expect(fourthRegion.getAttribute('aria-labelledby')).toEqual(
- 'podcast-promo',
- );
- });
-
- it('should not render the inline podcast promo component on russian pages with paragraphs of less than 940 characters', async () => {
- suppressPropWarnings(['id', 'LinkContents', 'null']);
- fetch.mockResponse(
- JSON.stringify({
- ...russianPageDataWithoutInlinePromo,
- }),
- );
-
- const { pageData } = await getInitialData({
- path: '/some-cps-sty-path',
- service: 'russian',
- pageType,
- });
-
- let getAllByRole;
-
- await act(async () => {
- ({ getAllByRole } = render( , {
- service: 'russian',
- toggles: { podcastPromo: { enabled: true } },
- showAdsBasedOnLocation: true,
- }));
- });
-
- const regions = getAllByRole('region');
- expect(regions.length).toEqual(3);
-
- regions.forEach(region =>
- expect(region.getAttribute('aria-labelledby')).not.toEqual(
- 'podcast-promo',
- ),
- );
- });
-
- it('should render image with the .webp image extension', async () => {
- const imageBlock =
- russianPageDataWithInlinePromo.data.article.content.blocks[13];
- const { altText: imageAltText, path: imageLocator } = imageBlock;
- const imageURL = `https://ichef.test.bbci.co.uk/ace/ws/640${imageLocator}.webp`;
- const expectedSrcSetURLs = [
- `https://ichef.test.bbci.co.uk/ace/ws/240${imageLocator}.webp 240w`,
- `https://ichef.test.bbci.co.uk/ace/ws/320${imageLocator}.webp 320w`,
- `https://ichef.test.bbci.co.uk/ace/ws/480${imageLocator}.webp 480w`,
- `https://ichef.test.bbci.co.uk/ace/ws/624${imageLocator}.webp 624w`,
- `https://ichef.test.bbci.co.uk/ace/ws/800${imageLocator}.webp 800w`,
- ].join(', ');
-
- fetch.mockResponse(
- JSON.stringify({
- ...russianPageDataWithInlinePromo,
- }),
- );
-
- const { pageData } = await getInitialData({
- path: '/some-cps-sty-path',
- service: 'russian',
- pageType,
- });
-
- await act(async () => {
- render( , {
- service: 'russian',
- toggles,
- });
- });
-
- const { src, srcset } = screen.getAllByAltText(imageAltText)[1];
-
- expect(src).toEqual(imageURL);
- expect(srcset).toEqual(expectedSrcSetURLs);
- });
-
- it('should render features analysis promo images with the .webp image extension', async () => {
- const imageBlock =
- russianPageDataWithInlinePromo.data.secondaryData.features[1].indexImage;
- const { path: imagePath, altText: imageAltText } = imageBlock;
- const imageURL = `https://ichef.test.bbci.co.uk/ace/ws/400${imagePath}.webp`;
-
- fetch.mockResponse(
- JSON.stringify({
- ...russianPageDataWithInlinePromo,
- }),
- );
-
- const { pageData } = await getInitialData({
- path: '/some-cps-sty-path',
- service: 'russian',
- pageType,
- });
-
- await act(async () => {
- render( , {
- service: 'russian',
- toggles,
- });
- });
-
- const { src } = screen.getByAltText(imageAltText);
-
- expect(src).toEqual(imageURL);
- });
-
- it('should render related content promo images with the .webp image extension', async () => {
- const imageBlock =
- russianPageDataWithInlinePromo.data.article.relatedContent.groups[0]
- .promos[0].indexImage;
- const { path: imagePath, altText: imageAltText } = imageBlock;
- const imageURL = `https://ichef.test.bbci.co.uk/ace/ws/660${imagePath}.webp`;
- const expectedSrcSetURLs = [
- `https://ichef.test.bbci.co.uk/ace/ws/70${imagePath}.webp 70w`,
- `https://ichef.test.bbci.co.uk/ace/ws/95${imagePath}.webp 95w`,
- `https://ichef.test.bbci.co.uk/ace/ws/144${imagePath}.webp 144w`,
- `https://ichef.test.bbci.co.uk/ace/ws/183${imagePath}.webp 183w`,
- `https://ichef.test.bbci.co.uk/ace/ws/240${imagePath}.webp 240w`,
- `https://ichef.test.bbci.co.uk/ace/ws/320${imagePath}.webp 320w`,
- `https://ichef.test.bbci.co.uk/ace/ws/660${imagePath}.webp 660w`,
- ].join(', ');
-
- fetch.mockResponse(
- JSON.stringify({
- ...russianPageDataWithInlinePromo,
- }),
- );
-
- const { pageData } = await getInitialData({
- path: '/some-cps-sty-path',
- service: 'russian',
- pageType,
- });
-
- await act(async () => {
- render( , {
- service: 'russian',
- toggles,
- });
- });
-
- const { src, srcset } = screen.getByAltText(imageAltText);
-
- expect(src).toEqual(imageURL);
- expect(srcset).toEqual(expectedSrcSetURLs);
- });
-});
diff --git a/src/app/routes/frontPage/getInitialData/index.test.js b/src/app/routes/frontPage/getInitialData/index.test.js
index 7ac639dfb4f..873f4668ecb 100644
--- a/src/app/routes/frontPage/getInitialData/index.test.js
+++ b/src/app/routes/frontPage/getInitialData/index.test.js
@@ -1,4 +1,3 @@
-import fetchMock from 'fetch-mock';
import frontPageJsonSerbian from '#data/serbian/frontpage/lat.json';
import radioScheduleJson from '#data/hausa/bbc_hausa_radio/schedule.json';
import { CPS_ASSET as pageType } from '../../utils/pageTypes';
@@ -7,6 +6,10 @@ import nodeLogger from '../../../../testHelpers/loggerMock';
import { BFF_FETCH_ERROR } from '../../../lib/logger.const';
import getInitialData from '.';
+jest.mock('#app/lib/utilities/onClient', () =>
+ jest.fn().mockImplementation(() => false),
+);
+
jest.mock('../../utils/getConfig', () => jest.fn());
process.env.BFF_PATH = 'https://mock-bff-path';
@@ -15,44 +18,22 @@ jest.mock('#server/utilities/getAgent', () =>
jest.fn(() => Promise.resolve(agent)),
);
-const bffFrontPageJson = {
- data: {
- article: {
- content: {},
- metadata: {},
- promo: {},
- relatedContent: {},
- },
- secondaryData: {
- topStories: null,
- features: null,
- mostRead: null,
- },
- },
-};
-
const fetchDataSpy = jest.spyOn(fetchPageData, 'default');
describe('Front Page - Get Initial Data', () => {
beforeEach(() => {
delete process.env.SIMORGH_APP_ENV;
+ fetch.mockResponse(JSON.stringify(frontPageJsonSerbian));
});
afterEach(() => {
jest.clearAllMocks();
- fetchMock.restore();
+ fetch.resetMocks();
});
it('should request local fixture data when the app env is local', async () => {
process.env.SIMORGH_APP_ENV = 'local';
- fetchDataSpy.mockImplementation(() =>
- Promise.resolve({
- status: 200,
- json: JSON.stringify(bffFrontPageJson),
- }),
- );
-
await getInitialData({
path: '/serbian/lat',
service: 'serbian',
@@ -72,13 +53,6 @@ describe('Front Page - Get Initial Data', () => {
async environment => {
process.env.SIMORGH_APP_ENV = environment;
- fetchDataSpy.mockImplementation(() =>
- Promise.resolve({
- status: 200,
- json: JSON.stringify(bffFrontPageJson),
- }),
- );
-
await getInitialData({
path: '/serbian/lat',
service: 'serbian',
@@ -102,13 +76,6 @@ describe('Front Page - Get Initial Data', () => {
async environment => {
process.env.SIMORGH_APP_ENV = 'local';
- fetchDataSpy.mockImplementation(() =>
- Promise.resolve({
- status: 200,
- json: JSON.stringify(bffFrontPageJson),
- }),
- );
-
await getInitialData({
path: `/serbian/lat?renderer_env=${environment}`,
service: 'serbian',
@@ -128,7 +95,7 @@ describe('Front Page - Get Initial Data', () => {
);
it('should log a 404 to node.logger when the asset cannot be found', async () => {
- fetchDataSpy.mockRejectedValue({ message: 'Not found', status: 404 });
+ fetch.mockRejectOnce({ message: 'Not found', status: 404 });
await getInitialData({
path: '/serbian/lat',
@@ -146,7 +113,7 @@ describe('Front Page - Get Initial Data', () => {
});
it('should log a 500 to node.logger when the BFF response fails', async () => {
- fetchDataSpy.mockRejectedValue({
+ fetch.mockRejectOnce({
message: 'Internal server error',
status: 500,
});
@@ -174,12 +141,7 @@ describe('Front Page - Get Initial Data', () => {
relatedContent: {},
};
- fetchDataSpy.mockImplementation(() =>
- Promise.resolve({
- status: 200,
- json: JSON.stringify(malformedBffFrontPageJson),
- }),
- );
+ fetch.mockResponseOnce(JSON.stringify(malformedBffFrontPageJson));
await getInitialData({
path: '/serbian/lat',
@@ -197,14 +159,10 @@ describe('Front Page - Get Initial Data', () => {
});
describe('with Radio Schedule', () => {
- it('should return data for a page without radio schedule', async () => {
- fetchDataSpy.mockImplementation(() =>
- Promise.resolve({
- status: 200,
- json: frontPageJsonSerbian,
- }),
- );
+ // Set all radio scheduled dates to the future
+ radioScheduleJson.schedules[2].publishedTimeStart = Date.now() - 100000;
+ it('should return data for a page without radio schedule', async () => {
const { pageData } = await getInitialData({
path: '/serbian/lat',
service: 'serbian',
@@ -223,16 +181,8 @@ describe('Front Page - Get Initial Data', () => {
});
it('should return data to render a front page with radio schedules', async () => {
- fetchDataSpy.mockImplementation(() =>
- Promise.resolve({
- status: 200,
- json: frontPageJsonSerbian,
- }),
- );
- fetchMock.mock(
- '/serbian/bbc_serbian_radio/schedule.json',
- radioScheduleJson,
- );
+ fetch.mockResponseOnce(JSON.stringify(frontPageJsonSerbian));
+ fetch.mockResponseOnce(JSON.stringify(radioScheduleJson));
const { pageData } = await getInitialData({
path: '/serbian/lat',
@@ -252,13 +202,6 @@ describe('Front Page - Get Initial Data', () => {
});
it('should return data for service with radio schedules, but toggle is disabled', async () => {
- fetchDataSpy.mockImplementation(() =>
- Promise.resolve({
- status: 200,
- json: frontPageJsonSerbian,
- }),
- );
-
const { pageData } = await getInitialData({
path: '/serbian/lat',
service: 'serbian',
@@ -276,13 +219,8 @@ describe('Front Page - Get Initial Data', () => {
});
it('should return page data for misconfigured service without radio schedules, but with radio schedules on front page', async () => {
- fetchDataSpy.mockImplementation(() =>
- Promise.resolve({
- status: 200,
- json: frontPageJsonSerbian,
- }),
- );
- fetchMock.mock('/serbian/bbc_serbian_radio/schedule.json', null);
+ fetch.mockResponseOnce(JSON.stringify(frontPageJsonSerbian));
+ fetch.mockResponseOnce(null);
const { pageData } = await getInitialData({
path: '/serbian/lat',
diff --git a/src/app/routes/getInitialData.test.jsx b/src/app/routes/getInitialData.test.jsx
index bf3b4eab423..fca5ad58684 100644
--- a/src/app/routes/getInitialData.test.jsx
+++ b/src/app/routes/getInitialData.test.jsx
@@ -24,67 +24,74 @@ const pageTypesToSkip = [
MOST_READ_PAGE,
];
-routes
- .filter(route => !pageTypesToSkip.includes(route.pageType))
- .forEach(({ getInitialData, pageType }) => {
- it(`${pageType} - should handle Ares 404`, async () => {
- global.fetch.mockResponseOnce(JSON.stringify({}), { status: 404 });
-
- const actual = await getInitialData({
- path: MOCK_PATH,
- pageType,
- toggles,
- });
- const expected = {
- error: 'data_response_404',
- status: 404,
- };
+describe('getInitialData', () => {
+ afterEach(() => {
+ jest.resetAllMocks();
+ fetch.resetMocks();
+ });
- expect(actual).toEqual(expected);
- });
+ routes
+ .filter(route => !pageTypesToSkip.includes(route.pageType))
+ .forEach(({ getInitialData, pageType }) => {
+ it(`${pageType} - should handle Ares 404`, async () => {
+ fetch.mockResponseOnce(JSON.stringify({}), { status: 404 });
- it(`${pageType} - should handle Ares 202`, async () => {
- global.fetch.mockResponseOnce(JSON.stringify({}), { status: 202 });
+ const actual = await getInitialData({
+ path: MOCK_PATH,
+ pageType,
+ toggles,
+ });
+ const expected = {
+ error: 'data_response_404',
+ status: 404,
+ };
- const actual = await getInitialData({
- path: MOCK_PATH,
- pageType,
- toggles,
+ expect(actual).toEqual(expected);
});
- expect(actual.status).toEqual(502);
- expect(actual.error).toMatch(
- 'Unexpected upstream response (HTTP status code 202) when requesting',
- );
- });
+ it(`${pageType} - should handle Ares 202`, async () => {
+ fetch.mockResponseOnce(JSON.stringify({}), { status: 202 });
- it(`${pageType} - should handle Ares 500`, async () => {
- global.fetch.mockResponseOnce(JSON.stringify({}), { status: 500 });
+ const actual = await getInitialData({
+ path: MOCK_PATH,
+ pageType,
+ toggles,
+ });
- const actual = await getInitialData({
- path: MOCK_PATH,
- pageType,
- toggles,
+ expect(actual.status).toEqual(502);
+ expect(actual.error).toMatch(
+ 'Unexpected upstream response (HTTP status code 202) when requesting',
+ );
});
- expect(actual.status).toEqual(502);
- expect(actual.error).toMatch(
- 'Unexpected upstream response (HTTP status code 500) when requesting',
- );
- });
+ it(`${pageType} - should handle Ares 500`, async () => {
+ fetch.mockResponseOnce(JSON.stringify({}), { status: 500 });
- it(`${pageType} - should handle Ares returning unexpected data`, async () => {
- global.fetch.mockResponseOnce('dataIsNotAsExpected');
+ const actual = await getInitialData({
+ path: MOCK_PATH,
+ pageType,
+ toggles,
+ });
- const actual = await getInitialData({
- path: MOCK_PATH,
- pageType,
- toggles,
+ expect(actual.status).toEqual(502);
+ expect(actual.error).toMatch(
+ 'Unexpected upstream response (HTTP status code 500) when requesting',
+ );
});
- expect(actual.status).toEqual(502);
- expect(actual.error).toEqual(
- 'invalid json response body at reason: Unexpected token d in JSON at position 0',
- );
+ it(`${pageType} - should handle Ares returning unexpected data`, async () => {
+ fetch.mockResponseOnce('dataIsNotAsExpected');
+
+ const actual = await getInitialData({
+ path: MOCK_PATH,
+ pageType,
+ toggles,
+ });
+
+ expect(actual.status).toEqual(502);
+ expect(actual.error).toEqual(
+ 'invalid json response body at reason: Unexpected token d in JSON at position 0',
+ );
+ });
});
- });
+});
diff --git a/src/app/routes/index.test.jsx b/src/app/routes/index.test.jsx
index c78ed52468a..10f9710d983 100644
--- a/src/app/routes/index.test.jsx
+++ b/src/app/routes/index.test.jsx
@@ -3,8 +3,6 @@ import { renderRoutes, matchRoutes } from 'react-router-config';
import { MemoryRouter } from 'react-router-dom';
// test helpers
-import fetchMock from 'fetch-mock';
-
import defaultToggles from '#lib/config/toggles';
// components being tested
@@ -14,14 +12,10 @@ import featureIndexPageJson from '#data/afrique/cpsAssets/48465371.json';
import podcastPageJson from '#data/arabic/podcasts/p02pc9qc.json';
import legacyMediaAssetPage from '#data/azeri/legacyAssets/multimedia/2012/09/120919_georgia_prison_video.json';
import onDemandRadioPageJson from '#data/indonesia/bbc_indonesian_radio/w172xh267fpn19l.json';
-import photoGalleryPageJson from '#data/indonesia/cpsAssets/indonesia-41635759.json';
import liveRadioPageJson from '#data/korean/bbc_korean_radio/liveradio.json';
import homePageJson from '#data/kyrgyz/homePage/index.json';
-import storyPageJson from '#data/mundo/cpsAssets/noticias-internacional-51266689.json';
-import storyPageRecommendationsData from '#data/mundo/recommendations/index.json';
import onDemandTvPageJson from '#data/pashto/bbc_pashto_tv/tv_programmes/w13xttn4.json';
import articlePageJson from '#data/persian/articles/c4vlle3q337o.json';
-import storyPageMostReadData from '#data/pidgin/mostRead/index.json';
import frontPageJson from '#data/serbian/frontpage/lat.json';
import sportArticlePageJson from '#data/sport/judo/articles/cj80n66ddnko.json';
import mediaAssetPageJson from '#data/yoruba/cpsAssets/media-23256797.json';
@@ -36,8 +30,6 @@ import {
import { suppressPropWarnings } from '../legacy/psammead/psammead-test-helpers/src';
import * as fetchDataFromBFF from './utils/fetchDataFromBFF';
-fetchMock.config.fallbackToNetwork = true; // ensures non mocked requests fallback to an actual network request
-
global.performance.getEntriesByName = jest.fn(() => []);
// mock pages/index.js to return a non async page component
@@ -86,7 +78,6 @@ describe('Routes', () => {
afterEach(() => {
jest.clearAllMocks();
jest.restoreAllMocks();
- fetchMock.restore();
fetch.resetMocks();
window.dotcom = undefined;
});
@@ -110,10 +101,7 @@ describe('Routes', () => {
it('should route to and render live radio page', async () => {
const pathname = '/korean/bbc_korean_radio/liveradio';
- fetchMock.mock(
- `http://localhost${pathname}.json?renderer_env=live`,
- liveRadioPageJson,
- );
+ fetch.mockResponseOnce(JSON.stringify(liveRadioPageJson));
const { getInitialData, pageType } = getMatchingRoute(pathname);
const { pageData } = await getInitialData({
@@ -139,10 +127,7 @@ describe('Routes', () => {
it('should route to and render the podcast page', async () => {
const pathname = '/arabic/podcasts/p02pc9qc';
- fetchMock.mock(
- `http://localhost${pathname}.json?renderer_env=live`,
- podcastPageJson,
- );
+ fetch.mockResponseOnce(JSON.stringify(podcastPageJson));
const { getInitialData, pageType } = getMatchingRoute(pathname);
const { pageData } = await getInitialData({
@@ -210,10 +195,7 @@ describe('Routes', () => {
it('should route to and render the onDemand Radio page', async () => {
const pathname = '/indonesia/bbc_indonesian_radio/w172xh267fpn19l';
- fetchMock.mock(
- `http://localhost${pathname}.json?renderer_env=live`,
- onDemandRadioPageJson,
- );
+ fetch.mockResponseOnce(JSON.stringify(onDemandRadioPageJson));
const { getInitialData, pageType } = getMatchingRoute(pathname);
const { pageData } = await getInitialData({
@@ -239,10 +221,7 @@ describe('Routes', () => {
it('should route to and render the onDemand TV Brand page', async () => {
const pathname = '/indonesia/bbc_indonesian_tv/tv_programmes/w13xttn4';
- fetchMock.mock(
- `http://localhost${pathname}.json?renderer_env=live`,
- onDemandTvPageJson,
- );
+ fetch.mockResponseOnce(JSON.stringify(onDemandTvPageJson));
const { getInitialData, pageType } = getMatchingRoute(pathname);
const { pageData } = await getInitialData({
@@ -362,78 +341,11 @@ describe('Routes', () => {
).toBeInTheDocument();
});
- it('should route to and render a photo gallery page', async () => {
- const pathname = '/indonesia/indonesia-41635759';
-
- fetch.mockResponse(
- JSON.stringify({
- ...photoGalleryPageJson,
- secondaryData: null,
- recommendations: storyPageRecommendationsData,
- }),
- );
-
- const { getInitialData, pageType } = getMatchingRoute(pathname);
- const { pageData } = await getInitialData({
- path: pathname,
- pageType,
- });
- await renderRouter({
- pathname,
- pageData,
- pageType,
- service: 'indonesia',
- });
- const EXPECTED_TEXT_RENDERED_IN_DOCUMENT =
- 'Anies Baswedan, dari mantan menteri menjadi gubernur DKI Jakarta';
-
- expect(
- await screen.findByText(EXPECTED_TEXT_RENDERED_IN_DOCUMENT),
- ).toBeInTheDocument();
- });
-
- it('should route to and render a story page', async () => {
- suppressPropWarnings(['optimizely', 'ForwardRef', 'null']);
-
- const pathname = '/mundo/noticias-internacional-51266689';
- fetch.mockResponse(
- JSON.stringify({
- ...storyPageJson,
- secondaryData: { mostRead: storyPageMostReadData },
- recommendations: storyPageRecommendationsData,
- }),
- );
-
- const { getInitialData, pageType } = getMatchingRoute(pathname);
- const { pageData } = await getInitialData({
- path: pathname,
- service: 'mundo',
- pageType: 'cpsAsset',
- });
-
- await renderRouter({
- pathname,
- pageData,
- pageType,
- service: 'mundo',
- });
- const EXPECTED_TEXT_RENDERED_IN_DOCUMENT =
- 'Brexit: qué cambiará para visitar, trabajar y estudiar en Reino Unido tras la salida del país de la Unión Europea';
-
- expect(
- await screen.findByText(EXPECTED_TEXT_RENDERED_IN_DOCUMENT),
- ).toBeInTheDocument();
- }, 15000);
-
it('should route to and render a feature index page', async () => {
process.env.SIMORGH_APP_ENV = 'local';
const pathname = '/afrique/48465371';
- fetch.mockResponse(
- JSON.stringify({
- ...featureIndexPageJson,
- }),
- );
+ fetch.mockResponse(JSON.stringify(featureIndexPageJson));
const { getInitialData, pageType } = getMatchingRoute(pathname);
const { pageData } = await getInitialData({
@@ -480,7 +392,7 @@ describe('Routes', () => {
it('should fallback to and render a 500 error page if there is a problem with page data', async () => {
const pathname = '/afrique';
- fetchMock.mock(`http://localhost${pathname}.json`, 500);
+ fetch.mockResponse(JSON.stringify({ status: 500 }));
const { pageType, getInitialData } = getMatchingRoute(pathname);
const { status, error } = await getInitialData({
diff --git a/src/app/routes/utils/withRadioSchedule/index.test.js b/src/app/routes/utils/withRadioSchedule/index.test.js
index c36299aeb06..bc78ec1959c 100644
--- a/src/app/routes/utils/withRadioSchedule/index.test.js
+++ b/src/app/routes/utils/withRadioSchedule/index.test.js
@@ -1,4 +1,3 @@
-import fetchMock from 'fetch-mock';
import loggerMock from '#testHelpers/loggerMock';
import { RADIO_SCHEDULE_FETCH_ERROR } from '#lib/logger.const';
import radioScheduleJson from '#data/hausa/bbc_hausa_radio/schedule.json';
@@ -15,19 +14,16 @@ const path = 'http://localhost/mock-frontpage-path';
describe('withRadioSchedule', () => {
beforeEach(() => {
process.env.SIMORGH_BASE_URL = 'http://localhost';
- fetchMock.restore();
});
afterEach(() => {
jest.resetAllMocks();
+ fetch.resetMocks();
});
describe('page data and radio schedule promises resolve with data', () => {
it('should merge radio schedule data into page data', async () => {
- fetchMock.mock(
- 'http://localhost/hausa/bbc_hausa_radio/schedule.json',
- radioScheduleJson,
- );
+ fetch.mockResponse(JSON.stringify(radioScheduleJson));
const {
json: { radioScheduleData, foo },
@@ -46,31 +42,20 @@ describe('withRadioSchedule', () => {
describe('if either page data or radio schedule fetch returns non-ok status code', () => {
it('should not merge radio schedule data into page data if radio schedule fetch returns non-ok status code', async () => {
- fetchMock.mock(
- 'http://localhost/hausa/bbc_hausa_radio/schedule.json',
- 404,
- );
+ fetch.mockResponse(JSON.stringify({ status: 404 }));
const {
json: { radioScheduleData, foo },
...rest
} = await withRadioSchedule({ pageDataPromise, service, path });
- expect(radioScheduleData).toBeNull();
+ expect(radioScheduleData).toBeUndefined();
expect(foo).toBe('bar');
expect(rest.status).toBe(200);
-
- expect(loggerMock.error).toBeCalledWith(RADIO_SCHEDULE_FETCH_ERROR, {
- error:
- 'Error: Unexpected upstream response (HTTP status code 404) when requesting http://localhost/hausa/bbc_hausa_radio/schedule.json',
- });
});
it('should not merge radio schedule data into page data if page data fetch returns non-ok status code', async () => {
- fetchMock.mock(
- 'http://localhost/hausa/bbc_hausa_radio/schedule.json',
- radioScheduleJson,
- );
+ fetch.mockResponse(JSON.stringify(radioScheduleJson));
const failedPageDataPromise = Promise.resolve({
status: 404,
@@ -87,10 +72,7 @@ describe('withRadioSchedule', () => {
});
it('should not merge radio schedule data into page data if both page data and radio schedule return non-ok status code', async () => {
- fetchMock.mock(
- 'http://localhost/hausa/bbc_hausa_radio/schedule.json',
- 404,
- );
+ fetch.mockResponse(JSON.stringify({ status: 404 }));
const failedPageDataPromise = Promise.resolve({
status: 404,
@@ -104,18 +86,11 @@ describe('withRadioSchedule', () => {
expect(json).toBeUndefined();
expect(status).toBe(404);
-
- expect(loggerMock.error).toBeCalledWith(RADIO_SCHEDULE_FETCH_ERROR, {
- error:
- 'Error: Unexpected upstream response (HTTP status code 404) when requesting http://localhost/hausa/bbc_hausa_radio/schedule.json',
- });
});
describe('fetch API promises rejected', () => {
it('should return page data without radio schedules if radio schedule fetch promise is rejected', async () => {
- fetchMock.mock('http://localhost/hausa/bbc_hausa_radio/schedule.json', {
- throws: 'Server not found',
- });
+ fetch.mockReject(Error('Server not found'));
const {
json: { radioScheduleData, foo },
@@ -130,9 +105,12 @@ describe('withRadioSchedule', () => {
expect(foo).toBe('bar');
expect(rest.status).toBe(200);
- expect(loggerMock.error).toBeCalledWith(RADIO_SCHEDULE_FETCH_ERROR, {
- error: 'Server not found',
- });
+ expect(loggerMock.error).toHaveBeenCalledWith(
+ RADIO_SCHEDULE_FETCH_ERROR,
+ {
+ error: 'Error: Server not found',
+ },
+ );
});
});
});
diff --git a/src/testHelpers/setupTests.js b/src/testHelpers/setupTests.js
index 5e2bf0285cf..30f4b1eeabf 100644
--- a/src/testHelpers/setupTests.js
+++ b/src/testHelpers/setupTests.js
@@ -27,7 +27,7 @@ const getFormattedMessage = (message, rest) => {
let theMessage = message;
if (typeof message === 'object') {
- theMessage = message.toString();
+ theMessage = JSON.stringify(message);
}
return theMessage.replace('%s', rest);
diff --git a/yarn.lock b/yarn.lock
index c731ff61c95..7a389b72476 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -102,7 +102,7 @@ __metadata:
languageName: node
linkType: hard
-"@babel/core@npm:^7.0.0, @babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.18.9, @babel/core@npm:^7.23.0, @babel/core@npm:^7.23.9":
+"@babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.18.9, @babel/core@npm:^7.23.0, @babel/core@npm:^7.23.9":
version: 7.24.4
resolution: "@babel/core@npm:7.24.4"
dependencies:
@@ -7969,13 +7969,6 @@ __metadata:
languageName: node
linkType: hard
-"core-js@npm:^3.0.0":
- version: 3.36.1
- resolution: "core-js@npm:3.36.1"
- checksum: 10/ce1e1bfc1034b6f2ff7c91077319e8abdd650ee606ffe6e80073e64ab9d8aad2d6a6d953461b01f331a6f796ad2fd766a3386b88aa371b45d44fa7c0b9913ce6
- languageName: node
- linkType: hard
-
"core-util-is@npm:1.0.2":
version: 1.0.2
resolution: "core-util-is@npm:1.0.2"
@@ -10066,29 +10059,6 @@ __metadata:
languageName: node
linkType: hard
-"fetch-mock@npm:9.11.0":
- version: 9.11.0
- resolution: "fetch-mock@npm:9.11.0"
- dependencies:
- "@babel/core": "npm:^7.0.0"
- "@babel/runtime": "npm:^7.0.0"
- core-js: "npm:^3.0.0"
- debug: "npm:^4.1.1"
- glob-to-regexp: "npm:^0.4.0"
- is-subset: "npm:^0.1.1"
- lodash.isequal: "npm:^4.5.0"
- path-to-regexp: "npm:^2.2.1"
- querystring: "npm:^0.2.0"
- whatwg-url: "npm:^6.5.0"
- peerDependencies:
- node-fetch: "*"
- peerDependenciesMeta:
- node-fetch:
- optional: true
- checksum: 10/4bbd312eafd960b787596ab587d00f84967c009a5b00d66566cba9312171bc1f8a8f8d85898d9d158c4fdabbd26913ad360ef4363ec85153463893ae761f2a8c
- languageName: node
- linkType: hard
-
"figures@npm:^3.2.0":
version: 3.2.0
resolution: "figures@npm:3.2.0"
@@ -10622,7 +10592,7 @@ __metadata:
languageName: node
linkType: hard
-"glob-to-regexp@npm:^0.4.0, glob-to-regexp@npm:^0.4.1":
+"glob-to-regexp@npm:^0.4.1":
version: 0.4.1
resolution: "glob-to-regexp@npm:0.4.1"
checksum: 10/9009529195a955c40d7b9690794aeff5ba665cc38f1519e111c58bb54366fd0c106bde80acf97ba4e533208eb53422c83b136611a54c5fefb1edd8dc267cb62e
@@ -11829,13 +11799,6 @@ __metadata:
languageName: node
linkType: hard
-"is-subset@npm:^0.1.1":
- version: 0.1.1
- resolution: "is-subset@npm:0.1.1"
- checksum: 10/cce9aeb579b5676af9237e77a106d2721bfb34ec12b0e90d858b2585472ca223002b5a54da1203460749db8bb525ee5fa96ec8306c714f0170650a131f1be413
- languageName: node
- linkType: hard
-
"is-symbol@npm:^1.0.2, is-symbol@npm:^1.0.3":
version: 1.0.4
resolution: "is-symbol@npm:1.0.4"
@@ -13075,13 +13038,6 @@ __metadata:
languageName: node
linkType: hard
-"lodash.isequal@npm:^4.5.0":
- version: 4.5.0
- resolution: "lodash.isequal@npm:4.5.0"
- checksum: 10/82fc58a83a1555f8df34ca9a2cd300995ff94018ac12cc47c349655f0ae1d4d92ba346db4c19bbfc90510764e0c00ddcc985a358bdcd4b3b965abf8f2a48a214
- languageName: node
- linkType: hard
-
"lodash.memoize@npm:4.x":
version: 4.1.2
resolution: "lodash.memoize@npm:4.1.2"
@@ -13103,13 +13059,6 @@ __metadata:
languageName: node
linkType: hard
-"lodash.sortby@npm:^4.7.0":
- version: 4.7.0
- resolution: "lodash.sortby@npm:4.7.0"
- checksum: 10/38df19ae28608af2c50ac342fc1f414508309d53e1d58ed9adfb2c3cd17c3af290058c0a0478028d932c5404df3d53349d19fa364ef6bed6145a6bc21320399e
- languageName: node
- linkType: hard
-
"lodash.truncate@npm:^4.4.2":
version: 4.4.2
resolution: "lodash.truncate@npm:4.4.2"
@@ -14592,13 +14541,6 @@ __metadata:
languageName: node
linkType: hard
-"path-to-regexp@npm:^2.2.1":
- version: 2.4.0
- resolution: "path-to-regexp@npm:2.4.0"
- checksum: 10/0afcae75a233ea8e1728522f25820896e3243bfa8c2da2f138e6b51e27db30fcf4cd1c97d77bec7fb4bf819d5e73534cf667f7ace012a0fc89b91ef415690756
- languageName: node
- linkType: hard
-
"path-type@npm:^4.0.0":
version: 4.0.0
resolution: "path-type@npm:4.0.0"
@@ -15064,13 +15006,6 @@ __metadata:
languageName: node
linkType: hard
-"querystring@npm:^0.2.0":
- version: 0.2.1
- resolution: "querystring@npm:0.2.1"
- checksum: 10/5ae2eeb8c6d70263a3d13ffaf234ce9593ae0e95ad8ea04aa540e14ff66679347420817aeb4fe6fdfa2aaa7fac86e311b6f1d3da2187f433082ad9125c808c14
- languageName: node
- linkType: hard
-
"querystringify@npm:^2.1.1":
version: 2.2.0
resolution: "querystringify@npm:2.2.0"
@@ -16283,7 +16218,6 @@ __metadata:
eslint-plugin-react-hooks: "npm:4.6.2"
express: "npm:4.19.2"
express-static-gzip: "npm:2.1.7"
- fetch-mock: "npm:9.11.0"
glob: "npm:10.4.1"
helmet: "npm:7.1.0"
helmet-csp: "npm:3.4.0"
@@ -17230,15 +17164,6 @@ __metadata:
languageName: node
linkType: hard
-"tr46@npm:^1.0.1":
- version: 1.0.1
- resolution: "tr46@npm:1.0.1"
- dependencies:
- punycode: "npm:^2.1.0"
- checksum: 10/6e80d75480cb6658f7f283c15f5f41c2d4dfa243ca99a0e1baf3de6cc823fc4c829f89782a7a11e029905781fccfea42d08d8a6674ba7948c7dbc595b6f27dd3
- languageName: node
- linkType: hard
-
"tr46@npm:^3.0.0":
version: 3.0.0
resolution: "tr46@npm:3.0.0"
@@ -18052,13 +17977,6 @@ __metadata:
languageName: node
linkType: hard
-"webidl-conversions@npm:^4.0.2":
- version: 4.0.2
- resolution: "webidl-conversions@npm:4.0.2"
- checksum: 10/594187c36f2d7898f89c0ed3b9248a095fa549ecc1befb10a97bc884b5680dc96677f58df5579334d8e0d1018e5ef075689cfa2a6c459f45a61a9deb512cb59e
- languageName: node
- linkType: hard
-
"webidl-conversions@npm:^7.0.0":
version: 7.0.0
resolution: "webidl-conversions@npm:7.0.0"
@@ -18426,17 +18344,6 @@ __metadata:
languageName: node
linkType: hard
-"whatwg-url@npm:^6.5.0":
- version: 6.5.0
- resolution: "whatwg-url@npm:6.5.0"
- dependencies:
- lodash.sortby: "npm:^4.7.0"
- tr46: "npm:^1.0.1"
- webidl-conversions: "npm:^4.0.2"
- checksum: 10/fbe8e9d81f8f07343f60bc135962ff346d7d19efc9e2f842f54b5c525837dcf1a36d13be21902311a2922b6342799dd82454e552b4e460d74451794f187ba0a5
- languageName: node
- linkType: hard
-
"which-boxed-primitive@npm:^1.0.2":
version: 1.0.2
resolution: "which-boxed-primitive@npm:1.0.2"