TÀssÀ on uudelleenkirjoitettu teksti sujuvalla, luonnollisella suomen kielellÀ:
```css
@charset "UTF-8";
button {
background-color: lÀpinÀkyvÀ;
border: ei mitÀÀn;
margin: 0;
padding: 0;
text-align: peri;
font: peri;
border-radius: 0;
}
:root {
--text-sans: "GuardianTextSans", "Guardian Text Sans Web", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", "sans-serif";
--text-serif: "GuardianTextEgyptian", "Guardian Text Egyptian Web", "Georgia", "serif";
--text-headline: "GH Guardian Headline", "Guardian Egyptian Web", "Georgia", "serif";
--text-titlepiece: "Guardian Titlepiece", "Guardian Headline Full", "Guardian Headline", "Guardian Egyptian Web", "Georgia", "serif";
--headline-xxxsmall: 17px;
--headline-xxsmall: 20px;
--headline-xsmall: 24px;
--headline-small: 28px;
--headline-medium: 34px;
--headline-large: 42px;
--headline-xlarge: 50px;
--sans-xxsmall: 12px;
--sans-xsmall: 14px;
--sans-small: 15px;
--sans-medium: 17px;
--sans-large: 20px;
--sans-xlarge: 24px;
--sans-xxlarge: 28px;
--sans-xxxlarge: 34px;
--titlepiece-xxxsmall: 16px;
--titlepiece-xxsmall: 24px;
--titlepiece-xsmall: 36px;
--titlepiece-small: 42px;
--titlepiece-medium: 50px;
--titlepiece-large: 70px;
--body-xsmall: 14px;
--body-small: 15px;
--body-medium: 17px;
--line-height-tight: 1.15;
--line-height-regular: 1.3;
--line-height-loose: 1.4;
--headline-line-height: 1.15;
--sans-line-height: 1.3;
--titlepiece-line-height: 1.15;
--body-line-height: 1.4;
--space-0: 2px;
--space-1: 4px;
--space-2: 8px;
--space-3: 12px;
--space-4: 16px;
--space-5: 20px;
--space-6: 24px;
--space-8: 32px;
--space-9: 36px;
--space-10: 40px;
--space-12: 48px;
--space-14: 56px;
--space-16: 64px;
--space-18: 72px;
--space-24: 96px;
}
:global(body) {
--top-inset: 0;
}
:global(body.android) {
--top-inset: 58px;
}
@font-face {
font-family: "GH Guardian Headline";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-Light.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-Light.ttf") format("truetype");
font-weight: 300;
font-style: normaali;
font-display: swap;
}
@font-face {
font-family: "Guardian Egyptian Web";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-Light.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-Light.ttf") format("truetype");
font-weight: 300;
font-style: normaali;
font-display: swap;
}
@font-face {
font-family: "GH Guardian Headline";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-LightItalic.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-LightItalic.ttf") format("truetype");
font-weight: 300;
font-style: kursiivi;
font-display: swap;
}
@font-face {
font-family: "Guardian Egyptian Web";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-LightItalic.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-LightItalic.ttf") format("truetype");
font-weight: 300;
font-style: kursiivi;
font-display: swap;
}
@font-face {
font-family: "GH Guardian Headline";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normaali;
font-display: swap;
}
```@font-face {
font-family: 'Guardian Headline Medium';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normaali;
font-display: swap;
}
@font-face {
font-family: 'Guardian Egyptian Web';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normaali;
font-display: swap;
}
@font-face {
font-family: 'GH Guardian Headline';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-MediumItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: kursiivi;
font-display: swap;
}
@font-face {
font-family: 'Guardian Egyptian Web';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-MediumItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: kursiivi;
font-display: swap;
}
@font-face {
font-family: 'GH Guardian Headline';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-Bold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normaali;
font-display: swap;
}
@font-face {
font-family: 'Guardian Egyptian Web';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-Bold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normaali;
font-display: swap;
}
@font-face {
font-family: 'GH Guardian Headline';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-BoldItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-BoldItalic.ttf') format('truetype');
font-weight: 700;
font-style: kursiivi;
font-display: swap;
}
@font-face {
font-family: 'Guardian Egyptian Web';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-BoldItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-BoldItalic.ttf') format('truetype');
font-weight: 700;
font-style: kursiivi;
font-display: swap;
}
@font-face {
font-family: 'GuardianTextEgyptian';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-Regular.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-Regular.woff') format('woff');@font-face {
font-family: 'Guardian Text Egyptian Web';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-Regular.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-Regular.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normaali;
font-display: swap;
}
@font-face {
font-family: 'GuardianTextEgyptian';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-RegularItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-RegularItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-RegularItalic.ttf') format('truetype');
font-weight: 400;
font-style: kursiivi;
font-display: swap;
}
@font-face {
font-family: 'Guardian Text Egyptian Web';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-RegularItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-RegularItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-RegularItalic.ttf') format('truetype');
font-weight: 400;
font-style: kursiivi;
font-display: swap;
}
@font-face {
font-family: 'GuardianTextEgyptian';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-Bold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-Bold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normaali;
font-display: swap;
}
@font-face {
font-family: 'Guardian Text Egyptian Web';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-Bold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-Bold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normaali;
font-display: swap;
}
@font-face {
font-family: 'GuardianTextEgyptian';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-BoldItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-BoldItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-BoldItalic.ttf') format('truetype');
font-weight: 700;
font-style: kursiivi;
font-display: swap;
}
@font-face {
font-family: 'Guardian Text Egyptian Web';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-BoldItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-BoldItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-BoldItalic.ttf') format('truetype');
font-weight: 700;
font-style: kursiivi;
font-display: swap;
}
@font-face {
font-family: 'GuardianTextSans';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-Regular.woff2') format('woff2');TÀssÀ on uudelleenkirjoitettu teksti sujuvalla, luonnollisella suomen kielellÀ:
```css
@font-face {
font-family: "Guardian Text Sans Web";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-Regular.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-Regular.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normaali;
font-display: swap;
}
@font-face {
font-family: "Guardian Text Sans Web";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-Regular.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-Regular.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normaali;
font-display: swap;
}
@font-face {
font-family: "GuardianTextSans";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-RegularItalic.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-RegularItalic.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-RegularItalic.ttf") format("truetype");
font-weight: 400;
font-style: kursiivi;
font-display: swap;
}
@font-face {
font-family: "Guardian Text Sans Web";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-RegularItalic.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-RegularItalic.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-RegularItalic.ttf") format("truetype");
font-weight: 400;
font-style: kursiivi;
font-display: swap;
}
@font-face {
font-family: "GuardianTextSans";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-Bold.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-Bold.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normaali;
font-display: swap;
}
@font-face {
font-family: "Guardian Text Sans Web";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-Bold.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-Bold.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normaali;
font-display: swap;
}
@font-face {
font-family: "GuardianTextSans";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-BoldItalic.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-BoldItalic.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-BoldItalic.ttf") format("truetype");
font-weight: 700;
font-style: kursiivi;
font-display: swap;
}
@font-face {
font-family: "Guardian Text Sans Web";
src: url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-BoldItalic.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-BoldItalic.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-BoldItalic.ttf") format("truetype");
font-weight: 700;
font-style: kursiivi;
font-display: swap;
}
@font-face {
font-family: "Guardian Titlepiece";
src: url("https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff2") format("woff2"),
url("https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff") format("woff"),
url("https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normaali;
font-display: swap;
}
```TÀssÀ on uudelleenkirjoitettu teksti sujuvalla, luonnollisella suomen kielellÀ:
```css
url("https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff") format("woff"),
url("https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normaali;
.bg-color--con { background-color: var(--con) !important; }
.bg-color--lab { background-color: var(--lab) !important; }
.bg-color--libdem { background-color: var(--libdem) !important; }
.bg-color--green { background-color: var(--green) !important; }
.bg-color--ukip { background-color: var(--ukip) !important; }
.bg-color--snp { background-color: var(--snp) !important; }
.bg-color--dup { background-color: var(--dup) !important; }
.bg-color--alliance { background-color: var(--alliance) !important; }
.bg-color--alba { background-color: var(--alba) !important; }
.bg-color--uup { background-color: var(--uup) !important; }
.bg-color--sdlp { background-color: var(--sdlp) !important; }
.bg-color--pc { background-color: var(--pc) !important; }
.bg-color--sf { background-color: var(--sf) !important; }
.bg-color--reform { background-color: var(--reform) !important; }
.bg-color--ind { background-color: var(--ind) !important; }
.bg-color--other { background-color: var(--other) !important; }
.bg-color--speaker { background-color: var(--speaker) !important; }
.bg-color--undeclared { background-color: var(--undeclared) !important; }
.bg-color--noc { background-color: var(--noc) !important; }
.bg-color--wpb { background-color: var(--wpb) !important; }
.bg-color--con-2 { background-color: var(--con-2) !important; }
.bg-color--lab-2 { background-color: var(--lab-2) !important; }
.bg-color--libdem-2 { background-color: var(--libdem-2) !important; }
.bg-color--green-2 { background-color: var(--green-2) !important; }
.bg-color--ukip-2 { background-color: var(--ukip-2) !important; }
.bg-color--snp-2 { background-color: var(--snp-2) !important; }
.bg-color--dup-2 { background-color: var(--dup-2) !important; }
.bg-color--alliance-2 { background-color: var(--alliance-2) !important; }
.bg-color--alba-2 { background-color: var(--alba-2) !important; }
.bg-color--uup-2 { background-color: var(--uup-2) !important; }
.bg-color--sdlp-2 { background-color: var(--sdlp-2) !important; }
.bg-color--pc-2 { background-color: var(--pc-2) !important; }
.bg-color--sf-2 { background-color: var(--sf-2) !important; }
.bg-color--reform-2 { background-color: var(--reform-2) !important; }
.bg-color--ind-2 { background-color: var(--ind-2) !important; }
.bg-color--other-2 { background-color: var(--other-2) !important; }
.bg-color--speaker-2 { background-color: var(--speaker-2) !important; }
.bg-color--undeclared-2 { background-color: var(--undeclared-2) !important; }
.bg-color--wpb-2 { background-color: var(--wpb) !important; }
.fill-color--con { fill: var(--con) !important; }
.fill-color--lab { fill: var(--lab) !important; }
.fill-color--libdem { fill: var(--libdem) !important; }
.fill-color--green { fill: var(--green) !important; }
.fill-color--ukip { fill: var(--ukip) !important; }
.fill-color--snp { fill: var(--snp) !important; }
.fill-color--dup { fill: var(--dup) !important; }
.fill-color--alliance { fill: var(--alliance) !important; }
.fill-color--alba { fill: var(--alba) !important; }
.fill-color--uup { fill: var(--uup) !important; }
.fill-color--sdlp { fill: var(--sdlp) !important; }
.fill-color--pc { fill: var(--pc) !important; }
.fill-color--sf { fill: var(--sf) !important; }
.fill-color--reform { fill: var(--reform) !important; }
.fill-color--ind { fill: var(--ind) !important; }
.fill-color--other { fill: var(--other) !important; }
.fill-color--speaker { fill: var(--speaker) !important; }
.fill-color--undeclared { fill: var(--undeclared) !important; }
.fill-color--noc { fill: var(--noc) !important; }
.fill-color--wpb { fill: var(--wpb) !important; }
.fill-color--con-2 { fill: var(--con-2) !important; }
.fill-color--lab-2 { fill: var(--lab-2) !important; }
.fill-color--libdem-2 { fill: var(--libdem-2) !important; }
.fill-color--green-2 { fill: var(--green-2) !important; }
.fill-color--ukip-2 { fill: var(--ukip-2) !important; }
.fill-color--snp-2 { fill: var(--snp-2) !important; }
.fill-color--dup-2 { fill: var(--dup-2) !important; }
.fill-color--alliance-2 { fill: var(--alliance-2) !important; }
.fill-color--alba-2 { fill: var(--alba-2) !important; }
.fill-color--uup-2 { fill: var(--uup-2) !important; }
.fill-color--sdlp-2 { fill: var(--sdlp-2) !important; }
.fill-color--pc-2 { fill: var(--pc-2) !important; }
.fill-color--sf-2 { fill: var(--sf-2) !important; }
.fill-color--reform-2 { fill: var(--reform-2) !important; }
.fill-color--ind-2 { fill: var(--ind-2) !important; }
```TÀmÀ on joukko CSS-sÀÀntöjÀ, jotka mÀÀrittelevÀt vÀrejÀ eri poliittisille puolueille ja ryhmille. Jokainen sÀÀntö kÀyttÀÀ mukautettua CSS-muuttujaa (kuten `--con`, `--lab` jne.) asettaakseen tÀyttö-, viiva-, teksti- tai reunavÀrin elementeille, joilla on tietyt luokan nimet. Luokat on nimetty puolueiden tai ryhmien mukaan, kuten "con" konservatiiveille, "lab" työvÀenpuolueelle, "libdem" liberaalidemokraateille, "green" vihreille, "snp" Skotlannin kansallispuolueelle ja monille muille. `!important`-tagi varmistaa, ettÀ nÀmÀ tyylit ohittavat muut ristiriitaiset sÀÀnnöt.
TÀssÀ on uudelleenkirjoitettu teksti sujuvalla, luonnollisella suomen kielellÀ:
CSS-sÀÀnnöt asettavat taustavÀrejÀ eri poliittisille puolueille ja ryhmille kÀyttÀmÀllÀ mukautettuja CSS-muuttujia. Esimerkiksi lu