:root{container:root / inline-size;color-scheme:light dark}html{--scroll-behavior: smooth !important;scroll-behavior:smooth!important}body{margin:0}h1,h2,h3,h4,h5,h6{outline:none}.sj-design-card-grid,.sj-design-list-view-grid{--grid-layout-gap: 1rem;--grid-column-count: 3;--grid-item--min-width: 18rem ;--gap-count: calc(var(--grid-column-count) - 1);--total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));--grid-item--max-width: calc( (100% - var(--total-gap-width)) / var(--grid-column-count) );display:grid;grid-template-columns:repeat(auto-fit,minmax(max(var(--grid-item--min-width),var(--grid-item--max-width)),1fr));grid-gap:var(--grid-layout-gap);list-style:none;padding:0}.sj-design-list-view-grid{--grid-column-count: 2;grid-template-columns:repeat(auto-fill,minmax(max(var(--grid-item--min-width),var(--grid-item--max-width)),1fr))}.sj-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media screen and (max-width:320px){.sj-design-card-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@font-face{font-family:SJ Sans;font-display:swap;src:local("sj_sans"),local("sj_sans_regular"),url(/assets/sj-sans-regular-C6Q_x-cj.woff2) format("woff2"),url(/assets/sj-sans-regular-B-NDyQSv.woff) format("woff")}@font-face{font-family:SJ Sans;font-style:italic;font-display:swap;src:local("sj_sans_regular_italic"),url(/assets/sj-sans-regular-italic-BbpPuRWt.woff2) format("woff2"),url(/assets/sj-sans-regular-italic-C6zmj1al.woff) format("woff")}@font-face{font-family:SJ Sans;font-weight:500;font-display:swap;src:local("sj_sans_medium"),url(/assets/sj-sans-medium-Dy0JmNMZ.woff2) format("woff2"),url(/assets/sj-sans-medium-DKS4uQaU.woff) format("woff")}@font-face{font-family:SJ Sans;font-weight:700;font-display:swap;src:local("sj_sans_bold"),url(/assets/sj-sans-bold-BaY5rlnI.woff2) format("woff2"),url(/assets/sj-sans-bold-CkII6W4c.woff) format("woff")}@property --sjse-base-value{syntax: "<number>"; inherits: false; initial-value: 16;}@property --sjse-font-family{syntax: "*"; inherits: false; initial-value: "SJ Sans",sans-serif;}@property --sjse-hover-color{syntax: "<color>"; inherits: false; initial-value: transparent;}@layer theme{@property --sjse-max-inline-size{syntax: "<length-percentage>"; inherits: true; initial-value: 1200px;}@property --sjse-margin-size{syntax: "<length-percentage>"; inherits: true; initial-value: 16px;}@property --sjse-padding-size{syntax: "<length-percentage>"; inherits: true; initial-value: 16px;}@property --sjse-actual-margin-size{syntax: "<length-percentage>"; inherits: true; initial-value: 16px;}@property --sjse-gutter-size{syntax: "<length-percentage>"; inherits: true; initial-value: 16px;}:root{color-scheme:light dark;font-family:var(--sjse-font-family);font-feature-settings:"liga" on,"dlig" on,"tnum" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;-webkit-hyphens:auto;hyphens:auto}@layer reset{*,*:before,*:after{box-sizing:border-box}[popover]{inset:auto}}@layer design-tokens{:root{--sjse-spacing-base: calc(8rem / var(--sjse-base-value));--sjse-aspect-ratio-vertical: 9 / 16;--sjse-aspect-ratio-portrait: 2 / 3;--sjse-aspect-ratio-square: 1 / 1;--sjse-aspect-ratio-landscape: 3 / 2;--sjse-aspect-ratio-widescreen: 16 / 9;--sjse-aspect-ratio-ultrawide: 21 / 9;--sjse-aspect-ratio: var(--sjse-aspect-ratio-landscape);--sjse-outline-width: calc(2rem / var(--sjse-base-value));--sjse-focus-outline-width: calc(2rem / var(--sjse-base-value));--sjse-focus-outline-extent: calc(var(--sjse-focus-outline-width) * 3);--sjse-opacity-loading: 42%;--sjse-opacity-disabled: 42%;--sjse-opacity-selected: 4%;--sjse-opacity-striped: 4%;--sjse-opacity-hovered: 8%;--sjse-opacity-pressed: 12%;--sjse-color-background-grouped-primary: light-dark(rgb(245 245 245), rgb(18 18 18));--sjse-color-background-grouped-primary-level-1: light-dark(rgb(245 245 245), rgb(30 30 30));--sjse-color-background-grouped-primary-level-2: light-dark(rgb(245 245 245), rgb(42 42 42));--sjse-color-background-grouped-secondary: light-dark(rgb(255 255 255), rgb(30 30 30));--sjse-color-background-grouped-secondary-level-1: light-dark(rgb(255 255 255), rgb(42 42 42));--sjse-color-background-grouped-secondary-level-2: light-dark(rgb(255 255 255), rgb(54 54 54));--sjse-color-background-grouped-tertiary: light-dark(rgb(245 245 245), rgb(42 42 42));--sjse-color-background-grouped-tertiary-level-1: light-dark(rgb(245 245 245), rgb(54 54 54));--sjse-color-background-grouped-tertiary-level-2: light-dark(rgb(245 245 245), rgb(65 65 65));--sjse-color-background-primary: light-dark(rgb(255 255 255), rgb(18 18 18));--sjse-color-background-primary-level-1: light-dark(rgb(255 255 255), rgb(30 30 30));--sjse-color-background-primary-level-2: light-dark(rgb(255 255 255), rgb(42 42 42));--sjse-color-background-secondary: light-dark(rgb(255 255 255), rgb(30 30 30));--sjse-color-background-secondary-level-1: light-dark(rgb(255 255 255), rgb(42 42 42));--sjse-color-background-secondary-level-2: light-dark(rgb(255 255 255), rgb(54 54 54));--sjse-color-background-tertiary: light-dark(rgb(255 255 255), rgb(42 42 42));--sjse-color-background-tertiary-level-1: light-dark(rgb(255 255 255), rgb(54 54 54));--sjse-color-background-tertiary-level-2: light-dark(rgb(255 255 255), rgb(65 65 65));--sjse-color-fill-ang: light-dark(rgb(232 247 228), rgb(56 88 54));--sjse-color-fill-backdrop: #000000;--sjse-color-fill-granit: light-dark(rgb(105 107 87), rgb(107 107 107));--sjse-color-fill-gras: light-dark(rgb(98 219 90), rgb(139 219 134));--sjse-color-fill-havtorn: light-dark(rgb(254 239 229), rgb(98 51 20));--sjse-color-fill-himmel-1: light-dark(rgb(34 188 232), rgb(81 198 232));--sjse-color-fill-himmel-2: light-dark(rgb(27 150 186), rgb(65 158 186));--sjse-color-fill-hostlov: light-dark(rgb(245 98 0), rgb(245 127 49));--sjse-color-fill-lov-1: light-dark(rgb(0 171 59), rgb(27 137 65));--sjse-color-fill-lov-2: light-dark(rgb(0 137 47), rgb(20 103 49));--sjse-color-fill-mossa: light-dark(rgb(232 247 246), rgb(32 79 93));--sjse-color-fill-movingo-malarbla: #0046a5;--sjse-color-fill-primary: light-dark(rgb(0 0 0 / 16%), rgb(255 255 255 / 20%));--sjse-color-fill-quaternary: light-dark(rgb(0 0 0 / 4%), rgb(255 255 255 / 8%));--sjse-color-fill-raps: light-dark(rgb(255 215 0), rgb(255 223 51));--sjse-color-fill-sand: light-dark(rgb(249 244 207), rgb(102 89 20));--sjse-color-fill-secondary: light-dark(rgb(0 0 0 / 12%), rgb(255 255 255 / 20%));--sjse-color-fill-sj-arskort-guld: #f9f4cf;--sjse-color-fill-sj-arskort-silver: #f5f5ee;--sjse-color-fill-sjo: light-dark(rgb(0 116 154), rgb(31 124 154));--sjse-color-fill-smultron: light-dark(rgb(252 233 233), rgb(89 30 32));--sjse-color-fill-sno: light-dark(rgb(245 245 238), rgb(64 64 64));--sjse-color-fill-svart: light-dark(rgb(0 0 0), rgb(255 255 255));--sjse-color-fill-tertiary: light-dark(rgb(0 0 0 / 8%), rgb(255 255 255 / 12%));--sjse-color-fill-varning: light-dark(rgb(222 31 38), rgb(178 60 65));--sjse-color-fill-vit: light-dark(rgb(255 255 255), rgb(0 0 0));--sjse-color-border-border: light-dark(rgb(0 0 0 / 12%), rgb(255 255 255 / 0));--sjse-color-border-divider: light-dark(rgb(0 0 0 / 12%), rgb(255 255 255 / 20%));--sjse-color-border-error: light-dark(rgb(222 31 38), rgb(222 75 81));--sjse-color-border-focused: light-dark(rgb(27 150 186), rgb(81 198 232));--sjse-color-border-input: light-dark(rgb(0 0 0 / 42%), rgb(255 255 255 / 42%));--sjse-color-border-selected: light-dark(rgb(0 171 59), rgb(34 171 81));--sjse-color-icon-error: light-dark(rgb(222 31 38), rgb(222 75 81));--sjse-color-icon-gras: light-dark(rgb(98 219 90), rgb(139 219 134));--sjse-color-icon-himmel: light-dark(rgb(27 150 186), rgb(81 198 232));--sjse-color-icon-hostlov-1: light-dark(rgb(245 98 0), rgb(245 127 49));--sjse-color-icon-hostlov-2: light-dark(rgb(196 78 0), rgb(249 178 131));--sjse-color-icon-lera: light-dark(rgb(165 125 76), rgb(206 174 136));--sjse-color-icon-lov-1: light-dark(rgb(0 171 59), rgb(34 171 81));--sjse-color-icon-lov-2: light-dark(rgb(0 137 47), rgb(122 205 151));--sjse-color-icon-primary: light-dark(rgb(0 0 0), rgb(255 255 255));--sjse-color-icon-primary-inverted: light-dark(rgb(255 255 255), rgb(0 0 0));--sjse-color-icon-raps: light-dark(rgb(255 215 0), rgb(255 223 51));--sjse-color-icon-secondary: light-dark(rgb(0 0 0 / 60%), rgb(255 255 255 / 60%));--sjse-color-icon-tertiary: light-dark(rgb(0 0 0 / 42%), rgb(255 255 255 / 42%));--sjse-color-miscellaneous-chrome: light-dark(rgb(255 255 255), rgb(30 30 30));--sjse-color-miscellaneous-chrome-level-1: light-dark(rgb(255 255 255), rgb(42 42 42));--sjse-color-miscellaneous-chrome-level-2: light-dark(rgb(255 255 255), rgb(54 54 54));--sjse-color-miscellaneous-chrome-prominent: light-dark(rgb(245 245 245), rgb(30 30 30));--sjse-color-miscellaneous-frosted: light-dark(rgb(255 255 255 / 75%), rgb(30 30 30 / 75%));--sjse-color-text-error: light-dark(rgb(222 31 38), rgb(255 255 255));--sjse-color-text-himmel-1: light-dark(rgb(27 150 186), rgb(81 198 232));--sjse-color-text-himmel-2: light-dark(rgb(20 113 139), rgb(81 198 232));--sjse-color-text-hostlov-1: light-dark(rgb(245 98 0), rgb(245 127 49));--sjse-color-text-hostlov-2: light-dark(rgb(196 78 0), rgb(249 178 131));--sjse-color-text-link: light-dark(rgb(0 0 0), rgb(255 255 255));--sjse-color-text-lov-1: light-dark(rgb(0 171 59), rgb(34 171 81));--sjse-color-text-lov-2: light-dark(rgb(0 137 47), rgb(122 205 151));--sjse-color-text-lov-3: light-dark(rgb(0 103 35), rgb(167 221 185));--sjse-color-text-placeholder: light-dark(rgb(0 0 0 / 60%), rgb(255 255 255 / 60%));--sjse-color-text-primary: light-dark(rgb(0 0 0), rgb(255 255 255));--sjse-color-text-primary-inverted: light-dark(rgb(255 255 255), rgb(0 0 0));--sjse-color-text-secondary: light-dark(rgb(0 0 0 / 60%), rgb(255 255 255 / 60%));--sjse-color-text-tertiary: light-dark(rgb(0 0 0 / 42%), rgb(255 255 255 / 42%));--sjse-color-nonadaptable-dark-text: #000;--sjse-color-nonadaptable-light-text: #fff;--sjse-shadow-default: 0 calc(2rem / var(--sjse-base-value)) calc(12rem / var(--sjse-base-value)) 0 rgb(0 0 0 / 10%);--sjse-shadow-default-dark: 0 calc(8rem / var(--sjse-base-value)) calc(80rem / var(--sjse-base-value)) 0 rgb(0 0 0 / 60%);--sjse-shadow-chrome-bottom: 0 calc(.51rem / var(--sjse-base-value)) 0 0 rgb(0 0 0 / 30%);--sjse-shadow-chrome-top: 0 calc(-.51rem / var(--sjse-base-value)) 0 0 rgb(0 0 0 / 30%);--sjse-shadow-chrome-right: calc(.51rem / var(--sjse-base-value)) 0 0 0 rgb(0 0 0 / 30%);--sjse-easing-glide: linear(0, .015 1.1%, .058 2.4%, .422 9.9%, .53 12.6%, .62 15.3%, .702 18.4%, .771 21.7%, .828 25.3%, .875 29.3%, .912 33.7%, .94 38.6%, .978 51%, .994 68.4%, 1);--sjse-easing-snap: linear(0, .007 .5%, .027 1%, .115 2.2%, .66 7%, .779 8.2%, .877 9.4%, .955 10.6%, 1.016 11.9%, 1.056 13.2%, 1.07 13.9%, 1.081 14.7%, 1.085 15.3%, 1.088 16%, 1.087 16.7%, 1.084 17.5%, 1.073 19%, 1.032 23%, 1.013 25.3%, .999 27.9%, .993 30.8%, .993 33.7%, .999 41.5%, 1.001 46.8%, 1)}@layer dimensions{:root{--sjse-spacing-x0_5: calc(var(--sjse-spacing-base) * .5);--sjse-spacing-x0_75: calc(var(--sjse-spacing-base) * .75);--sjse-spacing-x1: var(--sjse-spacing-base);--sjse-spacing-x1_25: calc(var(--sjse-spacing-base) * 1.25);--sjse-spacing-x1_5: calc(var(--sjse-spacing-base) * 1.5);--sjse-spacing-x1_75: calc(var(--sjse-spacing-base) * 1.75);--sjse-spacing-x2: calc(var(--sjse-spacing-base) * 2);--sjse-spacing-x2_5: calc(var(--sjse-spacing-base) * 2.5);--sjse-spacing-x3: calc(var(--sjse-spacing-base) * 3);--sjse-spacing-x4: calc(var(--sjse-spacing-base) * 4);--sjse-spacing-x5: calc(var(--sjse-spacing-base) * 5);--sjse-spacing-x6: calc(var(--sjse-spacing-base) * 6);--sjse-spacing-x7: calc(var(--sjse-spacing-base) * 7);--sjse-spacing-x8: calc(var(--sjse-spacing-base) * 8);--sjse-spacing-x9: calc(var(--sjse-spacing-base) * 9);--sjse-spacing-x10: calc(var(--sjse-spacing-base) * 10);--sjse-spacing-default: var(--sjse-spacing-x2);--sjse-spacing-extra: var(--sjse-spacing-x3);--sjse-width-sx: 400px;--sjse-width-sm: 600px;--sjse-width-md: 800px;--sjse-width-lg: 1000px;--sjse-width-xl: 1200px;--sjse-width-xxl: 1400px;--sjse-width-xxxl: 1600px;--sjse-border-width-sm: calc(1rem / var(--sjse-base-value));--sjse-border-width-md: calc(2rem / var(--sjse-base-value));--sjse-border-width-lg: calc(3rem / var(--sjse-base-value));--sjse-border-radius-sm: var(--sjse-spacing-x0_5);--sjse-border-radius-md: var(--sjse-spacing-x1);--sjse-border-radius-lg: var(--sjse-spacing-x1_5);--sjse-border-radius-xl: var(--sjse-spacing-x2);--sjse-border-radius-xxl: var(--sjse-spacing-x2_5);--sjse-border-radius-xxxl: var(--sjse-spacing-x3);--sjse-border-radius-xxxxl: var(--sjse-spacing-x4);--sjse-border-radius-xxxxxl: calc(38rem / var(--sjse-base-value));--sjse-border-radius-capsule: calc(infinity * 1px);--sjse-backdrop-blur-chrome: 50px;--sjse-backdrop-blur-frosted: 50px}}@media(prefers-color-scheme:dark){:root{--sjse-opacity-selected: 8%;--sjse-opacity-striped: 8%;--sjse-opacity-hovered: 12%;--sjse-opacity-pressed: 20%}}@media(prefers-color-scheme:dark){:root{--sjse-shadow-default: var(--sjse-shadow-default-dark)}}:root:where(.dark){--sjse-shadow-default: var(--sjse-shadow-default-dark)}@layer typography{:root{--sjse-typography-display-1: normal calc(66rem / var(--sjse-base-value))/calc(80 / 66) var(--sjse-font-family);--sjse-typography-display-1-emphasized: bold var(--sjse-typography-display-1);--sjse-typography-display-2: normal calc(55rem / var(--sjse-base-value))/calc(64 / 55) var(--sjse-font-family);--sjse-typography-display-2-emphasized: bold var(--sjse-typography-display-2);--sjse-typography-display-3: normal calc(41rem / var(--sjse-base-value))/calc(52 / 41) var(--sjse-font-family);--sjse-typography-display-3-emphasized: bold var(--sjse-typography-display-3);--sjse-typography-large-title: normal calc(32rem / var(--sjse-base-value))/ 1.25 var(--sjse-font-family);--sjse-typography-large-title-emphasized: bold var(--sjse-typography-large-title);--sjse-typography-title-1: normal calc(26rem / var(--sjse-base-value))/calc(32 / 26) var(--sjse-font-family);--sjse-typography-title-1-emphasized: bold var(--sjse-typography-title-1);--sjse-typography-title-2: normal calc(20rem / var(--sjse-base-value))/calc(24 / 20) var(--sjse-font-family);--sjse-typography-title-2-emphasized: bold var(--sjse-typography-title-2);--sjse-typography-title-3: normal calc(18rem / var(--sjse-base-value))/calc(24 / 18) var(--sjse-font-family);--sjse-typography-title-3-emphasized: bold var(--sjse-typography-title-3);--sjse-typography-preamble: 500 calc(18rem / var(--sjse-base-value))/calc(28 / 18) var(--sjse-font-family);--sjse-typography-headline: bold calc(16rem / var(--sjse-base-value))/ 1.5 var(--sjse-font-family);--sjse-typography-body: normal calc(16rem / var(--sjse-base-value))/ 1.5 var(--sjse-font-family);--sjse-typography-body-emphasized: 500 var(--sjse-typography-body);--sjse-typography-body-italic: italic var(--sjse-typography-body);--sjse-typography-link: normal calc(16rem / var(--sjse-base-value))/ 1.5 var(--sjse-font-family);--sjse-typography-callout: normal calc(15rem / var(--sjse-base-value))/ 1.6 var(--sjse-font-family);--sjse-typography-callout-emphasized: 500 var(--sjse-typography-callout);--sjse-typography-callout-italic: italic var(--sjse-typography-callout);--sjse-typography-subhead: normal calc(14rem / var(--sjse-base-value))/calc(20 / 14) var(--sjse-font-family);--sjse-typography-footnote: normal calc(12rem / var(--sjse-base-value))/calc(16 / 12) var(--sjse-font-family);--sjse-typography-caption-1: normal calc(11rem / var(--sjse-base-value))/calc(16 / 11) var(--sjse-font-family);--sjse-typography-caption-2: normal calc(10rem / var(--sjse-base-value))/ 1.6 var(--sjse-font-family);--sjse-typography-button: bold calc(19rem / var(--sjse-base-value))/calc(24 / 19) var(--sjse-font-family);--sjse-text-default-max-inline-size: 61rch}}}@layer typography{body{font:var(--sjse-typography-body)}body :not(h1,h2,h3,h4) strong{font-weight:500}h1,h2,h3{text-wrap-style:balance;margin:0}h1{font:var(--sjse-typography-large-title-emphasized)}h2{font:var(--sjse-typography-title-2-emphasized)}h3{font:var(--sjse-typography-title-3-emphasized)}p{margin:var(--sjse-spacing-default) 0}}@layer containers{:root{--sjse-max-inline-size: var(--sjse-width-xl);--sjse-margin-size: var(--sjse-spacing-default);--sjse-number-of-grid-columns: 12;--sjse-gutter-size: var(--sjse-spacing-default)}:root *:has(>[data-centered]){container-type:inline-size}}}
