:root{--color-rgb-dark: 0, 0, 0;--color-rgb-light: 255, 255, 255;--color-rgb-primary: 238, 238, 238;--color-rgb-secondary: 200, 162, 200;--color-dark: #1a1a1a;--color-light: #fafafa;--color-grey-light: #f2f2f2;--color-grey: #e5e5e5;--color-grey-dark: #636363;--color-green-light: #e7f4e7;--color-green-medium: #d5ecdf;--color-green-med-light: #d8eed8;--color-green: #090;--color-green-border: #c4e4c4;--font-size-2xs: clamp(11px, .13vw + 10.2px, 12.29px);--line-height-2xs: clamp(px, .1vw + 20.02px, 21.62px);--font-size-xs: clamp(15px, .3vw + 10.7px, 15.69px);--line-height-xs: calc(.1vw + 20.02px) ;--font-size-s: clamp(15.5px, .36vw + 10.86px, 16.83px);--line-height-s: calc(.12vw + 20.33px) ;--font-size-m: clamp(18px, .53vw + 10.36px, 20.23px);--line-height-m: calc(.12vw + 20.33px) ;--font-size-l: clamp(20px, .65vw + 11.64px, 22.5px);--line-height-l: calc(.23vw + 22.19px) ;--font-size-xl: clamp(25px, 1.17vw + 13.17px, 32.71px);--line-height-xl: calc(.7vw + 29.9px) ;--font-size-2xl: clamp(px, 1.4vw + 13.84px, 37.25px);--line-height-2xl: calc(.86vw + 32.56px) ;--font-size-3xl: clamp(30px, 1.86vw + 15.16px, 46.32px);--line-height-3xl: calc(.96vw + 34.15px) ;--font-size-4xl: clamp(39px, 2.15vw + 15.98px, 52px);--line-height-4xl: calc(.96vw + 34.15px) ;--letter-spacing: .03em;--site-width-l: min(100vw - 4.8rem, 163.2rem);--spacing-border: 2.5rem;--spacing-xxxxs: .2rem;--spacing-xxxs: .4rem;--spacing-xxs: .8rem;--spacing-xs: 1.2rem;--spacing-s: 2rem;--spacing-m: 2.4rem;--spacing-l: 3.8rem;--spacing-xl: 5.2rem;--spacing-xxl: 7.2rem;--spacing-xxl-2: 9.6rem;--spacing-xxxl: 14.4rem;--hover-transition: all .2s ease-out;--border: 1px solid var(--color-dark);--doc-height: 100%;--gutter-size: var(--spacing-xs);--column-size: calc( (var(--site-width-l) - calc(var(--gutter-size) * 11)) / 12 );--size-cols-2: calc((2 * var(--column-size)) + 1 * var(--gutter-size));--size-cols-3: calc((3 * var(--column-size)) + 2 * var(--gutter-size));--size-cols-4: calc((4 * var(--column-size)) + 3 * var(--gutter-size));--size-cols-5: calc((5 * var(--column-size)) + 4 * var(--gutter-size));--size-cols-6: calc((6 * var(--column-size)) + 5 * var(--gutter-size));--size-cols-7: calc((7 * var(--column-size)) + 6 * var(--gutter-size));--size-cols-8: calc((8 * var(--column-size)) + 7 * var(--gutter-size));--size-cols-9: calc((9 * var(--column-size)) + 8 * var(--gutter-size));--size-cols-10: calc((10 * var(--column-size)) + 9 * var(--gutter-size));--size-cols-11: calc((11 * var(--column-size)) + 10 * var(--gutter-size))}@media (max-width: 769px){:root{--spacing-xxxxs: .2rem;--spacing-xxxs: .4rem;--spacing-xxs: .8rem;--spacing-xs: 1.2rem;--spacing-s: 1.6rem;--spacing-m: 2rem;--spacing-l: 2.6rem;--spacing-xl: 3.6rem;--spacing-xxl: 5.6rem;--spacing-xxl-2: 6.4rem;--spacing-xxxl: 14.4rem}}@media (max-width: 600px){:root{--site-width-l: calc(100vw - 4rem) ;--column-size: calc( (var(--site-width-l) - calc(var(--gutter-size) * 3)) / 4 )}}body.login{background:var(--color-light)}body.login div#login h1 a{background-image:url(../images/Svenska-Postkodlotteriets-Stiftelse_logotyp.png)!important;background-size:contain;background-repeat:no-repeat;background-position:center;width:60%!important}body.login div#login form#loginform p.submit input#wp-submit{background-color:var(--color-light);color:var(--color-dark);border:none;display:inline-block;text-transform:uppercase;border-color:var(--color-dark);border:1px solid;padding:0 1.5rem}.login form{border:none;background:#ffffff7f;box-shadow:none}body.login div#login form#loginform input{background:none;border-radius:0}body.login div#login form#loginform input:focus{outline:2px solid var(--color-dark)}
