/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
h1 {
  margin: 0;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 668px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .container {
    width: 1028px;
  }
}
@media (min-width: 1175px) {
  .container {
    width: 1028px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-xs-13,
.col-sm-13,
.col-md-13,
.col-lg-13,
.col-xs-14,
.col-sm-14,
.col-md-14,
.col-lg-14,
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xs-16,
.col-sm-16,
.col-md-16,
.col-lg-16 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-13,
.col-xs-14,
.col-xs-15,
.col-xs-16 {
  float: left;
}
.col-xs-16 {
  width: 100%;
}
.col-xs-15 {
  width: 93.75%;
}
.col-xs-14 {
  width: 87.5%;
}
.col-xs-13 {
  width: 81.25%;
}
.col-xs-12 {
  width: 75%;
}
.col-xs-11 {
  width: 68.75%;
}
.col-xs-10 {
  width: 62.5%;
}
.col-xs-9 {
  width: 56.25%;
}
.col-xs-8 {
  width: 50%;
}
.col-xs-7 {
  width: 43.75%;
}
.col-xs-6 {
  width: 37.5%;
}
.col-xs-5 {
  width: 31.25%;
}
.col-xs-4 {
  width: 25%;
}
.col-xs-3 {
  width: 18.75%;
}
.col-xs-2 {
  width: 12.5%;
}
.col-xs-1 {
  width: 6.25%;
}
.col-xs-pull-16 {
  right: 100%;
}
.col-xs-pull-15 {
  right: 93.75%;
}
.col-xs-pull-14 {
  right: 87.5%;
}
.col-xs-pull-13 {
  right: 81.25%;
}
.col-xs-pull-12 {
  right: 75%;
}
.col-xs-pull-11 {
  right: 68.75%;
}
.col-xs-pull-10 {
  right: 62.5%;
}
.col-xs-pull-9 {
  right: 56.25%;
}
.col-xs-pull-8 {
  right: 50%;
}
.col-xs-pull-7 {
  right: 43.75%;
}
.col-xs-pull-6 {
  right: 37.5%;
}
.col-xs-pull-5 {
  right: 31.25%;
}
.col-xs-pull-4 {
  right: 25%;
}
.col-xs-pull-3 {
  right: 18.75%;
}
.col-xs-pull-2 {
  right: 12.5%;
}
.col-xs-pull-1 {
  right: 6.25%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-16 {
  left: 100%;
}
.col-xs-push-15 {
  left: 93.75%;
}
.col-xs-push-14 {
  left: 87.5%;
}
.col-xs-push-13 {
  left: 81.25%;
}
.col-xs-push-12 {
  left: 75%;
}
.col-xs-push-11 {
  left: 68.75%;
}
.col-xs-push-10 {
  left: 62.5%;
}
.col-xs-push-9 {
  left: 56.25%;
}
.col-xs-push-8 {
  left: 50%;
}
.col-xs-push-7 {
  left: 43.75%;
}
.col-xs-push-6 {
  left: 37.5%;
}
.col-xs-push-5 {
  left: 31.25%;
}
.col-xs-push-4 {
  left: 25%;
}
.col-xs-push-3 {
  left: 18.75%;
}
.col-xs-push-2 {
  left: 12.5%;
}
.col-xs-push-1 {
  left: 6.25%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-16 {
  margin-left: 100%;
}
.col-xs-offset-15 {
  margin-left: 93.75%;
}
.col-xs-offset-14 {
  margin-left: 87.5%;
}
.col-xs-offset-13 {
  margin-left: 81.25%;
}
.col-xs-offset-12 {
  margin-left: 75%;
}
.col-xs-offset-11 {
  margin-left: 68.75%;
}
.col-xs-offset-10 {
  margin-left: 62.5%;
}
.col-xs-offset-9 {
  margin-left: 56.25%;
}
.col-xs-offset-8 {
  margin-left: 50%;
}
.col-xs-offset-7 {
  margin-left: 43.75%;
}
.col-xs-offset-6 {
  margin-left: 37.5%;
}
.col-xs-offset-5 {
  margin-left: 31.25%;
}
.col-xs-offset-4 {
  margin-left: 25%;
}
.col-xs-offset-3 {
  margin-left: 18.75%;
}
.col-xs-offset-2 {
  margin-left: 12.5%;
}
.col-xs-offset-1 {
  margin-left: 6.25%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 668px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-13,
  .col-sm-14,
  .col-sm-15,
  .col-sm-16 {
    float: left;
  }
  .col-sm-16 {
    width: 100%;
  }
  .col-sm-15 {
    width: 93.75%;
  }
  .col-sm-14 {
    width: 87.5%;
  }
  .col-sm-13 {
    width: 81.25%;
  }
  .col-sm-12 {
    width: 75%;
  }
  .col-sm-11 {
    width: 68.75%;
  }
  .col-sm-10 {
    width: 62.5%;
  }
  .col-sm-9 {
    width: 56.25%;
  }
  .col-sm-8 {
    width: 50%;
  }
  .col-sm-7 {
    width: 43.75%;
  }
  .col-sm-6 {
    width: 37.5%;
  }
  .col-sm-5 {
    width: 31.25%;
  }
  .col-sm-4 {
    width: 25%;
  }
  .col-sm-3 {
    width: 18.75%;
  }
  .col-sm-2 {
    width: 12.5%;
  }
  .col-sm-1 {
    width: 6.25%;
  }
  .col-sm-pull-16 {
    right: 100%;
  }
  .col-sm-pull-15 {
    right: 93.75%;
  }
  .col-sm-pull-14 {
    right: 87.5%;
  }
  .col-sm-pull-13 {
    right: 81.25%;
  }
  .col-sm-pull-12 {
    right: 75%;
  }
  .col-sm-pull-11 {
    right: 68.75%;
  }
  .col-sm-pull-10 {
    right: 62.5%;
  }
  .col-sm-pull-9 {
    right: 56.25%;
  }
  .col-sm-pull-8 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 43.75%;
  }
  .col-sm-pull-6 {
    right: 37.5%;
  }
  .col-sm-pull-5 {
    right: 31.25%;
  }
  .col-sm-pull-4 {
    right: 25%;
  }
  .col-sm-pull-3 {
    right: 18.75%;
  }
  .col-sm-pull-2 {
    right: 12.5%;
  }
  .col-sm-pull-1 {
    right: 6.25%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-16 {
    left: 100%;
  }
  .col-sm-push-15 {
    left: 93.75%;
  }
  .col-sm-push-14 {
    left: 87.5%;
  }
  .col-sm-push-13 {
    left: 81.25%;
  }
  .col-sm-push-12 {
    left: 75%;
  }
  .col-sm-push-11 {
    left: 68.75%;
  }
  .col-sm-push-10 {
    left: 62.5%;
  }
  .col-sm-push-9 {
    left: 56.25%;
  }
  .col-sm-push-8 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 43.75%;
  }
  .col-sm-push-6 {
    left: 37.5%;
  }
  .col-sm-push-5 {
    left: 31.25%;
  }
  .col-sm-push-4 {
    left: 25%;
  }
  .col-sm-push-3 {
    left: 18.75%;
  }
  .col-sm-push-2 {
    left: 12.5%;
  }
  .col-sm-push-1 {
    left: 6.25%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-16 {
    margin-left: 100%;
  }
  .col-sm-offset-15 {
    margin-left: 93.75%;
  }
  .col-sm-offset-14 {
    margin-left: 87.5%;
  }
  .col-sm-offset-13 {
    margin-left: 81.25%;
  }
  .col-sm-offset-12 {
    margin-left: 75%;
  }
  .col-sm-offset-11 {
    margin-left: 68.75%;
  }
  .col-sm-offset-10 {
    margin-left: 62.5%;
  }
  .col-sm-offset-9 {
    margin-left: 56.25%;
  }
  .col-sm-offset-8 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 43.75%;
  }
  .col-sm-offset-6 {
    margin-left: 37.5%;
  }
  .col-sm-offset-5 {
    margin-left: 31.25%;
  }
  .col-sm-offset-4 {
    margin-left: 25%;
  }
  .col-sm-offset-3 {
    margin-left: 18.75%;
  }
  .col-sm-offset-2 {
    margin-left: 12.5%;
  }
  .col-sm-offset-1 {
    margin-left: 6.25%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1024px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-13,
  .col-md-14,
  .col-md-15,
  .col-md-16 {
    float: left;
  }
  .col-md-16 {
    width: 100%;
  }
  .col-md-15 {
    width: 93.75%;
  }
  .col-md-14 {
    width: 87.5%;
  }
  .col-md-13 {
    width: 81.25%;
  }
  .col-md-12 {
    width: 75%;
  }
  .col-md-11 {
    width: 68.75%;
  }
  .col-md-10 {
    width: 62.5%;
  }
  .col-md-9 {
    width: 56.25%;
  }
  .col-md-8 {
    width: 50%;
  }
  .col-md-7 {
    width: 43.75%;
  }
  .col-md-6 {
    width: 37.5%;
  }
  .col-md-5 {
    width: 31.25%;
  }
  .col-md-4 {
    width: 25%;
  }
  .col-md-3 {
    width: 18.75%;
  }
  .col-md-2 {
    width: 12.5%;
  }
  .col-md-1 {
    width: 6.25%;
  }
  .col-md-pull-16 {
    right: 100%;
  }
  .col-md-pull-15 {
    right: 93.75%;
  }
  .col-md-pull-14 {
    right: 87.5%;
  }
  .col-md-pull-13 {
    right: 81.25%;
  }
  .col-md-pull-12 {
    right: 75%;
  }
  .col-md-pull-11 {
    right: 68.75%;
  }
  .col-md-pull-10 {
    right: 62.5%;
  }
  .col-md-pull-9 {
    right: 56.25%;
  }
  .col-md-pull-8 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 43.75%;
  }
  .col-md-pull-6 {
    right: 37.5%;
  }
  .col-md-pull-5 {
    right: 31.25%;
  }
  .col-md-pull-4 {
    right: 25%;
  }
  .col-md-pull-3 {
    right: 18.75%;
  }
  .col-md-pull-2 {
    right: 12.5%;
  }
  .col-md-pull-1 {
    right: 6.25%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-16 {
    left: 100%;
  }
  .col-md-push-15 {
    left: 93.75%;
  }
  .col-md-push-14 {
    left: 87.5%;
  }
  .col-md-push-13 {
    left: 81.25%;
  }
  .col-md-push-12 {
    left: 75%;
  }
  .col-md-push-11 {
    left: 68.75%;
  }
  .col-md-push-10 {
    left: 62.5%;
  }
  .col-md-push-9 {
    left: 56.25%;
  }
  .col-md-push-8 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 43.75%;
  }
  .col-md-push-6 {
    left: 37.5%;
  }
  .col-md-push-5 {
    left: 31.25%;
  }
  .col-md-push-4 {
    left: 25%;
  }
  .col-md-push-3 {
    left: 18.75%;
  }
  .col-md-push-2 {
    left: 12.5%;
  }
  .col-md-push-1 {
    left: 6.25%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-16 {
    margin-left: 100%;
  }
  .col-md-offset-15 {
    margin-left: 93.75%;
  }
  .col-md-offset-14 {
    margin-left: 87.5%;
  }
  .col-md-offset-13 {
    margin-left: 81.25%;
  }
  .col-md-offset-12 {
    margin-left: 75%;
  }
  .col-md-offset-11 {
    margin-left: 68.75%;
  }
  .col-md-offset-10 {
    margin-left: 62.5%;
  }
  .col-md-offset-9 {
    margin-left: 56.25%;
  }
  .col-md-offset-8 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 43.75%;
  }
  .col-md-offset-6 {
    margin-left: 37.5%;
  }
  .col-md-offset-5 {
    margin-left: 31.25%;
  }
  .col-md-offset-4 {
    margin-left: 25%;
  }
  .col-md-offset-3 {
    margin-left: 18.75%;
  }
  .col-md-offset-2 {
    margin-left: 12.5%;
  }
  .col-md-offset-1 {
    margin-left: 6.25%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1175px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-13,
  .col-lg-14,
  .col-lg-15,
  .col-lg-16 {
    float: left;
  }
  .col-lg-16 {
    width: 100%;
  }
  .col-lg-15 {
    width: 93.75%;
  }
  .col-lg-14 {
    width: 87.5%;
  }
  .col-lg-13 {
    width: 81.25%;
  }
  .col-lg-12 {
    width: 75%;
  }
  .col-lg-11 {
    width: 68.75%;
  }
  .col-lg-10 {
    width: 62.5%;
  }
  .col-lg-9 {
    width: 56.25%;
  }
  .col-lg-8 {
    width: 50%;
  }
  .col-lg-7 {
    width: 43.75%;
  }
  .col-lg-6 {
    width: 37.5%;
  }
  .col-lg-5 {
    width: 31.25%;
  }
  .col-lg-4 {
    width: 25%;
  }
  .col-lg-3 {
    width: 18.75%;
  }
  .col-lg-2 {
    width: 12.5%;
  }
  .col-lg-1 {
    width: 6.25%;
  }
  .col-lg-pull-16 {
    right: 100%;
  }
  .col-lg-pull-15 {
    right: 93.75%;
  }
  .col-lg-pull-14 {
    right: 87.5%;
  }
  .col-lg-pull-13 {
    right: 81.25%;
  }
  .col-lg-pull-12 {
    right: 75%;
  }
  .col-lg-pull-11 {
    right: 68.75%;
  }
  .col-lg-pull-10 {
    right: 62.5%;
  }
  .col-lg-pull-9 {
    right: 56.25%;
  }
  .col-lg-pull-8 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 43.75%;
  }
  .col-lg-pull-6 {
    right: 37.5%;
  }
  .col-lg-pull-5 {
    right: 31.25%;
  }
  .col-lg-pull-4 {
    right: 25%;
  }
  .col-lg-pull-3 {
    right: 18.75%;
  }
  .col-lg-pull-2 {
    right: 12.5%;
  }
  .col-lg-pull-1 {
    right: 6.25%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-16 {
    left: 100%;
  }
  .col-lg-push-15 {
    left: 93.75%;
  }
  .col-lg-push-14 {
    left: 87.5%;
  }
  .col-lg-push-13 {
    left: 81.25%;
  }
  .col-lg-push-12 {
    left: 75%;
  }
  .col-lg-push-11 {
    left: 68.75%;
  }
  .col-lg-push-10 {
    left: 62.5%;
  }
  .col-lg-push-9 {
    left: 56.25%;
  }
  .col-lg-push-8 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 43.75%;
  }
  .col-lg-push-6 {
    left: 37.5%;
  }
  .col-lg-push-5 {
    left: 31.25%;
  }
  .col-lg-push-4 {
    left: 25%;
  }
  .col-lg-push-3 {
    left: 18.75%;
  }
  .col-lg-push-2 {
    left: 12.5%;
  }
  .col-lg-push-1 {
    left: 6.25%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-16 {
    margin-left: 100%;
  }
  .col-lg-offset-15 {
    margin-left: 93.75%;
  }
  .col-lg-offset-14 {
    margin-left: 87.5%;
  }
  .col-lg-offset-13 {
    margin-left: 81.25%;
  }
  .col-lg-offset-12 {
    margin-left: 75%;
  }
  .col-lg-offset-11 {
    margin-left: 68.75%;
  }
  .col-lg-offset-10 {
    margin-left: 62.5%;
  }
  .col-lg-offset-9 {
    margin-left: 56.25%;
  }
  .col-lg-offset-8 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 43.75%;
  }
  .col-lg-offset-6 {
    margin-left: 37.5%;
  }
  .col-lg-offset-5 {
    margin-left: 31.25%;
  }
  .col-lg-offset-4 {
    margin-left: 25%;
  }
  .col-lg-offset-3 {
    margin-left: 18.75%;
  }
  .col-lg-offset-2 {
    margin-left: 12.5%;
  }
  .col-lg-offset-1 {
    margin-left: 6.25%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  display: table;
  content: " ";
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 667px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 667px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 667px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 667px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 668px) and (max-width: 1023px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 668px) and (max-width: 1023px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 668px) and (max-width: 1023px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 668px) and (max-width: 1023px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1024px) and (max-width: 1174px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1024px) and (max-width: 1174px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 1024px) and (max-width: 1174px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 1024px) and (max-width: 1174px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1175px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1175px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1175px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1175px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 667px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 668px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1174px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1175px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/* Colors
*******************************************************************************/
/* Shadows
*******************************************************************************/
/* Dimensions
*******************************************************************************/
/* Typography
*******************************************************************************/
/* Other
*******************************************************************************/
body {
  --header-height--xs: 86px;
  --header-height--lg: 55px;
  --base: 8px;
}
/* Colors
*******************************************************************************/
/* Dimensions
*******************************************************************************/
body,
body.light {
  --primary: #5c8e81;
  --primary_darken: #496f65;
  --ipsum--green: hsl(131, 31%, 93%);
  --ipsum--green--darken: hsl(131, 31%, 75%);
  --premium--primary: hsl(13, 71%, 55%);
  --premium--primary--darken: hsl(13, 71%, 45%);
  --background_primary: #fff;
  --background_secondary: #fafafa;
  --surface_primary: #fff8ec;
  --surface_secondary: #eaecf3;
  --divider: #ccc;
  --inactive: #d2d2d2;
  --text_primary: #222;
  --text_secondary: #888;
  --highlight: rgba(255, 255, 255, 0);
  --font-family--h1: "Benton Sans";
  --letter-spacing--h1: 0;
  --line-height--h1: 1.15;
  --font-size--h1: 26px;
  --font-weight--h1: 800;
  --padding--h1: calc(8px * 1.5) 0 calc(8px * 0.5);
  --shadow-ambient--primary: 0 0 5px 0 #dfdfdf;
  --font-family--h2: "Benton Sans";
  --letter-spacing--h2: -0.2px;
  --line-height--h2: 1.35;
  --font-size--h2: 19px;
  --font-weight--h2: 800;
  --padding--h2: calc(8px * 0.5) calc(var(--distance-factor) * 8px);
  --font-family--h3: "Benton Sans";
  --letter-spacing--h3: -0.2px;
  --line-height--h3: 22.4px;
  --font-size--h3: 16px;
  --font-weight--h3: 500;
  --padding--h3: calc(8px * 0.5) calc(var(--distance-factor) * 8px);
  --font-family--body: "Publico";
  --letter-spacing--body: 0;
  --line-height--body: 1.5555;
  --font-size--body: 16px;
  --font-weight--body: normal;
  --padding--body: calc(8px * 0.5) 0;
  --font-family--premium_body1: "Publico";
  --letter-spacing--premium_body1: 0;
  --line-height--premium_body1: 30px;
  --font-size--premium_body1: 18px;
  --font-weight--premium_body1: 400;
  --padding--premium_body1: calc(8px * 0.5) 0;
  --font-family--body3: "Publico";
  --letter-spacing--body3: 0;
  --line-height--body3: 30px;
  --font-size--body3: 18px;
  --font-weight--body3: normal;
  --padding--body3: calc(8px * 0.5) calc(var(--distance-factor) * 8px);
  --font-family--underline2: "Benton Sans";
  --letter-spacing--underline2: 0;
  --line-height--underline2: 20px;
  --font-size--underline2: 12px;
  --font-weight--underline2: 400;
  --padding--underline2: calc(8px) calc(var(--distance-factor) * 8px);
  --font-family--button: "Benton Sans";
  --letter-spacing--button: 0;
  --line-height--button: 19.6px;
  --font-size--button: 14px;
  --font-weight--button: 500;
  --padding--button: calc(8px) calc(var(--distance-factor) * 8px);
  --font-family--lead: "Benton Sans";
  --letter-spacing--lead: 0;
  --line-height--lead: 28px;
  --font-size--lead: 20px;
  --font-weight--lead: 500;
  --padding--lead: calc(8px * 0.5) calc(var(--distance-factor) * 8px) calc(8px * 1.5);
  --font-family--lead2: "Benton Sans";
  --letter-spacing--lead2: 0;
  --line-height--lead2: 28px;
  --font-size--lead2: 18px;
  --font-weight--lead2: 900;
  --padding--lead2: calc(8px * 0.5) calc(var(--distance-factor) * 8px);
  --font-family--subheading: "Benton Sans";
  --letter-spacing--subheading: -0.2px;
  --line-height--subheading: 24px;
  --font-size--subheading: 20px;
  --font-weight--subheading: 700;
  --padding--subheading: calc(8px * 0.5) calc(var(--distance-factor) * 8px);
  --font-family--feature1: "Benton Sans";
  --letter-spacing--feature1: -0.5px;
  --line-height--feature1: 30px;
  --font-size--feature1: 26px;
  --font-weight--feature1: 500;
  --text-decoration--feature1: none;
  --padding--feature1: calc(8px) calc(var(--distance-factor) * 8px);
  --font-family--h5: "Benton Sans";
  --letter-spacing--h5: 0;
  --line-height--h5: 20px;
  --font-size--h5: 14px;
  --font-weight--h5: 500;
  --text-decoration--h5: none;
  --padding--h5: calc(8px * 2) calc(8px * 3);
  --font-family--h6: "Benton Sans";
  --letter-spacing--h6: 0;
  --line-height--h6: 20px;
  --font-size--h6: 14px;
  --font-weight--h6: 400;
  --text-decoration--h6: none;
  --padding--h6: calc(8px * 2) calc(8px * 3);
  --font-family--h7: "Benton Sans";
  --letter-spacing--h7: 0;
  --line-height--h7: 22.4px;
  --font-size--h7: 16px;
  --font-weight--h7: 400;
  --padding--h7: calc(8px * 0.5) calc(var(--distance-factor) * 8px);
  --font-family--h8: "Benton Sans";
  --letter-spacing--h8: 0;
  --line-height--h8: 26px;
  --font-size--h8: 20px;
  --font-weight--h8: 700;
  --text-decoration--h8: none;
  --padding--h8: calc(8px * 0.5) calc(var(--distance-factor) * 8px);
  --font-family--overline: "Benton Sans", sans-serif;
  --letter-spacing--overline: 0;
  --line-height--overline: 1.5;
  --font-size--overline: 16px;
  --font-weight--overline: 700;
  --padding--overline: 0 calc(8px * 3);
  --font-family--underline: "Benton Sans";
  --letter-spacing--underline: 0;
  --line-height--underline: 1.5;
  --font-size--underline: 12px;
  --font-weight--underline: 400;
  --padding--underline: calc(8px) calc(var(--distance-factor) * 8px);
  --font-family--quote: "Publico";
  --letter-spacing--quote: 0;
  --line-height--quote: 26.4px;
  --font-size--quote: 22px;
  --font-weight--quote: 400;
  --padding--quote: 8px;
  --font-style: italic;
  --font-family--premium_h1: "Benton Sans";
  --letter-spacing--premium_h1: 0.2px;
  --line-height--premium_h1: 24px;
  --font-size--premium_h1: 24px;
  --font-weight--premium_h1: 600;
  --padding--premium_h1: calc(8px) calc(var(--distance-factor) * 8px);
  --font-family--premium_h2: "Benton Sans";
  --letter-spacing--premium_h2: 0.2px;
  --line-height--premium_h2: 24px;
  --font-size--premium_h2: 18px;
  --font-weight--premium_h2: 500;
  --padding--premium_h2: calc(8px) calc(var(--distance-factor) * 8px);
  --font-family--premium_h3: "Publico";
  --letter-spacing--premium_h3: 0;
  --line-height--premium_h3: 30px;
  --font-size--premium_h3: 26px;
  --font-weight--premium_h3: 500;
  --padding--premium_h3: calc(8px * 0.5) calc(var(--distance-factor) * 8px);
  --font-family--premium_h6: "Publico";
  --letter-spacing--premium_h6: 0;
  --line-height--premium_h6: 30px;
  --font-size--premium_h6: 18px;
  --font-weight--premium_h6: 700;
  --padding--premium_h6: calc(8px) calc(var(--distance-factor) * 8px);
  --font-family--premium_h8: "Publico Headline";
  --letter-spacing--premium_h8: 0;
  --font-style--premium_h8: normal;
  --font-weight--premium_h8: 500;
  --font-size--premium_h8: 20px;
  --line-height--premium_h8: 26px;
  --padding--premium_h8: calc(8px * 2);
}
@media (min-width: 668px) {
  body,
  body.light {
    --font-size--h1: 40px;
  }
}
@media (min-width: 1024px) {
  body,
  body.light {
    --font-size--h2: 24px;
  }
}
@media (min-width: 1024px) {
  body,
  body.light {
    --font-size--h2: 24px;
  }
}
@media (min-width: 1024px) {
  body,
  body.light {
    --font-size--body: 18px;
  }
}
@media (min-width: 1024px) {
  body,
  body.light {
    --font-size--underline2: 16px;
  }
}
@media (min-width: 668px) {
  body,
  body.light {
    --font-size--premium_h3: 32px;
  }
}
.m-sponsorlabel {
  content: "ANNONS | ";
  color: #333;
  background: #fff8ec;
  display: inline-block;
  margin-right: 2px;
}
.m-doublefadehr {
  content: "";
  background: linear-gradient(to right, transparent, var(--divider), transparent) center center no-repeat;
  height: 1px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 11;
}
html {
  font: 1.125em / 1.33333333 "Benton Sans", sans-serif;
}
body {
  font-size: 0.88888889em;
}
@media (min-width: 1024px) {
  body {
    font-size: 1em;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  font-family: "Benton Sans", sans-serif;
  font-weight: 600;
  line-height: 1.2;
}
.fs--smaller {
  font-size: 0.88em;
}
.fs--h1 {
  font-size: 23px;
  font-size: 1.27777778rem;
}
@media (min-width: 1024px) {
  .fs--h1 {
    font-size: 48px;
    font-size: 2.66666667rem;
    font-weight: 700;
  }
}
.fs--h2 {
  font-size: 16px;
  font-size: 0.88888889rem;
}
@media (min-width: 1024px) {
  .fs--h2 {
    font-size: 24px;
    font-size: 1.33333333rem;
  }
}
@font-face {
  font-family: "Publico";
  src: url("/fonts/omnieko/PublicoText-Roman.ttf");
  font-weight: normal;
}
@font-face {
  font-family: "Publico";
  src: url("/fonts/omnieko/PublicoHeadline-Italic.ttf");
  font-style: italic;
}
@font-face {
  font-family: "Publico";
  src: url("/fonts/omnieko/PublicoHeadline-Medium.otf");
  font-weight: 500;
}
@font-face {
  font-family: "Publico";
  src: url("/fonts/omnieko/PublicoHeadline-Medium.otf");
  font-weight: 600;
}
@font-face {
  font-family: "Publico";
  src: url("/fonts/omnieko/PublicoHeadline-Medium.otf");
  font-weight: 700;
}
@font-face {
  font-family: "Publico";
  src: url("/fonts/omnieko/PublicoHeadline-Medium.otf");
  font-weight: 900;
}
@font-face {
  font-family: "Publico";
  src: url("/fonts/omnieko/PublicoHeadline-MediumItalic.otf");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Publico";
  src: url("/fonts/omnieko/PublicoHeadline-MediumItalic.otf");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Publico";
  src: url("/fonts/omnieko/PublicoHeadline-MediumItalic.otf");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Publico";
  src: url("/fonts/omnieko/PublicoHeadline-MediumItalic.otf");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: Tiempos;
  src: local("TiemposText-Regular"), url(/fonts/omni/TiemposText-Regular.otf);
  font-weight: normal;
}
@font-face {
  font-family: "Benton Sans";
  src: url(/fonts/omni/BentonSansForOmni-Regular.otf);
  font-weight: normal;
}
@font-face {
  font-family: "Benton Sans";
  src: url(/fonts/omni/BentonSansForOmni-Medium.otf);
  font-weight: 600;
}
@font-face {
  font-family: "Benton Sans";
  src: url(/fonts/omni/BentonSansForOmniDisplay-Medium.otf);
  font-weight: 700;
}
@font-face {
  font-family: "Benton Sans";
  src: url(/fonts/omni/BentonSansForOmni-Bold.otf);
  font-weight: 900;
}
.c--fade {
  color: #888;
}
@font-face {
  font-family: "omni-icons";
  src: url("/fonts/omni-icons.eot?edyj38");
  src: url("/fonts/omni-icons.eot?edyj38#iefix") format("embedded-opentype"), url("/fonts/omni-icons.ttf?edyj38") format("truetype"), url("/fonts/omni-icons.woff?edyj38") format("woff"), url("/fonts/omni-icons.svg?edyj38#omni-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "omni-icons", serif !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon--404::before {
  content: "\E911";
}
.icon--500::before {
  content: "\E912";
}
.icon--bookmark::before {
  content: "\E904";
}
.icon--bookmark--active::before {
  content: "\E905";
}
.icon--external::before {
  content: "\E90F";
}
.icon--check::before {
  content: "\E903";
}
.icon--check--active {
  color: #5c8e81;
}
.icon--x::before {
  content: "\E90E";
}
.icon--mix::before {
  content: "\E90B";
}
.icon--burger::before {
  content: "\E90C";
}
.icon--starplus::before {
  content: "\E90D";
}
.icon--o::before,
.icon--o--active::before {
  content: "\E90A";
}
.icon--latest::before {
  content: "\E900";
}
.icon--latest--active::before {
  content: "\E901";
}
.icon--magnify::before {
  content: "\E902";
}
.icon--star::before {
  content: "\E904";
}
.icon--star--active::before {
  content: "\E905";
}
.icon--settings::before {
  content: "\E906";
}
.icon--settings--active::before {
  content: "\E907";
}
.icon--topnews::before {
  content: "\E909";
}
.icon--topnews--active::before {
  content: "\E908";
}
.icon--email::before {
  content: "e";
}
.icon--playstore::before {
  content: "g";
}
.icon--appstore::before {
  content: "a";
}
.icon--fb::before {
  content: "f";
}
.icon--tw::before {
  content: "t";
}
.icon--linkedin::before {
  content: "l";
}
.icon--play {
  height: 1em;
  width: 1em;
  display: block;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAMAAAArteDzAAABcVBMVEUAAAAyMjIjIyMeHh4gICAhISEgICAiIiIgICAgICAgICAgICAgICAhISEhISEgICAgICAhISEiIiIfHx8gICAhISEgICAgICAhISEgICAhISHMKyvBKiohISHJKyvMKyu8KSkiIiIhISHLKyvMKyshICDIODjHKirLKyvEKirKKirMKyuHJiZKIiLKKyvKLCzLKyvLLi7KLCzGKiq1KSmyKiq7KiqsKSmWKCjLKytMIyPMKys/IyMwIiKoJiaSIyPMKyvDKyulKCigKCifJyeLJia6KirMKytsJCRaJCQ/IyNaJCRHIyPPMDDGKyu5KiqtKSm/KirJKip/JiaaKCi/KiqMJiabKSm+KSmwKSlxJSU0IyO6KirNLCxAIiLKKyuoJyemJibOLi6qKSnMLCzHKipvJSXMLCyHJyemKSlgJCTLKyv////56urZZGTMMTHzzs7hhobhh4f88vLyysrggoL34eHpp6fnoaHUUFDPPj6U/eMLAAAAa3RSTlMABAoSGQ98JTF3SXAfXGBCUDUsKFhlPSp0Z0387mv76uY7Rd6/bgn49/Lx07GPfkM4MiPo4d3V07+ZioeCgSoW493Pyr64s7Cik4qDcBjLy8fGtq+qn5iWjIRzc3JnYVhNOymupKSXkH1kXWspvh0AAAQmSURBVFjDxdV3W9pQFAbwZpGQDQkbRGapOGpbW+vosm67997zavf+9D2JCbHIFU7C8/T939/znnNu8FDfNKcevbnePlcutMq19ur8o6PNQxFzdL5eIF1p1Senw4vHJmuEkvbkpXAlV8lBKbx8jifrpG9WcezZ02SQFOYRR3tSJgPm3NSAZPM0QWSeGejmbYJKfYB3MF0myNSO9TOnxgg65ek+ZouEyNiB6vQYCZVzxw64UZmETI16rWabhE6d8rKY0yRCJinfEYmUqZ7fezkaWmvSho+0AGafeZRETesM043WSeS8YrrMZyR6Cl1VmetkCLnF/GOeIcNI6yyzF71LeuXL128fUOpDZo/J9v5f/HV7e/sThr3MMgH6lPQMmEg2OBXD3qWhWPYh20GFyzQUy6505mfOFmgoli1zjD/9U0JD0ewz1kfvUVE0+86bn+FuUVE0e0/YRVnuGhVFsyuch/LnqSiavcazuytVj1NRNHuSd5fKCOIYDoV8+0P5k/Oih1oFJAr5RfmT46LgolxmBI9+pqGWhybR4+98J7TxLc5DkYfa+fKRfqiMj47SUCQJudJBr9BQJAlZ6aAvaCiShNzpoHdoKJKEvPUPZd0fBN35DGTfvPeelCDKlIeKJknREH3UOElBcSTkalplXZRVKzcpKI6E3E7wgEJYPkFZKpKEPJZ41vvll/K9n/8PJElOykmO8VCr2nv+3z+/Y0iYHu7koayY3iLDyOHHFfdO3lLNq8NAL5r+St1fVHlzCObIVtX9njrza6eGUNSG6QOUl8zNQuSNbuUlzpve+6i0i1HRcc2/vV81YT4oRjNHc86ZPNR7qob2OtqVNoOie6rmZiMNn8r7RYOqsNXGifDmqZKdDooGD0DWF4qhF/pAh8/eKxqoggoLmDsSziwupMxEMHxQlRPTdmn9cBjzyJwzPBeYgconq5qyHqJrca6hGRl/+B5rVeaK6H0uKJqcDIbft9a8rizMIO++qOiy5JlUNTaLefPjccdUBYrpHgvURnytOPDo6/GG5pqAUlU1IWul7OLsyEC/S8uxbMk1YXh6WEGVqnZOiU9cKPSdfGkjrqRsQ+K9ntSujMAn0yasIDaxNHJgy9kNqKmb6QzP+iZdZXkxITtlY4vj1B+DmRuLMaemnBC73id9sVBWc9jYxPipI/u+nws3NmJA5rR8OskHZv+ykuGw2XgM4LXlCzMnRovF0RMzS8trEzEQs42UZhqSU9M3+5cVYAdG3tZL4AIcBMB4Vsnpdh5InnJ1alkO2lZkU9NzJUXJAu0km1WUUkq3zWpll3RMFCvwqiVVjLxpa7qecqPrmm3KRkWyVM4nsSzUVcWkVEkbVdlN1UgnpKSownl8MpQrcDzIlpWBWBZ4PCcEYkgWYJAFzokggAcgRUTLQQ79p/wFlmB9fzu//v0AAAAASUVORK5CYII=");
}
.icon--ball {
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin: auto 0;
  margin-bottom: 2.5px;
  margin-right: 8px;
}
.icon--ball--flashball {
  background-color: var(--primary);
}
.icon--app::before {
  content: "o";
}
.icon--ball {
  display: inline-block;
}
.bg.bg--override--inrikes,
.bg.bg--override--36480a9056b9423daf4538f7aa62bad2 {
  background: #1ba4de;
}
.bg.bg--override--utrikes,
.bg.bg--override--feddd38a2f914a06a6f851eeb32a7eb7 {
  background: #2824a8;
}
.bg.bg--override--ekonomi,
.bg.bg--override--38e9c8064a9b42ee894fd7da5867e8f7 {
  background: #f9ac17;
}
.bg.bg--override--opinion,
.bg.bg--override--926a9dbdd8e74d77a9c49e3e5e7ad11c {
  background: #961d5d;
}
.bg.bg--override--sport,
.bg.bg--override--ea7e9c35b0ca4f36bf80cda5a55bbc68 {
  background: #2db99b;
}
.bg.bg--override--nojekultur,
.bg.bg--override--noje-kultur,
.bg.bg--override--9ab3863d85bd40099445d409daf9667e {
  background: #f93e83;
}
.bg.bg--override--tech,
.bg.bg--override--c3708684382b4848b740652385dc25a8 {
  background: #fce900;
}
.bg.bg--override--resa,
.bg.bg--override--ad322cd3-3ab2-4e55-ae66-eb64bef07128 {
  background: #e60051;
}
.bg.bg--override--politik,
.bg.bg--override--593baa17-e0d5-4bc2-88de-fa289e5bc319 {
  background: #888888;
}
.bg.bg--override--nocat,
.bg.bg--override--annonsmaterial,
.bg.bg--override--7dd702c7-7e69-43c8-8a76-a0a98e5d3d09 {
  background: #000000;
}
.c--inrikes,
.c--36480a9056b9423daf4538f7aa62bad2 {
  color: #1ba4de;
}
.c--utrikes,
.c--feddd38a2f914a06a6f851eeb32a7eb7 {
  color: #2824a8;
}
.c--ekonomi,
.c--38e9c8064a9b42ee894fd7da5867e8f7 {
  color: #f9ac17;
}
.c--opinion,
.c--926a9dbdd8e74d77a9c49e3e5e7ad11c {
  color: #961d5d;
}
.c--sport,
.c--ea7e9c35b0ca4f36bf80cda5a55bbc68 {
  color: #2db99b;
}
.c--nojekultur,
.c--noje-kultur,
.c--9ab3863d85bd40099445d409daf9667e {
  color: #f93e83;
}
.c--tech,
.c--c3708684382b4848b740652385dc25a8 {
  color: #fce900;
}
.c--resa,
.c--ad322cd3-3ab2-4e55-ae66-eb64bef07128 {
  color: #e60051;
}
.c--politik,
.c--593baa17-e0d5-4bc2-88de-fa289e5bc319 {
  color: #888888;
}
.c--nocat,
.c--annonsmaterial,
.c--7dd702c7-7e69-43c8-8a76-a0a98e5d3d09 {
  color: #000000;
}
.u-fadehr--before {
  position: relative;
}
.u-fadehr--before::before {
  content: "";
  background: var(--divider) center center no-repeat;
  bottom: 0;
  height: 1px;
  position: absolute;
  right: calc(var(--distance-factor) * 8px);
  left: calc(var(--distance-factor) * 8px);
  z-index: 11;
  bottom: auto;
  top: 0;
}
.u-fadehr--after {
  position: relative;
}
.u-fadehr--after::after {
  content: "";
  background: var(--divider) center center no-repeat;
  bottom: 0;
  height: 1px;
  position: absolute;
  right: calc(var(--distance-factor) * 8px);
  left: calc(var(--distance-factor) * 8px);
  z-index: 11;
}
.u-doublefadehr--before {
  position: relative;
}
.u-doublefadehr--before::before {
  content: "";
  background: linear-gradient(to right, transparent, var(--divider), transparent) center center no-repeat;
  height: 1px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 11;
  bottom: auto;
  top: 0;
}
.u-doublefadehr--after {
  position: relative;
}
.u-doublefadehr--after::after {
  content: "";
  background: linear-gradient(to right, transparent, var(--divider), transparent) center center no-repeat;
  height: 1px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 11;
}
.u-thickhr {
  display: block;
  border-bottom: 8px solid #e6e6e6;
}
.fs-smaller {
  font-size: 0.88em;
}
.btn {
  appearance: none;
  border: none;
  display: inline-block;
  text-align: center;
  border-style: none;
  background-color: inherit;
}
.btn:focus {
  outline: none;
}
.btn--clean {
  background-color: transparent;
  padding: 0;
}
.btn--default {
  background-color: #f2f2f2;
  border: 1px solid #ddd;
  color: #555;
}
.btn--default:focus,
.btn--default:hover {
  background-color: #fafafa;
  border-color: #ccc;
  color: #333;
}
.btn--light {
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 40px;
}
.btn--primary {
  background-color: var(--primary);
  border-radius: 40px;
  color: #fff;
  padding: 8px;
  transition: 300ms ease-in-out background-color;
}
.btn--primary:hover {
  background-color: var(--primary_darken);
}
.btn--secondary {
  background-color: var(--background_primary);
  color: var(--primary);
  border-color: var(--primary);
  padding: calc(8px / 2);
}
.btn--secondary-premium {
  color: var(--premium--primary);
  border-color: var(--premium--primary);
}
.btn--premium {
  background-color: var(--premium--primary);
  padding: calc(var(--base) / 6) calc(var(--base) * 3);
  font-family: var(--font-family--underline2);
  font-weight: var(--font-weight--underline2);
  line-height: var(--line-height--underline2);
  font-size: 12px;
}
.btn--premium:hover {
  background-color: var(--premium--primary);
}
.btn--small {
  border-radius: 3px;
  padding: 8px;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-size: 0.72222222rem;
  line-height: 1.2;
}
.btn--medium {
  padding: 10px 20px;
  font-size: 0.88em;
  line-height: 1.2;
}
.btn--wide {
  padding: calc(8px * 1.5) calc(8px * 6);
  font-size: 14px;
  font-weight: 400;
}
.btn--large {
  border-radius: 30px;
  padding: 8px calc(8px * 3);
  color: #5c8e81;
  border-color: #5c8e81;
  text-transform: uppercase;
  transition: background-color 200ms ease-in-out;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.77777778rem;
}
.btn--large:hover {
  border-color: #5c8e81;
  color: #5c8e81;
}
.btn--full {
  width: 100%;
}
.btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group .btn {
  position: relative;
  float: left;
}
.btn-group .btn + .btn {
  margin-left: -1px;
}
.btn-group > :first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@keyframes openWide {
  0%,
  50% {
    max-width: 688px;
  }
  100% {
    max-width: calc(8px * 3 + 688px + 331px);
  }
}
@keyframes revealContent {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
.article {
  background-color: var(--background_primary);
  padding-bottom: 0px;
  position: relative;
  -webkit-font-smoothing: antialiased;
}
.article--compact {
  overflow: hidden;
}
.article:focus {
  outline: none;
}
.article:last-child {
  margin-bottom: 0;
}
.article::before {
  content: "";
  background: inherit;
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
}
.group--cluster .article .starbox,
.group--cluster .article [class^="resource--vignette"] {
  display: none;
}
.article--full:not(:last-child) {
  box-shadow: none;
}
.article--passion {
  background-image: none;
}
.article--breaking {
  border-radius: 8px;
}
.article--fadehr {
  position: relative;
}
.article--fadehr::after {
  content: "";
  background: var(--divider) center center no-repeat;
  bottom: 0;
  height: 1px;
  position: absolute;
  right: calc(var(--distance-factor) * 8px);
  left: calc(var(--distance-factor) * 8px);
  z-index: 11;
}
.group--cluster > .article:first-of-type > .article-forcefullwidth {
  padding-top: 0;
}
.feed-search-articles > .group--cluster > .article:first-of-type > .article-forcefullwidth {
  padding-top: calc(8px * var(--distance-factor));
}
@media (max-width: 668px) {
  .group--single .article-forcefullwidth {
    padding-top: 0;
  }
  .group--single .article-forcefullwidth .article-resource_column--small {
    padding-top: calc(8px * var(--distance-factor));
  }
}
@media (min-width: 1024px) {
  .article {
    max-width: 688px;
  }
  .article--expandable {
    animation: 400ms ease-in 1 normal forwards openWide;
  }
  .article--expandable > .article-forcefullwidth > .column > .main-narrow > .article-topiccolumn {
    animation: 400ms ease-out 550ms 1 normal forwards revealContent;
  }
  .article--expanded {
    max-width: calc(8px * 3 + 688px + 331px);
  }
  .article--expanded > .article-forcefullwidth > .column > .main-narrow > .article-topiccolumn {
    opacity: 1;
  }
  .article--full,
  .article-enter-active {
    border-left: none;
    border-radius: 4px;
    min-width: 1028px;
    position: relative;
    z-index: 12;
    transition: ease-in-out 250ms, ease-in-out 650ms height;
  }
  .article--full::after,
  .article-enter-active::after {
    display: none;
  }
  .article--full:last-child,
  .article-enter-active:last-child {
    margin-bottom: -8px;
  }
  .article--full:nth-child(2) {
    box-shadow: 0 5px 5px 0 #ccc;
  }
  .article--full:not(:last-child):not(:nth-child(2)) {
    box-shadow: var(--shadow-ambient--primary);
  }
  .article-forcefullwidth {
    position: relative;
  }
  .article-focused {
    margin: 0px;
    margin-bottom: 0;
    position: relative;
    box-shadow: var(--shadow-ambient--primary);
    margin-top: calc(8px * 2);
  }
}
.article--sponsored {
  background-color: #fff8ec;
}
.article--sponsored .article--with-sponsor-header {
  margin: 0px calc(8px * var(--distance-factor) / 2) 8px calc(8px * var(--distance-factor) / 2);
  border-radius: 4px;
  --background_primary: var(--background_secondary);
  background: var(--background_primary);
  box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.15);
}
.article--sponsored.article--tiny {
  padding-top: 0;
}
.article--sponsored.article--tiny::before {
  display: none;
}
.article--sponsored::after {
  background: none;
}
.article--sponsored.article--passion {
  background-color: var(--background_primary);
  background-image: none;
}
.article--tiny {
  box-shadow: var(--shadow-ambient--primary);
  border-radius: 4px;
  padding: 0;
}
.article--tiny > .resource--image--large {
  margin: 0;
}
.article--tiny + :after {
  content: none;
}
.article--tiny::before {
  display: none;
}
.article-link {
  display: block;
  cursor: pointer;
  touch-action: manipulation;
}
.article-link:hover img {
  opacity: 0.9;
}
.article-topiccolumn {
  position: relative;
  padding: 0;
  padding-top: calc(8px * 3);
}
@media (min-width: 1024px) {
  .article-topiccolumn {
    padding: calc(8px * var(--distance-factor) + 8px) calc(8px * 2);
    opacity: 0;
  }
}
@media (min-width: 1175px) {
  .article--sponsored .article-topiccolumn {
    margin-top: 20px;
  }
}
.article-meta-author {
  margin-bottom: 5px;
  line-height: 1.2;
  font-size: 16px;
  font-size: 0.88888889rem;
}
.article-meta-updated,
.article-meta-published {
  color: var(--text_primary);
  font-size: 13px;
  font-size: 0.72222222rem;
}
.article-meta-byline {
  font-weight: 600;
}
.article--sponsored .article-meta {
  display: none;
}
@media (min-width: 1024px) {
  .article-meta-published {
    margin-top: 20px;
  }
}
.article-ago {
  color: var(--text_secondary);
  font-size: 12px;
  grid-area: ago;
}
@media (min-width: 668px) {
  .article-ago {
    right: 0;
  }
}
.article--sponsored .article-ago {
  display: none;
}
.article-tinyago {
  margin: 0 10px 10px;
  color: var(--text_secondary);
  font-size: 12px;
}
.article-topics {
  margin: 20px 0;
}
.article-topics-topic {
  margin: 0 3px 8px 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid var(--divider);
  padding: calc(8px * 2) 0;
}
.article-topics-topic--title {
  font-size: var(--font-size--body);
  font-weight: bold;
}
.article-topics-topic-starbtn {
  color: var(--primary);
}
.article-topics-topic-starbtn:hover,
.article-topics-topic-starbtn:focus {
  color: var(--primary_darken);
}
.article-topics-topic-star {
  display: inline-block;
  vertical-align: -1px;
}
.article-close {
  padding: 10px;
  position: absolute;
  top: -10px;
  right: 0px;
  z-index: 1;
  color: var(--text_primary);
  font-size: 16px;
}
.article-breakingball {
  float: left;
  margin: 2px 9px 0 10px;
}
@media (min-width: 668px) {
  .article-breakingball {
    margin-left: 0;
  }
}
.article-resource_column > .resource--link--default:not(.resource--grouped)::before {
  content: "";
  background: var(--divider) center center no-repeat;
  bottom: 0;
  height: 1px;
  position: absolute;
  right: calc(var(--distance-factor) * 8px);
  left: calc(var(--distance-factor) * 8px);
  z-index: 11;
  top: 0;
  right: calc(8px * var(--distance-factor));
  left: calc(8px * var(--distance-factor));
}
.article-resource_column > .resource--link ~ .resource--link:not(.resource--grouped)::before {
  background: none;
}
@media (max-width: 1024px) {
  .article-resource_column--large :first-child.resource--fullwidth {
    margin-top: calc(-8px * var(--distance-factor));
  }
}
@media (min-width: 1024px) {
  .article-resource_column--large :first-child.resource--fullwidth {
    margin-top: calc(-8px * 3);
  }
}
.article-resource_column--large .resource--vignette {
  width: 75%;
}
.article-resource_column--large .resource--vignette.resource--fullwidth {
  width: 100%;
  line-height: 30px;
  padding-right: 10%;
}
.article-resource_column--large .starbox {
  line-height: 1.5;
  padding-right: calc(8px * var(--distance-factor));
}
.article-resource_column--large .starbox.resource--fullwidth {
  background-color: var(--background_primary);
  width: 10%;
  display: flex;
  justify-content: flex-end;
  padding: 0;
}
.article-resource_column--large .starbox.resource--fullwidth .starbox-star {
  padding-right: calc(8px * var(--distance-factor));
}
.article-resource_column--small {
  --image-size: 85px;
  --distance: calc(8px * var(--distance-factor));
}
@media (min-width: 480px) {
  .article-resource_column--small {
    --image-size: 100px;
  }
}
@media (min-width: 668px) {
  .article-resource_column--small {
    --image-size: 115px;
  }
}
.article-resource_column--small .resource--text {
  overflow: visible;
}
.article-resource_column--small .resource--image:nth-of-type(1).resource--image--small {
  float: right;
  max-width: var(--image-size);
  min-height: var(--image-size);
  margin-right: calc(8px * var(--distance-factor));
}
.article-resource_column--small .resource--vignette {
  margin-bottom: 8px;
}
.article-resource_column--small .starbox {
  display: none;
}
.article-resource_column--fact *,
.article-resource_column--qna *,
.article-resource_column--timeline *,
.article-resource_column--licensed * {
  --distance-factor: 2;
}
@media (min-width: 668px) {
  .article-resource_column--fact *,
  .article-resource_column--qna *,
  .article-resource_column--timeline *,
  .article-resource_column--licensed * {
    --distance-factor: 5;
  }
}
.sharebox {
  float: left;
}
.sharebox-item {
  float: left;
  margin-right: 30px;
}
.sharebox-item-icon {
  display: block;
  height: 38px;
  color: var(--primary);
  font-size: 28px;
}
.sharebox-item-icon--tw {
  padding-top: 4px;
  font-size: 25px;
}
.sharebox-item-icon--email {
  padding-top: 5px;
  font-size: 20px;
}
.sharebox-item-text {
  display: none;
}
.sharebox-permalink {
  padding-top: 6px;
  float: left;
  color: #888;
  position: relative;
  border: 0;
  background-color: inherit;
  font-size: 14px;
  font-size: 0.77777778rem;
}
.sharebox-permalink:hover {
  color: #555;
}
.sharebox-permalink-icon {
  margin-right: 4px;
}
@media (min-width: 1024px) {
  .sharebox {
    padding: 20px 0;
    float: none;
  }
  .sharebox-item {
    width: 25%;
    margin-right: 0;
    text-align: center;
  }
  .sharebox-item-icon--tw {
    padding-top: 4px;
    font-size: 25px;
  }
  .sharebox-item-icon--email {
    padding-top: 5px;
    font-size: 20px;
  }
  .sharebox-item-text {
    display: block;
    color: var(--text_primary);
    font-size: 14px;
    font-size: 0.77777778rem;
  }
  .sharebox-item:hover .sharebox-item-icon {
    color: var(--primary_darken);
  }
  .sharebox-item:hover .sharebox-item-text {
    color: #555;
  }
  .sharebox-permalink {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0;
    background-color: inherit;
    float: none;
  }
}
.sponsor-header {
  margin-bottom: 8px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 16px;
  padding-top: 16px;
}
span.sponsor-header-label {
  vertical-align: middle;
}
div.sponsor-header::after {
  content: "";
  background: var(--divider);
  height: 1px;
  position: absolute;
  bottom: 0;
  right: calc(var(--distance-factor) * 8px);
  left: calc(var(--distance-factor) * 8px);
  z-index: 11;
}
img.sponsor-header-logo {
  max-height: 25px;
  vertical-align: top;
  z-index: 11;
  position: relative;
  margin-left: 8px;
}
.bookmark {
  display: flex;
}
.bookmark-icon,
.bookmark-icon-active {
  width: 14px;
  margin-right: 12px;
}
.bookmark-icon path {
  fill: transparent;
  stroke: var(--primary);
  stroke-width: 1.6;
}
.bookmark-icon-active path {
  fill: var(--primary);
  stroke: var(--primary);
}
.pre-banner {
  width: 100%;
  padding: 20px 0 0;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: baseline;
  align-content: stretch;
}
.pre-banner-left {
  color: #888;
  text-transform: capitalize;
  font-size: 9px;
  font-size: 0.5rem;
}
.pre-banner-left-bigger {
  font-size: 11px;
  font-size: 0.61111111rem;
  letter-spacing: 0.02em;
}
.pre-banner-right {
  font-size: 11px;
  font-size: 0.61111111rem;
  letter-spacing: 0.02em;
}
.pre-banner i {
  cursor: pointer;
}
.banner {
  position: relative;
  padding: 0;
  overflow: hidden;
}
.banner:empty::before,
.banner:empty::after {
  content: "";
}
.banner--toppanorama,
.banner--mobiletoppanorama,
.banner--midpanorama {
  height: 258px;
  margin: auto;
  padding: 0px 0 18px;
}
.banner--nativeside {
  max-height: 435px;
  width: 100%;
  margin: auto;
  padding-bottom: 18px;
}
.banner--nativeside > div > iframe {
  width: 100%;
}
.banner--mobiletoppanorama {
  background-color: #f2f2f2;
  height: auto;
  padding-bottom: 10px;
  z-index: 3;
}
.banner--articleside {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}
.banner--articlepanorama {
  border-top: 1px solid #ddd;
  max-height: 196px;
  margin-top: 20px;
  margin-right: 0;
}
@media (min-width: 1024px) {
  .banner--articlepanorama {
    max-height: none;
  }
}
.banner--articlepanorama iframe {
  transform: scale(0.65306122);
  transform-origin: 0 0;
}
@media (min-width: 1024px) {
  .banner--articlepanorama iframe {
    transform: none;
  }
}
.banner--mobilearticlepanorama {
  margin: 0 10px 20px;
  position: relative;
}
.banner--mobilearticlepanorama::after {
  content: "";
  background: var(--divider) center center no-repeat;
  bottom: 0;
  height: 1px;
  position: absolute;
  right: calc(var(--distance-factor) * 8px);
  left: calc(var(--distance-factor) * 8px);
  z-index: 11;
}
@media (min-width: 668px) {
  .banner--mobilearticlepanorama {
    margin-left: 0;
    margin-right: 0;
  }
}
.banner--generalfeed {
  border-bottom: 8px solid #ccc;
  margin-bottom: 20px;
}
.banner--mobilegeneralfeed {
  border-bottom: 8px solid #ccc;
}
.banner--mobilegeneralfeed::before {
  margin-left: 10px;
}
@media (min-width: 668px) {
  .banner--mobilegeneralfeed {
    background: none;
  }
  .banner--mobilegeneralfeed::before {
    margin-left: 0;
  }
}
.banner--outsider {
  position: absolute;
  top: 0;
  left: 1028px;
}
.banner div,
.banner iframe {
  display: block;
  margin: auto;
}
.banner-article1placeholder,
.banner-outsiderplaceholder {
  background-color: #ccc;
  color: #666;
  text-align: center;
}
.banner-article1placeholder {
  width: 300px;
  height: 300px;
}
.banner-article1placeholder::after {
  content: "300 x 300";
  line-height: 300px;
}
.banner-outsiderplaceholder {
  width: 250px;
  height: 480px;
}
.banner-outsiderplaceholder::after {
  content: "250 x 480";
  line-height: 480px;
}
.banner--fullscreen {
  background: transparent;
  height: var(--viewHeight);
  position: relative;
  z-index: -1;
  margin-top: 0;
}
@media (min-width: 668px) {
  .banner--fullscreen {
    display: none;
  }
}
.banner--fullscreen--hide {
  display: none;
}
.banner--fullscreen-container {
  position: fixed;
  top: calc(86px + 25px + var(--banner-offset));
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  height: calc(100% - 86px - 25px - var(--banner-offset));
  z-index: 1;
  transition: opacity ease 500ms;
}
@media (min-width: 668px) {
  .banner--fullscreen-container {
    display: none;
  }
}
.banner--fullscreen-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.banner--fullscreen-container > div {
  position: absolute;
  width: 100vw !important;
  top: 0;
  height: calc(var(--viewHeight) - (86px + 25px + var(--banner-offset)));
}
.banner--fullscreen-label {
  background-color: var(--surface_primary);
  color: var(--text_secondary);
  position: sticky;
  z-index: 2;
  top: calc(86px + var(--banner-offset));
  width: 100%;
  height: 25px;
  font-size: 14px;
  padding: 0 8px;
  margin-top: 0;
  line-height: 25px;
  margin-bottom: -16px;
  border-top: 1px solid var(--background_secondary);
}
@media (min-width: 668px) {
  .banner--fullscreen-label {
    display: none;
  }
}
.banner--survey iframe {
  box-sizing: content-box;
  border-bottom: 8px solid #ddd !important;
  padding-bottom: 7px;
}
.native-ad-banner {
  background-color: var(--surface_primary);
}
.native-ad-banner iframe {
  width: 100%;
  border: 0;
  background: transparent;
  margin-bottom: 16px;
}
.native-ad-banner-label {
  background-color: var(--surface_primary);
  color: var(--text_secondary);
  top: 86px;
  width: 100%;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  border-top: 1px solid var(--background_secondary);
  padding: 0 8px 0 8px;
}
.bookmarks--empty {
  text-align: center;
}
.bookmarks-emptyimg {
  width: 120px;
  height: 120px;
  margin: 50px 0 20px;
}
.bookmarks-emptytext {
  margin-bottom: 0.5em;
}
.box {
  margin-bottom: 20px;
  padding: 0 calc(8px * var(--distance-factor));
}
.box-heading {
  padding: calc(8px * 2) 0;
  font-weight: 900;
  line-height: 1;
}
.box-main--empty > p > .icon--star {
  color: var(--primary);
}
@media (min-width: 1024px) {
  .box-main--empty {
    padding: calc(8px * 2);
  }
}
@media (min-width: 1024px) {
  .box-main--button {
    margin: 0 calc(8px * 2);
  }
}
.box-main > .group > .article::after {
  content: none;
}
.box-footer {
  margin-top: calc(8px * 2);
  display: flex;
}
@media (min-width: 1024px) {
  .box--padded {
    padding: calc(8px * 2);
  }
}
@media (min-width: 1024px) {
  .box {
    padding: 0;
  }
}
.box > .resource--byline {
  padding: 0;
  display: block;
}
.group {
  background: var(--background_primary);
  position: relative;
  padding: 0 0;
  box-shadow: var(--shadow-ambient--primary);
  margin-top: calc(8px * 2);
}
.subscription .group:last-child {
  margin-bottom: calc(8px * 4);
}
.group--sponsored {
  --background_primary: #fff8ec;
}
@media (max-width: 667px) {
  .group {
    z-index: 2;
  }
  .group--banner {
    z-index: 1;
    margin: 0;
    box-shadow: none;
  }
}
@media (min-width: 667px) {
  .group--banner {
    display: none;
  }
}
@media (max-width: 667px) {
  .group--themebox {
    margin: calc(8px * 2) 8px;
    border-radius: 4px;
    overflow: hidden;
  }
  .group--themebox article:first-of-type {
    padding-top: 0;
  }
}
.group--single {
  margin: 0;
  margin-top: calc(8px * 2);
  padding-top: 0px;
}
@media (max-width: 667px) {
  .group--single > .article--compact {
    border-radius: calc(8px / 2);
  }
}
@media (min-width: 1024px) {
  .group--single > .article--expandable {
    box-shadow: var(--shadow-ambient--primary);
  }
}
.group--single--flash {
  padding: 0;
  margin: 0 8px;
  margin-top: calc(8px * 2);
  border-radius: calc(8px / 2);
}
.main-narrow .group--single article:first-of-type {
  padding: 0;
}
@media (max-width: 667px) {
  .group--single {
    margin: calc(8px * 2) 8px;
    border-radius: 4px;
    overflow: hidden;
  }
  .group--single article:first-of-type {
    padding-top: 0;
  }
}
@media (max-width: 667px) {
  .group--single .article-resource_column--small .resource--image:nth-child(1) {
    padding-top: calc(8px * 3.65);
  }
}
@media (min-width: 667px) {
  .group--single .article-resource_column--small .resource--image:nth-child(1) {
    padding-top: calc(8px * 3.95);
  }
}
.group--single .article-resource_column--small .starbox {
  display: block;
  position: absolute;
  right: calc(8px * var(--distance-factor));
  top: calc(8px * var(--distance-factor));
}
@media (min-width: 668px) {
  .group--single .article-resource_column--small .starbox {
    top: 0;
  }
}
@media (min-width: 668px) {
  .group--single {
    margin: 0;
    margin-top: calc(8px * 2);
  }
  .group--single--flash {
    margin: 0;
    margin-top: calc(8px * 2);
  }
  .group--sponsored {
    padding-top: 0;
  }
}
.group--subscription {
  box-shadow: none;
  margin: 0;
}
.group--subscription > article > a {
  padding-top: 8px;
}
.component--sticky-sponsor-banner {
  height: 64px;
  width: 100%;
  background-image: var(--background_image);
  background-color: var(--background_primary);
  background-size: contain;
  border: 8px solid var(--background_primary);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-bottom: 8px;
  position: sticky;
  top: calc(86px - 2px + var(--banner-offset));
  z-index: 12;
}
@media (min-width: 1024px) {
  .component--sticky-sponsor-banner {
    top: calc(55px + var(--banner-offset));
  }
}
.component--storyHeading {
  display: flex;
  padding: calc(8px * 2) calc(8px * var(--distance-factor));
  position: relative;
  color: var(--primary);
  background-color: var(--background_primary);
  justify-content: space-between;
  align-items: center;
  font-weight: var(--font-weight--lead2);
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.77777778rem;
}
@media (min-width: 1290px) {
  .component--storyHeading--full {
    width: 1028px;
    padding-right: 364px;
    box-shadow: 0 -1px 5px 0 #ccc;
  }
}
.component--storyHeading-story {
  color: var(--text_primary);
}
.component--storyHeading-container--star {
  display: flex;
  align-items: center;
  justify-content: end;
}
.component--storyHeading > a {
  background-color: inherit;
  padding: 0;
}
.component--storyHeading--separator {
  color: var(--primary);
  padding: 0 4px;
}
.component--storyHeading + .article .teaser--small {
  padding-top: 0px;
}
.component--storyLink {
  display: block;
  color: var(--primary);
  background: var(--background_primary);
  font-size: 13px;
  font-size: 0.72222222rem;
  padding: calc(8px * 2);
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
@media (min-width: 1024px) {
  .component--storyLink {
    font-size: 14px;
    font-size: 0.77777778rem;
  }
}
.component--categoryHeading {
  margin-bottom: 0 !important;
}
.component--categoryLink {
  display: block;
  padding-bottom: 15px;
  color: #888;
  font-weight: 600;
  text-align: center;
}
.component--categoryLink--inrikes,
.component--categoryLink--36480a9056b9423daf4538f7aa62bad2 {
  color: #1ba4de;
}
.component--categoryLink--utrikes,
.component--categoryLink--feddd38a2f914a06a6f851eeb32a7eb7 {
  color: #2824a8;
}
.component--categoryLink--ekonomi,
.component--categoryLink--38e9c8064a9b42ee894fd7da5867e8f7 {
  color: #f9ac17;
}
.component--categoryLink--opinion,
.component--categoryLink--926a9dbdd8e74d77a9c49e3e5e7ad11c {
  color: #961d5d;
}
.component--categoryLink--sport,
.component--categoryLink--ea7e9c35b0ca4f36bf80cda5a55bbc68 {
  color: #2db99b;
}
.component--categoryLink--nojekultur,
.component--categoryLink--noje-kultur,
.component--categoryLink--9ab3863d85bd40099445d409daf9667e {
  color: #f93e83;
}
.component--categoryLink--tech,
.component--categoryLink--c3708684382b4848b740652385dc25a8 {
  color: #fce900;
}
.component--categoryLink--resa,
.component--categoryLink--ad322cd3-3ab2-4e55-ae66-eb64bef07128 {
  color: #e60051;
}
.component--categoryLink--politik,
.component--categoryLink--593baa17-e0d5-4bc2-88de-fa289e5bc319 {
  color: #888888;
}
.component--categoryLink--nocat,
.component--categoryLink--annonsmaterial,
.component--categoryLink--7dd702c7-7e69-43c8-8a76-a0a98e5d3d09 {
  color: #000000;
}
.component--categoryHeading + .component--categoryCarousel {
  margin-top: 10px;
}
.component--topicBox {
  padding: 0px calc(8px*var(--distance-factor)) 12px;
}
.component--topicBox-topics {
  padding-bottom: calc(8px*2);
}
.component--topicBox-topic {
  margin: 8px 0;
  clear: both;
}
.component--topicBox-topic-option {
  float: right;
}
@media (max-width: 668px) {
  .component--topicBox-topic-option {
    margin-right: 5px;
  }
}
.component--topicBox--storyHeading > a {
  background-color: var(--background_primary);
  color: var(--primary);
}
.component--topicBox--storyHeading button {
  color: var(--text_primary);
}
.component--topicBox .resource {
  padding: 0px 0px 8px;
}
.component--topicBox .article--compact {
  padding: 8px 0;
}
.component--topicBox .article--compact .article-link {
  display: grid;
  grid-template-columns: auto 115px;
  grid-template-areas: "title image";
  grid-column-gap: 8px;
}
.component--box_heading {
  padding: calc(8px * 2) calc(8px * var(--distance-factor));
  padding-top: calc(8px * 5);
}
.component--box_heading--title {
  font-family: var(--font-family--premium_h3);
  font-size: var(--font-size--premium_h3);
  font-weight: var(--font-weight--premium_h3);
  line-height: var(--line-height--premium_h3);
  color: var(--premium--primary);
  text-align: center;
  padding-bottom: 8px;
}
.component--box_heading--text {
  font-family: var(--font-family--premium_h2);
  font-size: var(--font-size--premium_h2);
  font-weight: var(--font-weight--premium_h2);
  line-height: var(--line-height--premium_h2);
  text-align: center;
}
.component--box_button {
  padding: calc(8px * 3) 0;
  text-align: center;
}
.feed {
  position: relative;
}
.feed .article:last-child::after {
  display: none;
}
.feed--partial {
  position: relative;
  background-color: var(--background_secondary);
  z-index: 2;
}
.feed--partial .group:first-child {
  margin-top: 0;
}
@media (min-width: 668px) {
  .feed--partial {
    margin-bottom: calc(8px * 2);
  }
  .feed--partial--latest,
  .feed--partial--topics {
    margin-bottom: 0px;
  }
}
.feed .feed-search-articles .group--cluster {
  margin-top: 0;
  padding-top: 0;
  box-shadow: none;
}
.feed-header {
  font-weight: 600;
  line-height: 1;
  display: flex;
  align-items: center;
  margin-bottom: calc(8px * 2);
  position: relative;
  padding: 8px;
}
.feed-header--title {
  display: inline-block;
  margin: auto 0;
}
.feed-header--topic {
  font-size: 1.2em !important;
  font-weight: 900;
  padding: calc(8px * 3) calc(8px * var(--distance-factor));
  background-color: var(--background_primary);
  box-shadow: var(--shadow-ambient--primary);
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .feed-header--topic {
    padding: calc(8px * 3);
  }
}
.feed-header--category {
  font-size: 1.2em;
  font-weight: 900;
  color: var(--text_primary);
  padding: calc(8px * 3);
  background-color: var(--background_primary);
  box-shadow: var(--shadow-ambient--primary);
}
.feed-header--page {
  padding-top: 20px;
}
.feed-header--page + p {
  padding: 0 8px;
}
.feed-header--page + p > .btn {
  background-color: var(--background_secondary);
}
.feed-header--icon {
  margin-right: calc(8px * 2);
  max-width: 30px;
}
.feed-header--star {
  color: var(--primary);
  align-self: flex-end;
}
.feed-header--star--active {
  color: #222222;
}
.feed-header--star-icon {
  display: block;
  margin-top: 3px;
  font-size: 25px;
}
.feed-header--star-label {
  display: none;
}
@media (min-width: 668px) {
  .feed-header {
    margin-bottom: 20px;
    font-size: 48px;
    font-size: 2.66666667rem;
    font-weight: 700;
  }
  .feed-header--category {
    font-size: 1em;
    font-weight: 900;
  }
  .feed-header-star-icon {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 10px;
  }
  .feed-header-star-label {
    display: block;
    color: #888;
    font-size: 13px;
    font-size: 0.72222222rem;
  }
}
@media (min-width: 1024px) {
  .feed-header--page {
    padding-top: 0;
  }
}
.feed-tabs {
  display: flex;
  background-color: var(--background_primary);
  width: 100%;
  border-bottom: 1px solid var(--divider);
}
.feed-tabs-tab {
  background-color: inherit;
  border: none;
  float: left;
  padding: calc(8px * 2) calc(8px * 4);
  position: relative;
  color: var(--text_secondary);
  font-size: 13px;
  font-size: 0.72222222rem;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
}
.feed-tabs-tab--active {
  color: var(--text_primary);
  border-bottom: 3.5px solid var(--primary);
}
@media (min-width: 668px) {
  .feed-tabs {
    margin-left: 0;
    margin-right: 0;
    font-size: 14px;
    font-size: 0.77777778rem;
  }
}
.feed-search {
  background-color: var(--background_primary);
  box-shadow: var(--shadow-ambient--primary);
  padding-top: calc(8px * 4);
}
.feed-search-container {
  padding: calc(8px * 2);
}
.feed-search-container--flex {
  display: flex;
  justify-content: center;
  position: relative;
}
.feed-search-container--flex::before {
  content: "";
  background: var(--divider) center center no-repeat;
  bottom: 0;
  height: 1px;
  position: absolute;
  right: calc(var(--distance-factor) * 8px);
  left: calc(var(--distance-factor) * 8px);
  z-index: 11;
  bottom: auto;
  top: 0;
}
.feed-search-container--button {
  padding: 8px calc(8px * 4);
  transition: color 200ms ease-in-out;
}
.feed-search--form {
  display: inline-flex;
  background-color: var(--background_secondary);
  overflow: hidden;
  border-radius: calc(8px * 4);
}
.feed-search--form--large {
  border: 2px solid var(--divider);
  padding: 8px calc(8px * 2);
}
.feed-search--form--padded {
  margin: calc(8px * 4) 0;
}
.feed-search-button {
  font-size: 26px;
  flex: 1;
  background-color: inherit;
}
.feed-search-input {
  flex: 9;
  border: none;
  background-color: inherit;
  width: 250px;
  font-weight: 600;
  font-size: 23px;
  font-size: 1.27777778rem;
}
.feed-search-input:focus {
  outline: none;
}
@media (min-width: 668px) {
  .feed-search-button {
    padding: 0 0 0 1px;
  }
  .feed-search-input {
    width: 560px;
  }
}
.feed-paging {
  display: none;
  padding: 20px 0;
}
.feed-paging-next {
  float: right;
  opacity: 0;
  cursor: auto;
}
.no-js .feed-paging {
  display: block;
}
.fishbox {
  display: none;
}
@media (min-width: 1024px) {
  .fishbox {
    display: block;
  }
}
.fishbox-bg {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
}
.fishbox-close {
  margin-top: -246px;
  margin-right: -462px;
  position: fixed;
  top: 50%;
  right: 50%;
  z-index: 1050;
  transform: translate(-50%, -50%);
  color: #fff;
}
.fishbox-content {
  background: #ffffff;
  box-shadow: 0 4px rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  width: 840px;
  height: 511px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  transform: translate(-50%, -50%);
  overflow: hidden;
}
.fishbox-content-left {
  width: 292px;
  float: left;
  padding: 113px 0 0 53px;
}
.fishbox-content-right {
  width: 548px;
  float: left;
}
.fishbox-content-img {
  width: 100%;
}
.fishbox-content-medals {
  height: 154px;
  margin-left: 33px;
}
.fishbox-content-medal {
  background: url("/img/medal.svg") top center no-repeat;
  background-size: 150px;
  display: inline-block;
  width: 150px;
  height: 180px;
  margin-top: -26px;
  margin-right: -6px;
  overflow: hidden;
  float: left;
  text-align: center;
}
.fishbox-content-medal-sup {
  display: block;
  width: 100px;
  margin: 43px auto 0;
  line-height: 1.15;
}
.fishbox-content-medal-sub {
  display: block;
  font-size: 11px;
  font-size: 0.61111111rem;
  letter-spacing: 0.02em;
}
.fishbox-content-title,
.fishbox-content-text,
.fishbox-content-buttons {
  margin-left: 65px;
}
.fishbox-content-title {
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 48px;
  font-size: 2.66666667rem;
  font-weight: 700;
}
.fishbox-content-text {
  max-width: 390px;
  margin-bottom: 25px;
  font-family: Tiempos, serif;
}
.fishbox-content-buttons {
  font-size: 24px;
  font-size: 1.33333333rem;
}
.fishbox-content-buttons-ios {
  width: 200px;
  margin-right: 12px;
}
.fishbox-content-buttons-android {
  width: 200px;
}
.fishbox-content-buttons-android i {
  vertical-align: -1px;
}
.fishstick {
  background: #ffffff;
  padding: 20px 30px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1030;
}
@media (min-width: 668px) {
  .fishstick {
    display: none;
  }
}
.fishstick--hide {
  display: none !important;
}
.fishstick-logo {
  display: block;
  margin: 0 0 20px;
  color: #000;
  font-size: 24px;
  font-size: 1.33333333rem;
}
.fishstick-title {
  margin: 0 0 25px;
  font-size: 35px;
  font-size: 1.94444444rem;
  font-weight: 600;
  line-height: 1.3;
}
.fishstick-img {
  display: block;
  max-width: 210px;
  height: auto;
  margin: 0 auto 20px;
}
.fishstick-button {
  width: 145px;
  float: left;
  margin: 0 0 15px;
}
.fishstick-button--right {
  float: right;
}
.fishstick-subtitle {
  clear: both;
  font-size: 13px;
  font-size: 0.72222222rem;
}
@media (max-width: 350px) {
  .fishstick {
    padding: 20px;
  }
  .fishstick-title {
    font-size: 24px;
    font-size: 1.33333333rem;
  }
  .fishstick-button {
    width: 130px;
  }
}
.errorpage {
  margin: auto;
  padding: 50px 10px 0;
  max-width: 600px;
  text-align: center;
}
@media (min-width: 668px) {
  .errorpage {
    padding-top: 115px;
  }
}
.errorpage-icon {
  font-size: 75px;
  color: #888;
}
.errorpage-icon--500 {
  margin-top: -53px;
  font-size: 128px;
}
.errorpage-title {
  color: #888;
}
.errorpage-message {
  padding-top: 30px;
  font-family: Tiempos, serif;
}
.header {
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  transition: 200ms transform;
  transform: translateY(0);
  box-shadow: var(--shadow-ambient--primary);
}
.header-banner--regular,
.header-banner--minimal {
  top: var(--banner-offset);
  box-shadow: 0 6px 5px -6px #cccccc;
}
.stickytoggle--folded .header {
  transform: translateY(-97%);
}
.stickytoggle--folded .header .menu {
  display: none !important;
}
.stickytoggle--foldfast .header {
  transition: none;
}
@media (min-width: 1024px) {
  .header {
    height: 55px;
  }
}
.header-main {
  display: grid;
  grid-template-columns: 3fr 2fr;
  grid-template-rows: 51px 34px;
}
@media (min-width: 1024px) {
  .header-main {
    grid-template-rows: 55px;
    grid-template-columns: 2fr 4fr 2.5fr;
  }
}
.header-container {
  display: flex;
}
.header-settings {
  grid-row: 1;
  justify-content: flex-end;
}
@media (min-width: 1024px) {
  .header-settings {
    grid-column-start: 3;
  }
}
.header-menu {
  grid-column-start: -3;
  grid-column-end: -2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1024px) {
  .header-menu {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row: 1;
  }
}
.header-gradient {
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.header-padding {
  height: 86px;
  padding: 0 10px;
}
@media (min-width: 1024px) {
  .header-padding {
    padding: 0 10px;
    height: 53px;
    line-height: 53px;
  }
}
.header .header-burger-container {
  display: inline-block;
  margin-bottom: -7px;
  margin-top: -2px;
  margin-left: -14px;
  padding: 10px 8px 0 12px;
  font-size: 27px;
  vertical-align: -6px;
}
@media (min-width: 1024px) {
  .header .header-burger-container {
    display: inline;
    vertical-align: -6px;
  }
}
.header-burger {
  display: inline;
  font-size: 27px;
  background: none !important;
  border: none;
  padding: 0;
}
.header-logo {
  display: inline;
  font-size: 21px;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row: 1;
  align-self: center;
}
.header-logo--500 {
  display: block;
  width: 68px;
  margin: 24px auto 0;
}
@media (min-width: 1024px) {
  .header-logo--500 {
    margin-top: 0;
  }
}
.sponsorbanners-banner {
  display: block;
  height: 42px;
  padding: 10px 0 9px;
  line-height: 1;
  text-align: center;
}
.sponsorbanners-banner-img {
  width: auto;
  height: 20px;
}
:focus {
  outline: none;
}
.main {
  padding-top: 0;
  padding-bottom: 15px;
  position: relative;
  margin-left: 0;
  margin-right: 0;
}
.main-bg {
  background: #fafafa;
}
.main-editorial--center {
  text-align: center;
}
.main-editorial p {
  margin-bottom: 1em;
}
.main-wide,
.main-narrow {
  min-height: 1px;
  position: relative;
}
.main-narrow {
  background-color: transparent;
}
.main-narrow--side {
  height: fit-content;
  height: -moz-fit-content;
  background-color: #ffffff;
  z-index: 1;
  margin-left: 8px;
}
.main-wide--feed {
  margin-top: calc(8px * 2);
}
.main-wide--feed--latest > .feed > .feed--partial,
.main-wide--feed--topics > .feed > .feed--partial {
  padding-top: 0;
  background-color: var(--background_primary);
  box-shadow: var(--shadow-ambient--primary);
}
.main-wide--feed--latest > .feed > .feed--partial > .group,
.main-wide--feed--topics > .feed > .feed--partial > .group {
  box-shadow: none;
  margin: 0;
  position: relative;
}
.main-wide--feed--latest > .feed > .feed--partial > .group::after,
.main-wide--feed--topics > .feed > .feed--partial > .group::after {
  content: "";
  background: var(--divider) center center no-repeat;
  bottom: 0;
  height: 1px;
  position: absolute;
  right: calc(var(--distance-factor) * 8px);
  left: calc(var(--distance-factor) * 8px);
  z-index: 11;
}
@media (min-width: 1024px) {
  .main-wide--feed {
    margin-top: 0;
  }
}
@media (min-width: 668px) {
  .main {
    padding: 0 calc(8px * 2);
  }
}
@media (min-width: 1024px) {
  .main {
    padding: calc(8px * 2) 0;
    overflow: visible;
  }
}
@media (max-width: 668px) {
  .main-anticolumn {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .main-wide {
    width: 688px;
    flex-shrink: 0;
  }
  .main-wide--feed {
    min-width: 688px;
    max-width: 688px;
  }
  .main-narrow {
    min-width: 331px;
  }
  .main-line {
    background: #ddd;
    width: 1px;
  }
  .main-line--middle {
    left: 688px;
  }
}
.menu {
  background-color: #ffffff;
  border-top: none;
  display: none;
  padding: 20px;
  position: absolute;
  top: calc(var(--header-height--xs) - 2px);
  line-height: 1.33333333;
  max-height: calc((var(--viewHeight) - 86px) - var(--banner-offset));
  overflow-y: auto;
  box-shadow: 0 2px 5px 0 #cccccc;
}
.menu--icon {
  display: flex;
  align-items: center;
  max-width: 22px;
  margin-right: var(--base);
}
.menu--icon > img {
  width: 100%;
  height: auto;
}
@media (min-width: 1024px) {
  .menu {
    top: var(--header-height--lg);
  }
}
.menu-misc {
  width: 100%;
  left: 0;
  line-height: 2.5;
}
.header .menu-misc {
  display: block;
}
.menu-misc-header {
  margin: 8px 0;
  font-size: var(--font-size--lead2);
}
.menu-misc-header > h3 {
  font-size: 0.8em;
  font-weight: var(--font-weight--lead2);
}
@media (min-width: 668px) {
  .menu-misc {
    width: 300px;
  }
}
.menu-misc-search {
  margin: 0 -10px 10px;
}
.menu-misc-categories {
  padding-bottom: 15px;
  position: relative;
}
.menu-misc-categories::after {
  content: "";
  background: var(--divider) center center no-repeat;
  bottom: 0;
  height: 1px;
  position: absolute;
  right: calc(var(--distance-factor) * 8px);
  left: calc(var(--distance-factor) * 8px);
  z-index: 11;
  right: calc(8px / -2);
  left: calc(8px / -2);
}
.menu-misc-categories a.menu-misc-item--active,
.menu-misc-categories a:hover {
  color: #333;
}
.menu-misc-divider-title {
  font-size: var(--font-size--h5);
  font-weight: var(--font-weight--lead2);
}
.menu-misc-divider:not(:first-child) {
  padding-top: calc(8px * 2);
}
.menu-misc-links {
  padding: 15px 0;
  position: relative;
}
.menu-misc-links::after {
  content: "";
  background: var(--divider) center center no-repeat;
  bottom: 0;
  height: 1px;
  position: absolute;
  right: calc(var(--distance-factor) * 8px);
  left: calc(var(--distance-factor) * 8px);
  z-index: 11;
  right: 0;
  left: 0;
}
.menu-misc-links a:hover {
  color: #333;
}
.menu-misc-item {
  display: flex;
  height: 37px;
  color: #222222;
  font-size: 14px;
  font-size: 0.77777778rem;
}
.menu-misc-item--eic,
.menu-misc-item--contact {
  margin-top: 10px;
  line-height: 1.5;
  font-size: 13px;
  font-size: 0.72222222rem;
}
.menu-misc-item--eic {
  display: flex;
  flex-direction: column;
  color: #888888;
}
.menu-misc-item--eic > div {
  font-weight: 600;
  margin: 8px 0;
}
.menu-misc-item--eic > div > div > a {
  color: #5c8e81;
}
.menu-misc-category {
  display: flex;
  align-items: center;
}
.menu-misc-category > .menu--icon {
  margin-right: calc(8px * 2);
  height: 20px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.menu-misc-category > .menu--icon > svg {
  width: auto;
}
.menu-misc--location {
  font-size: 12px;
  line-height: var(--line-height--body);
  color: var(--text_secondary);
  margin-top: 8px;
}
.menu-misc--privacy {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.menu-misc--logo {
  max-width: 20%;
  opacity: 0.5;
  display: flex;
}
.menu-misc--footer {
  padding-top: calc(var(--base) * 3);
  display: flex;
  align-items: baseline;
}
.menu-misc--footer > p {
  color: var(--text_secondary);
}
.menu-misc--footer > div {
  opacity: 1;
  margin-left: var(--base);
}
.menu-misc--footer > .menu-misc-item {
  font-size: 12px;
}
.menu-mega {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 400px;
  max-height: calc(var(--viewHeight) - 86px - var(--banner-offset));
  right: 0;
  color: #888;
  padding: 0;
  font-size: 14px;
  font-size: 0.77777778rem;
}
@media (min-width: 668px) {
  .menu-mega {
    width: 400px;
    max-height: calc(100vh - 55px);
  }
}
.menu-mega--login {
  width: 810px;
  padding-top: 40px;
}
.menu-mega--logout {
  display: flex;
  width: 100%;
  padding-top: 10px;
  justify-content: center;
  font-size: 1.1em;
  font-weight: var(--font-weight--subheading);
}
.menu-mega-settings-links {
  line-height: 2;
}
.menu-mega-settings-links-link {
  display: flex;
  align-self: center;
  justify-content: space-between;
  background-color: inherit;
  border: 0;
  padding: 0;
  color: var(--text_primary);
  flex-grow: 1;
  font-size: var(--font-size--h7);
  font-weight: var(--font-weight--h7);
  letter-spacing: var(--letter-spacing--h7);
  line-height: var(--line-height--h7);
  font-family: var(--font-family--h7);
}
.menu-mega-settings-links--icon {
  display: flex;
  justify-content: center;
  margin-right: calc(var(--base) * 2);
  height: 17px;
  min-width: 20px;
}
.menu-mega-settings-links--icon > svg {
  width: auto;
}
.menu-mega-settings-links--container {
  display: flex;
  padding-bottom: 30px;
}
.menu-mega-settings-links--container.primary {
  --premium--primary: var(--primary);
}
.menu-mega-divider {
  margin-bottom: 20px;
  border-bottom: 1px solid #dfdfdf;
  opacity: 0.8;
}
.menu-mega-user,
.menu-mega-usermix {
  flex: 1;
  padding: calc(8px * 3);
}
.menu-mega-user {
  padding-top: 0;
}
.menu-mega-usermix {
  max-height: calc(100vh - 86px - var(--banner-offset));
}
@media (min-width: 668px) {
  .menu-mega-settings,
  .menu-mega-divider {
    width: 100%;
  }
}
.menu-mega--top {
  padding-top: 0;
  padding-bottom: 20px;
}
.menu-mega--middle {
  padding-top: 10px;
}
.menu-mega-ctalogin {
  width: 290px;
  padding: 0 40px 0 0;
}
.menu-mega-ctasubscribe {
  width: 440px;
  margin-bottom: 20px;
}
.menu-mega-ctamix {
  width: 440px;
}
.menu-mega-close {
  background: none !important;
  border: none;
}
.menu-mega-h1 {
  max-width: 220px;
  margin: 0 0 30px;
  color: #333;
  font-size: 24px;
  font-size: 1.33333333rem;
  line-height: 1.3;
}
.menu-mega-h2,
.menu-mega-heading {
  margin-top: 2px;
  margin-bottom: 5px;
  color: #333;
  font-size: 18px;
  font-size: 1rem;
}
.menu-mega-h2-mix,
.menu-mega-heading-mix {
  display: inline-block;
  margin-right: 9px;
  font-size: 19px;
  color: #222222;
  vertical-align: -2px;
}
.menu-mega-h2-star,
.menu-mega-heading-star {
  display: inline-block;
  margin-top: -4px;
  margin-right: 6px;
  font-size: 22px;
  color: #222222;
  vertical-align: -2px;
}
.menu-mega-circle,
.menu-mega-mix {
  border-radius: 100%;
  float: left;
  width: 95px;
  height: 95px;
  margin-right: 20px;
  line-height: 65px;
  text-align: center;
  font-size: 30px;
}
.menu-mega-circle {
  border: 15px solid;
}
.menu-mega-circle-star,
.menu-mega-circle-mix {
  color: #333;
}
.menu-mega-circle-star {
  vertical-align: -1px;
}
.menu-mega-circle-mix {
  vertical-align: -2px;
}
.menu-mega-btn {
  display: block;
  width: 240px;
  margin-bottom: 10px;
  margin-right: 10px;
}
.menu-mega-infotext {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #222222;
}
.menu-mega--underline {
  letter-spacing: var(--letter-spacing--underline2);
  line-height: var(--line-height--underline2);
  font-size: 12px;
  font-weight: var(--font-weight--underline2);
  color: var(--text_secondary);
}
.menu-mega--underline > a {
  text-decoration: underline;
  padding-left: calc(var(--base) / 2);
}
.menu--premium {
  color: var(--premium--primary);
}
.messages {
  width: 420px;
  max-width: 100%;
  padding: 0 10px;
  position: fixed;
  top: 86px;
  left: 50%;
  z-index: 1031;
  transform: translateX(-50%);
}
@media (min-width: 1024px) {
  .messages {
    top: 55px;
  }
}
.messages-message {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 5px 0 rgba(0, 0, 0, 0.4);
  border: 1px solid #888;
  margin-top: 20px;
  padding: 12px 30px 12px 20px;
  position: relative;
}
.messages-message-close {
  height: 50px;
  padding: 0 4px;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
}
.modal {
  --modalBackground: hsla(0, 0%, 0%, 0.6);
  --takeClicks: auto;
}
.modal-cogwheel {
  margin: 0 auto;
  background: #ffffff;
  width: 400px;
  max-width: 100%;
  padding: calc(3 * 8px);
}
.modal-cogwheel h3 {
  font-size: larger;
  margin-bottom: 10px;
}
.modal-cogwheel-link {
  font-weight: bold;
  color: #5c8e81;
}
.modal-cogwheel-footer {
  margin-top: 30px;
  color: #888888;
  text-align: center;
  font-size: small;
}
.modal-cogwheel-footer-link {
  font-weight: bold;
}
.modal-cogwheel-x {
  text-align: right;
}
.modal-bg {
  background: var(--modalBackground);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  pointer-events: var(--takeClicks);
}
.modal-bg--text {
  background: #ffffff;
}
.modal .no-active-subscription {
  display: flex;
  flex-direction: column;
  padding: 16px 20px;
  overflow-y: scroll;
  top: 86px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  position: fixed;
  z-index: 200;
  /* EKO / BackgroundPrimary */
  font-family: var(--font-family--underline2);
  font-size: 14px;
  line-height: 16px;
  background: var(--background_primary);
  /* Elevation Medium */
}
@media (min-width: 480px) {
  .modal .no-active-subscription {
    overflow-y: auto;
  }
}
@media (min-width: 668px) {
  .modal .no-active-subscription {
    top: 120px;
    border-radius: 10px;
    bottom: unset;
    width: 340px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.15);
  }
}
.modal .no-active-subscription a {
  color: var(--primary);
}
.modal .no-active-subscription > .close {
  width: 1.5rem;
  align-self: flex-end;
}
.modal .no-active-subscription > .center-block {
  width: 5rem;
}
.modal .no-active-subscription > .buy-button {
  display: block;
  width: 100%;
  text-align: center;
}
.modal .no-active-subscription > .buy-button button {
  max-width: 150px;
  color: var(--surface_primary);
  background: var(--primary);
  margin-bottom: 1rem;
}
.modal .no-active-subscription h2 {
  font-family: var(--font-family--h2);
  font-size: 26px;
  line-height: 30px;
  padding-bottom: 1rem;
}
.modal .no-active-subscription h3 {
  font-family: var(--font-family--underline2);
  font-size: 16px;
  line-height: 19px;
  padding-bottom: 1rem;
  font-weight: 500;
}
.modal .no-active-subscription p:not(:last-child) {
  padding-bottom: 1rem;
  color: var(--text_secondary);
}
.modal .no-active-subscription p::first-line {
  color: var(--text_primary);
}
.modal-premium {
  position: fixed;
  bottom: 0;
  width: 100vw;
  height: calc(100% * (0.15 + var(--showLockContainer) * 0.25));
  z-index: 100;
  transition: height 200ms ease-in-out;
}
.modal-premium--bg {
  top: 86px;
}
@media (min-width: 1024px) {
  .modal-premium--bg {
    top: 55px;
  }
}
.modal-premium-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-premium-content--hidden {
  display: none;
  opacity: 0;
}
.modal-premium-content--visible {
  display: block;
  opacity: 1;
}
.modal-premium-content--desktop {
  display: none;
  margin-left: 0;
}
.modal-premium-content--mobile {
  display: block;
  text-align: center;
}
@media (min-width: 668px) {
  .modal-premium-content--mobile {
    display: none;
  }
  .modal-premium-content--desktop {
    display: block;
  }
}
.modal-premium-content--container {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
  width: 100%;
  transition: all 200ms ease-in-out;
  position: relative;
  flex-direction: column;
}
@media (min-width: 668px) {
  .modal-premium-content--container {
    flex-direction: row;
    align-items: center;
    width: 90%;
    height: 50%;
    padding-top: 20px;
  }
}
@media (min-width: 1175px) {
  .modal-premium-content--container {
    width: 70%;
  }
}
@media (min-width: 1290px) {
  .modal-premium-content--container {
    width: 60%;
  }
}
.modal-premium-content--container .close {
  width: 40px;
  display: flex;
  position: absolute;
  height: 50px;
  top: -20px;
  justify-content: center;
  margin: 0 auto;
  cursor: pointer;
  right: calc(50% - (50px / 2));
}
@media (min-width: 480px) {
  .modal-premium-content--container .close {
    top: -15px;
  }
}
@media (min-width: 668px) {
  .modal-premium-content--container .close {
    right: calc(50% - (100px / 2));
    width: 100px;
    top: -55px;
  }
}
.modal-premium-content--container .close .left {
  display: inline-block;
  width: 50px;
  height: 0px;
  border-bottom: 3px solid #fff;
  transform: rotate(30deg) translate(12px, 32px);
}
@media (min-width: 668px) {
  .modal-premium-content--container .close .left {
    transform: rotate(30deg) translate(15px, 32px);
  }
}
.modal-premium-content--container .close .right {
  display: inline-block;
  width: 50px;
  height: 0px;
  border-bottom: 3px solid #fff;
  transform: rotate(-30deg) translate(-25px, 25px);
}
@media (min-width: 668px) {
  .modal-premium-content--container .close .right {
    transform: rotate(-30deg) translate(-27px, 25px);
  }
}
.modal-premium-content-button--container {
  display: flex;
  color: #fff;
  flex-direction: column;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .modal-premium-content-button--container {
    margin-left: 60px;
  }
}
.modal-premium-content-button--primary {
  height: 38px;
  width: 300px;
  background-color: #5c8e81;
  border-radius: 26px;
  font-size: 14px;
}
@media (min-width: 480px) {
  .modal-premium-content-button--primary {
    padding: 8px;
    font-size: 16px;
    height: 44px;
  }
}
@media (min-width: 1024px) {
  .modal-premium-content-button--primary {
    height: 56px;
    width: 350px;
  }
}
.modal-premium-content-button--secondary {
  background-color: transparent;
}
.modal-premium-content--text {
  color: #fff;
  width: 85%;
  margin: 0 auto;
  margin-bottom: 5px;
  font-size: 12px;
}
@media (min-width: 480px) {
  .modal-premium-content--text {
    font-size: 14px;
  }
}
@media (min-width: 668px) {
  .modal-premium-content--text {
    margin-right: calc(8px * 2);
  }
}
@media (min-width: 668px) {
  .modal-premium-content--text {
    margin-right: 0;
  }
}
.modal-premium-content--text .title {
  font-size: 1em;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  font-size: 14px;
}
@media (min-width: 480px) {
  .modal-premium-content--text .title {
    font-size: 18px;
  }
}
@media (min-width: 668px) {
  .modal-premium-content--text .title {
    text-align: left;
    margin-left: 0;
  }
}
@media (min-width: 1024px) {
  .modal-premium-content--text .title {
    font-size: 1.3em;
    margin-bottom: 10px;
    margin-top: 15px;
  }
}
.modal-premium-content--text .block {
  width: 85%;
  margin: 0 auto;
}
@media (min-width: 668px) {
  .modal-premium-content--text .block {
    width: 100%;
  }
}
.modal-premium-content--bg {
  background-color: #1a1a49;
}
.modal-premium-popup--title {
  font-size: var(--font-size--h2);
  font-weight: var(--font-weight--h2);
  text-align: center;
}
.modal-premium-popup--image {
  width: clamp(100px, 80%, 400px);
  margin-bottom: -5%;
  margin-top: -5%;
}
.modal-premium-popup--buttons {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  font-weight: var(--font-weight--button);
  font-size: var(--font-size--button);
}
.modal-premium-popup--buttons > button {
  background: transparent;
  color: var(--text_primary);
  font-weight: 600;
}
.modal-premium-popup--buttons > a {
  padding: var(--base) calc(var(--base) * 2);
  background-color: var(--premium--primary);
}
@media (min-width: 668px) {
  .modal-premium-popup--buttons > a {
    padding: var(--base) calc(var(--base) * 4);
  }
}
.modal-premium-popup--buttons > a:hover {
  background-color: var(--premium--primary--darken);
}
.modal-content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1050;
  animation-name: __slideInUpMobile;
  animation-duration: 333ms;
}
.modal-content-premium--popup {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  background: var(--ipsum--green);
  width: 90%;
  justify-content: space-around;
  max-width: 400px;
  height: 420px;
  top: calc(var(--base) * 5 + var(--header-height--xs));
  max-width: 100%;
  padding: calc(var(--base) * 2);
  border-radius: var(--base);
}
.modal-content--text {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 20px;
  max-width: 720px;
}
.modal-content p,
.modal-content h1 {
  margin-bottom: 1em;
}
.modal-content-fixedratio {
  z-index: 1;
}
.modal-content-fixedratio .resource-img {
  position: absolute;
}
.modal-content-fixedratio-square .resource-img {
  position: absolute;
}
.modal-content-fixedratio--hidden {
  position: absolute;
  z-index: -1;
  visibility: hidden;
}
.modal-content-title {
  font-size: 24px;
  font-size: 1.33333333rem;
}
.modal-content-image {
  cursor: zoom-out;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal-content-caption {
  background: rgba(0, 0, 0, 0.6);
  padding: 10px 15px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  color: #fff;
  font-size: 0.88em;
  z-index: 2;
}
.modal-content-prev,
.modal-content-next {
  background: rgba(0, 0, 0, 0.5);
  border-style: none;
  border-radius: 100%;
  box-sizing: content-box;
  width: 40px;
  height: 40px;
  padding: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 40px;
  line-height: 1;
  text-align: center;
  z-index: 15;
}
.modal-content-prev {
  left: 10px;
}
.modal-content-prev::after {
  content: "<";
}
.modal-content-next {
  right: 10px;
}
.modal-content-next::after {
  content: ">";
}
.modal-content-close {
  padding: 20px;
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 668px) {
  .modal-bg {
    background: var(--modalBackground);
  }
  .modal-bg--text {
    background: rgba(255, 255, 255, 0.8);
  }
  .modal-content {
    width: 1028px;
    max-width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    animation-name: __slideInUp;
    animation-duration: 333ms;
  }
  .modal-content-premium--popup {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    background: var(--ipsum--green);
    width: 550px;
    padding: calc(var(--base) * 3) calc(var(--base) * 8);
  }
  .modal-content--text {
    max-width: 720px;
  }
  .modal-content-fixedratio {
    padding-bottom: 50%;
  }
  .modal-content-fixedratio .resource-img {
    position: absolute;
  }
  .modal-content-fixedratio-square {
    padding-bottom: 100%;
  }
  .modal-content-fixedratio-square .resource-img {
    position: absolute;
  }
  .modal-content-image {
    display: block;
    margin: auto;
    width: 100%;
  }
  .modal-content-image--fallback {
    z-index: -1;
  }
}
@keyframes __slideInUp {
  0% {
    transform: translate(-50%, 100%);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
@keyframes __slideInUpMobile {
  0% {
    transform: translate(0%, 100%);
  }
  100% {
    transform: translate(0%, 0%);
  }
}
* {
  outline: 1px solid rgba(255, 0, 0, 0);
}
.resource {
  background: var(--background_primary);
  color: var(--text_primary);
  flex: 1 1 auto;
  width: 100%;
  /* &:last-child:not(.resource--carousel):not(.resource--disclaimer):not(.resource--sponsored) {
    // margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
    &::after {
      content: none;
    }
  } */
}
.resource h1 {
  margin: 0;
}
.resource-flash--icon {
  width: 20px;
  margin-right: calc(8px * 2);
}
.resource-flash--title {
  font-weight: normal;
  font-family: inherit;
}
.resource-flash--title > span {
  display: inline-block;
  font-weight: bold;
  margin-right: 8px;
}
.resource-question {
  font-size: var(--font-size--h2);
  font-weight: var(--font-weight--h2);
  letter-spacing: var(--letter-spacing--h2);
  line-height: var(--line-height--h2);
  font-family: var(--font-family--h2);
  padding: calc(8px * 3) calc(8px * 3);
}
.resource-question--buttons {
  display: flex;
  padding: calc(8px * 2) 0;
}
.resource-question-button {
  color: var(--text_primary);
  font-size: var(--font-size--lead2);
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--font-family--lead);
}
.resource-question-button--next {
  background-color: var(--background_primary);
  border: 1px solid var(--primary);
  margin-left: auto;
  padding: calc(8px / 2) calc(8px * 3);
}
.resource-question-button--next:hover {
  background-color: var(--background_primary);
}
.resource-question + .resource-answer {
  padding-top: 8px;
}
.resource-answer {
  padding: 8px;
  padding-top: 0;
  background-color: var(--background_secondary);
}
@media (min-width: 668px) {
  .resource-answer {
    padding-bottom: 0;
    background-color: var(--background_primary);
  }
}
.resource-answer--card {
  background-color: var(--background_primary);
  padding: calc(8px * 3);
  border-radius: 4px;
}
@media (min-width: 668px) {
  .resource-answer--card {
    padding: 0;
  }
}
.resource-answer-expert--container {
  display: flex;
  justify-content: space-around;
  padding-bottom: calc(8px * 2);
}
@media (min-width: 668px) {
  .resource-answer-expert--container--regular {
    padding: calc(8px * 2) calc(8px * var(--distance-factor));
  }
}
@media (min-width: 1024px) {
  .resource-answer-expert--container--regular {
    padding: calc(8px * var(--distance-factor));
  }
}
.resource-answer-expert-image {
  flex: 2;
  height: auto;
  position: relative;
}
@media (min-width: 480px) {
  .resource-answer-expert-image {
    flex: 0.8;
  }
}
@media (min-width: 668px) {
  .resource-answer-expert-image {
    flex: 0.5;
  }
}
@media (min-width: 1024px) {
  .resource-answer-expert-image {
    flex: 1;
  }
}
.resource-answer-expert-image > img {
  border-radius: 50%;
  position: absolute;
  top: 0;
  width: 100%;
}
.resource-answer-expert-image::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.resource-answer-expert--info {
  flex: 4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: calc(8px * 2);
}
.resource-answer-expert--text {
  font-family: var(--font-family--body);
}
@media (min-width: 668px) {
  .resource-answer-expert--text--regular {
    padding-bottom: calc(8px * 2);
  }
}
@media (min-width: 1024px) {
  .resource-answer-expert--text--regular > .resource--text > p:last-of-type {
    border-bottom: 1px solid var(--inactive);
  }
}
@media (min-width: 668px) {
  .resource-answer-expert--text--regular:last-of-type {
    padding-bottom: calc(8px * 2);
  }
}
@media (min-width: 1024px) {
  .resource-answer-expert--text--regular:last-of-type {
    padding-bottom: calc(8px * 3);
  }
}
.resource-answer-expert--name {
  font-size: var(--font-size--lead2);
  color: var(--primary);
  font-family: var(--font-family--lead2);
}
.resource-answer-expert--name--fact,
.resource-answer-expert--name--qna,
.resource-answer-expert--name--timeline,
.resource-answer-expert--name--licensed {
  color: var(--text_primary);
  font-weight: var(--font-weight--h2);
  margin-bottom: 8px;
}
.resource-answer-expert--title--fact,
.resource-answer-expert--title--qna,
.resource-answer-expert--title--timeline,
.resource-answer-expert--title--licensed {
  font-size: var(--font-size--h6);
  font-weight: var(--font-weight--h6);
}
@media (min-width: 1024px) {
  .resource-answer-expert--last > .resource--text > p:last-of-type {
    border-bottom: 0px;
  }
}
.resource-answer--fact,
.resource-answer--qna,
.resource-answer--timeline,
.resource-answer--licensed {
  padding: calc(8px * 2) 0;
}
.resource--image {
  overflow: hidden;
  display: block;
  font-size: 0;
  grid-area: image;
  padding: 8px 0;
}
.resource--image--video {
  cursor: pointer;
}
.resource--image--video > div {
  position: relative;
  height: var(--image-size);
  display: flex;
  align-items: center;
  overflow: hidden;
}
.resource--image--video--fact,
.resource--image--video--qna,
.resource--image--video--timeline,
.resource--image--video--licensed {
  padding-bottom: 0 !important;
}
.resource--image--native-ad {
  padding-top: calc(8px * 2);
  padding-bottom: calc(8px);
}
.resource--image--large {
  padding-top: 0;
  padding-bottom: 8px;
}
@media (min-width: 480px) {
  .group--single .article-forcefullwidth .resource--image--large {
    padding-top: 0;
  }
}
.resource--image--large > div {
  height: auto;
}
@media (min-width: 480px) {
  .article-resource_column > .resource--image--large {
    padding-bottom: calc(8px * 2);
  }
}
.article-resource_column > .resource--image--large--fact,
.article-resource_column > .resource--image--large--qna,
.article-resource_column > .resource--image--large--timeline,
.article-resource_column > .resource--image--large--licensed {
  padding-bottom: calc(8px * 3);
}
.component--box_heading + article .resource--image--large {
  padding-left: calc(8px * var(--distance-factor));
  padding-right: calc(8px * var(--distance-factor));
}
.resource--image--small {
  padding-bottom: 0;
}
.resource--image--horizontalpadding .horizontalpadding {
  padding-left: calc(8px * var(--distance-factor));
  padding-right: calc(8px * var(--distance-factor));
}
@media (max-width: 1023px) {
  .resource--image--horizontalpadding--small img {
    padding-left: calc(8px * var(--distance-factor));
    padding-right: calc(8px * var(--distance-factor));
  }
}
@media (min-width: 1024px) {
  .resource--image--horizontalpadding--large img {
    padding-left: calc(8px * var(--distance-factor));
    padding-right: calc(8px * var(--distance-factor));
  }
}
.resource--image--horizontalpadding--sm.resource--image-caption,
.resource--image--horizontalpadding--lg.resource--image-caption {
  padding-left: 0;
}
.resource--image-caption {
  color: var(--text_secondary);
  font-size: var(--font-size--underline);
  font-weight: var(--font-weight--underline);
  padding: 8px calc(8px * var(--distance-factor));
}
.resource--image + .resource {
  width: unset;
}
.resource-img {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
}
.resource-img > img {
  width: 100%;
  height: auto;
  z-index: 1;
}
.resource-img[data-watermark="true"]:after {
  content: "";
  display: block;
  position: absolute;
  background-image: var(--watermark-url);
  background-size: 100%;
  background-position: bottom;
  padding-top: 100%;
  background-repeat: no-repeat;
  bottom: 0;
  width: 100%;
  right: 0;
  color: white;
  z-index: 2;
}
@media (min-width: 1024px) {
  .article-resource_column .resource-img[data-watermark="true"]:after {
    right: calc(8px * var(--distance-factor));
  }
}
.resource-videoimg {
  width: 100%;
  height: auto;
}
.teaser--small .resource-videoimg,
.teaser--latest .resource-videoimg {
  transform: scale(2);
}
.resource-zoomable {
  cursor: zoom-in;
}
.resource-playbtn {
  margin: 0 auto;
  position: absolute;
  z-index: 10;
  color: #c11;
  font-size: 60px;
  line-height: 60px;
  top: 80%;
  left: 12%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.resource-playbtn::after {
  content: "";
  background: inherit;
  width: 40px;
  height: 40px;
  left: 50%;
  top: 50%;
  z-index: -1;
}
.resource--image--small .resource-playbtn {
  font-size: 40px;
  top: calc(var(--image-size) - 30px);
  left: 30px;
}
.resource--vignette {
  padding-left: calc(8px * var(--distance-factor));
  font-family: var(--font-family--overline);
  font-weight: var(--font-weight--overline);
  line-height: var(--line-height--overline);
  font-size: var(--font-size--overline);
  text-transform: uppercase;
}
.resource--vignette-annons {
  font-weight: bold;
  color: var(--text_primary);
  background: var(--background_primary);
  padding: 8px calc(8px * var(--distance-factor)) 8px;
}
.group--cluster .resource--vignette {
  display: none;
}
.resource--vignette-topic {
  color: var(--primary);
  background-color: inherit;
}
.group--cluster .resource--vignette-topic {
  display: none;
}
.resource--vignette-topic--sponsored {
  color: #555;
}
.resource--vignette-topic--sponsored::before {
  content: "ANNONS | ";
  color: #333;
  background: #fff8ec;
  display: inline-block;
  margin-right: 2px;
}
.resource--vignette-topic--native-ad {
  color: var(--text_primary);
}
.resource--vignette-topic--fact,
.resource--vignette-topic--qna,
.resource--vignette-topic--timeline,
.resource--vignette-topic--licensed {
  text-transform: none;
  color: var(--text_primary);
}
.resource--vignette-supertag {
  margin-right: 4px;
  color: var(--primary);
  font-weight: 600;
}
.resource--vignette-supertag::after {
  content: "|";
  margin: 0;
  margin-left: 4px;
}
.resource--vignette--small .resource--vignette-status {
  display: none;
}
.component--topicBox .resource--vignette {
  display: none;
}
.resource--vignette-suffix {
  text-transform: none;
  color: var(--primary);
}
.resource--vignette-suffix--premium {
  color: var(--premium--primary);
}
.resource--vignette-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-area: vignette;
}
.article-resource_column > .resource--vignette-container--fact,
.article-resource_column > .resource--vignette-container--qna,
.article-resource_column > .resource--vignette-container--timeline,
.article-resource_column > .resource--vignette-container--licensed {
  padding-top: calc(8px * 3);
}
.resource--title {
  color: var(--text_primary);
  grid-area: title;
}
.resource--title--large {
  font-size: var(--font-size--h1);
  font-family: var(--font-family--h1);
  letter-spacing: var(--letter-spacing--h1);
  line-height: var(--line-height--h1);
  font-weight: var(--font-weight--h1);
  padding: var(--padding--h1);
  padding-left: calc(8px * var(--distance-factor));
  padding-right: calc(8px * var(--distance-factor));
  display: inline-block;
}
.resource--title--large--flash {
  display: flex;
}
.resource--title--small {
  max-width: 280px;
  line-height: var(--line-height--h2);
  padding: 0;
  padding-left: calc(8px * var(--distance-factor));
  font-weight: var(--font-weight--h2);
  font-size: var(--font-size--h2);
  min-height: 2.5em;
}
@media (min-width: 480px) {
  .resource--title--small {
    max-width: 285px;
  }
}
@media (min-width: 668px) {
  .resource--title--small {
    max-width: 320px;
  }
}
@media (min-width: 1024px) {
  .resource--title--small {
    max-width: 370px;
  }
}
.resource--title--tiny {
  font-size: 14px;
  font-size: 0.77777778rem;
}
.article--breaking .resource--title {
  max-width: none;
  color: #333;
  font-size: 1em;
  font-weight: 600;
}
.resource--title-vignette {
  color: var(--primary);
}
.resource--title-vignette--premium {
  color: var(--premium--primary);
}
.article-resource_column > .resource--title--fact,
.article-resource_column > .resource--title--qna,
.article-resource_column > .resource--title--timeline,
.article-resource_column > .resource--title--licensed {
  padding-bottom: calc(8px * 2);
}
@media (min-width: 1024px) {
  .article-resource_column > .resource--title--fact,
  .article-resource_column > .resource--title--qna,
  .article-resource_column > .resource--title--timeline,
  .article-resource_column > .resource--title--licensed {
    padding-bottom: calc(8px * 3);
  }
}
.resource--subheading {
  font-size: 24px;
  font-size: 1.33333333rem;
  padding: 8px calc(8px * var(--distance-factor));
  padding-bottom: 0;
  font-family: var(--font-family--h2);
  font-size: var(--font-size--h2);
}
@media (min-width: 668px) {
  .resource--subheading--centered {
    text-align: center;
  }
}
.resource--subheading--regular + .resource--link::before {
  background: none;
}
.resource--subheading--fact,
.resource--subheading--qna,
.resource--subheading--timeline,
.resource--subheading--licensed {
  padding-top: calc(8px * 2);
  padding-bottom: calc(8px * 2);
}
.resource--subheading--timeline {
  font-weight: 900;
}
.resource--text {
  color: var(--text_primary);
  overflow: hidden;
  grid-area: text;
  padding: var(--padding--body);
  padding-left: calc(8px * var(--distance-factor));
  padding-right: calc(8px * var(--distance-factor));
  font-size: var(--font-size--body);
  font-family: var(--font-family--body);
  letter-spacing: var(--letter-spacing--body);
  line-height: var(--line-height--body);
  font-weight: var(--font-weight--body);
}
@media (max-width: 667px) {
  .resource--text {
    font-size: var(--font-size--body);
  }
}
.resource--text p + p {
  text-indent: 20px;
}
.resource--text > p:last-of-type {
  padding-bottom: calc(8px * 2);
}
.article--compact .resource--text > * {
  display: none;
}
.article--compact .resource--text p:first-child {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.article--compact .resource--text p:only-child::after {
  background: none;
}
.article--sponsored .resource--text::after {
  background-color: #fff8ec;
}
.resource--text-list li {
  padding-left: 20px;
}
.resource--text-list {
  padding-left: 20px;
}
.resource--text-quote {
  position: relative;
  margin: 1em 1em 1em 2em;
  font-family: "Benton Sans", sans-serif;
  font-weight: 100;
  color: #888;
  font-size: 23px;
  font-size: 1.27777778rem;
}
@media (min-width: 668px) {
  .resource--text-quote {
    margin: 1em 5em 1em 2em;
    font-size: 24px;
    font-size: 1.33333333rem;
  }
}
.resource--text-quote::before {
  content: "\201D";
  color: #222222;
  font-family: Tiempos, serif;
  font-size: 60pt;
  line-height: 60pt;
  position: absolute;
  left: -0.6em;
  top: 0;
}
.resource--text ~ .resource--text .resource--text-ball {
  display: none;
}
.resource--text--clamped {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding-bottom: 0;
  margin-bottom: calc(var(--base) * 2);
}
@media (min-width: 1024px) {
  .resource--text--clamped {
    -webkit-line-clamp: 3;
  }
}
.resource--text--clamped > p:last-of-type {
  padding-bottom: 0;
}
.resource--text--regular-lead {
  font-weight: bold;
  font-size: 1.1em;
}
.resource--text--fact p + p,
.resource--text--qna p + p,
.resource--text--timeline p + p,
.resource--text--licensed p + p {
  text-indent: unset;
  margin-top: calc(8px * 3);
}
.resource--text--link {
  color: var(--primary);
}
.resource--text > .resource--subheading {
  padding: 0;
}
.resource--disclaimer {
  font-size: 0.8em;
  color: var(--text_secondary);
}
.resource--quote {
  padding: calc(8px * 2);
  margin-bottom: calc(8px * 3);
}
.resource--quote-large {
  text-align: center;
  font-family: var(--font-family--h1);
  letter-spacing: var(--letter-spacing--h1);
  line-height: var(--line-height--h1);
  font-size: var(--font-size--h1);
  font-weight: var(--font-weight--h1);
  padding-bottom: var(--padding--h1);
}
.resource--quote-large--fact,
.resource--quote-large--qna,
.resource--quote-large--timeline,
.resource--quote-large--licensed {
  font-style: italic;
}
.resource--quote-author {
  color: var(--text_secondary);
  font-size: 0.9em;
  text-align: center;
}
.resource--quote-author--fact,
.resource--quote-author--qna,
.resource--quote-author--timeline,
.resource--quote-author--licensed {
  font-size: var(--font-size--h6);
}
@media (min-width: 668px) {
  .resource--quote {
    padding: calc(8px*2) 20%;
  }
}
.resource--link {
  display: block;
  position: relative;
  padding: calc(8px * 2) calc(8px * var(--distance-factor));
  background-color: var(--background_primary);
}
.resource--link ~ .resource--webview {
  padding: 0 calc(8px * var(--distance-factor));
}
.resource--link::after {
  content: "";
  background: var(--divider) center center no-repeat;
  bottom: 0;
  height: 1px;
  position: absolute;
  right: calc(var(--distance-factor) * 8px);
  left: calc(var(--distance-factor) * 8px);
  z-index: 11;
  right: calc(8px * var(--distance-factor));
  left: calc(8px * var(--distance-factor));
}
.resource--link--simple {
  padding-top: 0;
  padding-bottom: calc(8px * 3);
}
.resource--link--simple::after {
  content: none;
}
.resource--link--fullwidth {
  padding: calc(8px * 2) calc(8px * var(--distance-factor));
}
.resource--link-link {
  display: block;
}
.resource--link-label {
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.77777778rem;
}
.resource--link-title {
  color: var(--text_primary);
  font-size: var(--font-size--h3);
  font-weight: 600;
  line-height: var(--line-height--h3);
  font-family: var(--font-family--h3);
  margin-right: calc(8px * 2);
}
.resource--link-title--simple {
  color: var(--text_primary) !important;
  border-bottom: 1px var(--premium--primary) solid;
}
.resource--link-source {
  display: block;
  color: var(--text_secondary);
  padding-top: 8px;
  font-weight: normal;
  font-size: 14px;
  font-size: 0.77777778rem;
}
.resource--link-source-suffix {
  color: var(--text_secondary);
}
.resource--link-arrow {
  margin-left: 8px;
  margin-bottom: -1px;
  width: 9px;
  height: 12px;
  margin-left: -9px;
}
.resource--link-arrow--down {
  transform: rotateZ(90deg) translateY(50%);
}
.resource--sponsored {
  background-color: var(--background_primary);
  position: relative;
}
.resource--sponsored::before {
  content: "Annons";
  padding: 5px 0 0 2px;
  position: absolute;
  top: 1px;
  left: 8px;
  color: #888;
  text-transform: capitalize;
  text-align: right;
  font-size: 9px;
  font-size: 0.5rem;
}
@media (min-width: 1024px) {
  .resource--sponsored::before {
    left: calc(8px * 3);
  }
}
.resource--video {
  padding-bottom: 56.25;
}
.resource-video {
  display: block;
  width: 100%;
  height: 302px;
  padding-bottom: calc(8px * 2);
}
.resource--carousel {
  display: grid;
  grid-template-areas: "title title star";
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 8px;
  padding: 8px calc(8px * var(--distance-factor));
}
.resource--carousel-heading {
  grid-area: title;
  align-self: center;
  color: #333;
  font-size: 14px;
  font-size: 0.77777778rem;
  font-weight: 600;
  text-transform: uppercase;
}
.resource--carousel .starbox {
  align-self: center;
}
.resource--trackingtag {
  visibility: hidden;
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
}
.resource-webview {
  border: none;
}
.resource--webview:first-child {
  position: relative;
  padding: 0;
}
.resource--webview:first-child .resource-webview {
  height: 100%;
  max-width: 100%;
}
.resource--fact {
  padding: 0 calc(8px * var(--distance-factor));
  padding-bottom: calc(8px * 3);
}
.resource--fact-container {
  background-color: var(--background_secondary);
  padding: calc(8px * 3);
}
.resource--fact-title {
  font-size: var(--font-size--h8);
  font-weight: var(--font-weight--h8);
}
.resource--fact-paragraph {
  padding-top: calc(8px * 2);
}
.resource--fact-paragraph strong {
  display: block;
  margin-bottom: 8px;
  margin-right: 8px;
}
.resource--numberfact {
  padding-top: 8px;
  padding-right: calc(8px * 2);
  padding-bottom: calc(8px * 4);
  padding-left: calc(8px * 2);
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.resource--numberfact-title {
  color: var(--premium--primary);
  font-size: var(--font-size--premium_h3);
  font-weight: var(--font-weight--premium_h3);
  line-height: var(--line-height--premium_h3);
  font-family: var(--font-family--premium_h3);
  margin-bottom: 8px;
}
.resource--numberfact-text {
  font-size: var(--font-size--h6);
  font-weight: var(--font-weight--h6);
  line-height: var(--line-height--h6);
}
@media (min-width: 668px) {
  .resource--numberfact {
    padding-left: 20%;
    padding-right: 20%;
  }
}
.resource--horizontaldivider {
  padding: calc(8px * 2) calc(8px * var(--distance-factor));
}
.resource--horizontaldivider-line {
  background-color: var(--divider);
  height: 1px;
  border: none;
}
.resource--horizontaldivider + .resource--image {
  padding-top: 8px;
}
.resource--labeledicon {
  color: var(--text_primary);
  background-color: var(--background_primary);
  padding: calc(8px * 5) 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.resource--labeledicon img {
  width: auto;
  max-height: 20px;
}
.resource--labeledicon-text {
  font-family: var(--font-family--h6);
  font-size: var(--font-size--h6);
  font-weight: var(--font-weight--h6);
}
.resource--origin {
  color: var(--text_primary);
  background-color: var(--background_primary);
  padding: 0 10%;
  padding-top: calc(8px * 2);
  padding-bottom: calc(8px * 4);
  text-align: center;
}
.resource--chevron {
  color: var(--text_primary);
  background-color: var(--background_primary);
  padding: calc(8px * 5) calc(8px * 2);
  font-family: var(--font-family--h6);
  font-size: var(--font-size--h6);
  font-weight: var(--font-weight--h6);
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}
.resource--chevron-arrow {
  width: unset;
}
.resource--byline {
  display: none;
  padding: calc(8px * 2) calc(8px * var(--distance-factor));
}
@media (min-width: 1024px) {
  .resource--byline--fact,
  .resource--byline--qna,
  .resource--byline--timeline {
    display: block;
  }
}
.resource--grouped {
  padding-left: calc(8px * var(--distance-factor) * 2);
  padding-right: calc(8px * var(--distance-factor));
  position: relative;
  margin: 0 auto;
  background-color: var(--background_primary);
}
.resource--grouped * {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.resource--grouped::before {
  content: "";
  width: 2px;
  height: 100%;
  background-color: var(--premium--primary);
  position: absolute;
  left: calc(8px * var(--distance-factor) + 1px);
  top: 0;
}
.resource--grouped-first {
  padding-top: 0;
  margin-top: calc(8px * 3);
}
.resource--grouped-first *:first-child {
  padding-top: 0 !important;
}
.resource--grouped-last {
  padding-bottom: 0;
  margin-bottom: calc(8px * 4);
}
.resource--grouped-last *:last-child {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
@media (min-width: 668px) {
  .resource--grouped-last {
    margin-bottom: calc(8px * 6);
  }
}
.resource--grouped-single {
  padding-bottom: 0;
  padding-top: 0 !important;
  margin-top: calc(8px * 2);
  margin-bottom: calc(8px * 4);
}
.resource--grouped-single * {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.resource--grouped-single::after {
  top: 4px !important;
}
.resource--grouped.resource--subheading--timeline {
  padding-top: calc(8px * 9);
}
.resource--grouped.resource--subheading--timeline.resource--grouped-first {
  padding-top: 0;
  padding-bottom: 15px;
  margin-bottom: 0;
}
.resource--grouped.resource--subheading--timeline.resource--grouped-first::before {
  content: "";
  height: calc(100% - 2px);
  top: unset;
  bottom: 0;
}
.resource--grouped.resource--subheading--timeline.resource--grouped-first::after {
  top: 2px;
}
.resource--grouped.resource--subheading--timeline::after {
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  background-color: var(--premium--primary);
  border-radius: 50%;
  left: calc(8px * var(--distance-factor) - 6px);
  top: calc(8px * 9 + 3px);
}
.resource--evergreen_article_link {
  --evergreen_article_link-primary: var(--primary);
  box-shadow: 0 0 5px #cccccc88;
  border-left: 2px solid var(--evergreen_article_link-primary);
  border-radius: 2px 4px 4px 2px;
  margin: 0 calc(8px * var(--distance-factor)) calc(8px * 2);
  padding: calc(8px * 2) calc(6px * var(--distance-factor)) 8px;
  width: auto;
  max-width: 495px;
}
@media (min-width: 668px) {
  .resource--evergreen_article_link {
    margin-top: calc(8px * 2);
  }
}
.resource--evergreen_article_link--premium {
  --evergreen_article_link-primary: var(--premium--primary);
}
.resource--evergreen_article_link-vignette {
  color: var(--evergreen_article_link-primary);
}
.resource--evergreen_article_link-title {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--text_primary);
  font-size: var(--font-size--h3);
  font-weight: 600;
  line-height: var(--line-height--h3);
  font-family: var(--font-family--h3);
}
.resource--evergreen_article_link-premiumbadge {
  color: var(--evergreen_article_link-primary);
  font-size: var(--font-size--underline);
}
.ribbon {
  padding: 9px 22px 8px 13px;
  position: absolute;
  left: 0;
  bottom: 25px;
  z-index: 2;
  color: #fff;
  font-size: 14px;
  font-size: 0.77777778rem;
  text-transform: uppercase;
}
.ribbon--inrikes,
.ribbon--36480a9056b9423daf4538f7aa62bad2 {
  background-color: #1ba4de;
}
.ribbon--utrikes,
.ribbon--feddd38a2f914a06a6f851eeb32a7eb7 {
  background-color: #2824a8;
}
.ribbon--ekonomi,
.ribbon--38e9c8064a9b42ee894fd7da5867e8f7 {
  background-color: #f9ac17;
}
.ribbon--opinion,
.ribbon--926a9dbdd8e74d77a9c49e3e5e7ad11c {
  background-color: #961d5d;
}
.ribbon--sport,
.ribbon--ea7e9c35b0ca4f36bf80cda5a55bbc68 {
  background-color: #2db99b;
}
.ribbon--nojekultur,
.ribbon--noje-kultur,
.ribbon--9ab3863d85bd40099445d409daf9667e {
  background-color: #f93e83;
}
.ribbon--tech,
.ribbon--c3708684382b4848b740652385dc25a8 {
  background-color: #fce900;
}
.ribbon--resa,
.ribbon--ad322cd3-3ab2-4e55-ae66-eb64bef07128 {
  background-color: #e60051;
}
.ribbon--politik,
.ribbon--593baa17-e0d5-4bc2-88de-fa289e5bc319 {
  background-color: #888888;
}
.ribbon--nocat,
.ribbon--annonsmaterial,
.ribbon--7dd702c7-7e69-43c8-8a76-a0a98e5d3d09 {
  background-color: #000000;
}
@media (min-width: 668px) {
  .ribbon {
    padding: 12px 35px 12px 18px;
    bottom: 55px;
  }
}
.ribbon-edge {
  width: auto;
  height: 100%;
  position: absolute;
  right: -33px;
  bottom: -26%;
  z-index: -1;
}
.ribbon-edge--inrikes,
.ribbon-edge--36480a9056b9423daf4538f7aa62bad2 {
  fill: #1ba4de;
}
.ribbon-edge--utrikes,
.ribbon-edge--feddd38a2f914a06a6f851eeb32a7eb7 {
  fill: #2824a8;
}
.ribbon-edge--ekonomi,
.ribbon-edge--38e9c8064a9b42ee894fd7da5867e8f7 {
  fill: #f9ac17;
}
.ribbon-edge--opinion,
.ribbon-edge--926a9dbdd8e74d77a9c49e3e5e7ad11c {
  fill: #961d5d;
}
.ribbon-edge--sport,
.ribbon-edge--ea7e9c35b0ca4f36bf80cda5a55bbc68 {
  fill: #2db99b;
}
.ribbon-edge--nojekultur,
.ribbon-edge--noje-kultur,
.ribbon-edge--9ab3863d85bd40099445d409daf9667e {
  fill: #f93e83;
}
.ribbon-edge--tech,
.ribbon-edge--c3708684382b4848b740652385dc25a8 {
  fill: #fce900;
}
.ribbon-edge--resa,
.ribbon-edge--ad322cd3-3ab2-4e55-ae66-eb64bef07128 {
  fill: #e60051;
}
.ribbon-edge--politik,
.ribbon-edge--593baa17-e0d5-4bc2-88de-fa289e5bc319 {
  fill: #888888;
}
.ribbon-edge--nocat,
.ribbon-edge--annonsmaterial,
.ribbon-edge--7dd702c7-7e69-43c8-8a76-a0a98e5d3d09 {
  fill: #000000;
}
.ribbon-edge-shadow--inrikes,
.ribbon-edge-shadow--36480a9056b9423daf4538f7aa62bad2 {
  fill: #106183;
}
.ribbon-edge-shadow--utrikes,
.ribbon-edge-shadow--feddd38a2f914a06a6f851eeb32a7eb7 {
  fill: #141254;
}
.ribbon-edge-shadow--ekonomi,
.ribbon-edge-shadow--38e9c8064a9b42ee894fd7da5867e8f7 {
  fill: #a66f04;
}
.ribbon-edge-shadow--opinion,
.ribbon-edge-shadow--926a9dbdd8e74d77a9c49e3e5e7ad11c {
  fill: #410c28;
}
.ribbon-edge-shadow--sport,
.ribbon-edge-shadow--ea7e9c35b0ca4f36bf80cda5a55bbc68 {
  fill: #196756;
}
.ribbon-edge-shadow--nojekultur,
.ribbon-edge-shadow--noje-kultur .ribbon-edge-shadow--9ab3863d85bd40099445d409daf9667e {
  fill: #cb064f;
}
.ribbon-edge-shadow--tech,
.ribbon-edge-shadow--c3708684382b4848b740652385dc25a8 {
  fill: #968b00;
}
.ribbon-edge-shadow--resa,
.ribbon-edge-shadow--ad322cd3-3ab2-4e55-ae66-eb64bef07128 {
  fill: #80002d;
}
.ribbon-edge-shadow--politik,
.ribbon-edge-shadow--593baa17-e0d5-4bc2-88de-fa289e5bc319 {
  fill: #555555;
}
.ribbon-edge-shadow--nocat,
.ribbon-edge-shadow--annonsmaterial,
.ribbon-edge-shadow--7dd702c7-7e69-43c8-8a76-a0a98e5d3d09 {
  fill: #000000;
}
.search {
  border: 1px solid #ddd;
  border-radius: 100px;
  padding: 2px 15px 2px;
  position: relative;
  line-height: 28px;
  font-size: 14px;
  font-size: 0.77777778rem;
}
.search-button {
  margin-right: 5px;
  position: absolute;
  top: 7px;
  color: #ddd;
  font-size: 18px;
  line-height: 1;
  vertical-align: middle;
}
.search-button--left {
  left: 8px;
}
.search-button--right {
  right: 5px;
}
.search-input {
  background: inherit;
  border: none;
  width: 100%;
  height: 26px;
  color: #333;
  vertical-align: -2px;
}
.search-input::placeholder {
  color: #888;
}
.search-input:focus {
  outline: none;
}
.search-input--btnleft {
  padding-left: 28px;
}
@media (min-width: 1024px) {
  .sublogincta {
    padding: 0 calc(8px * 2);
  }
}
.sublogincta-img {
  margin-top: -10px;
  margin-bottom: 5px;
}
.sublogincta-text {
  font-family: Tiempos, serif;
  padding: calc(8px * 2) 0;
}
.sublogincta-text-vignette {
  font-family: "Benton Sans", sans-serif;
  font-weight: bold;
  padding: calc(8px * 2) 0;
}
.subscription .group {
  border-bottom: none;
}
.subscription .group:last-child > article::after {
  display: none;
}
.subscription .article--sponsored {
  padding-top: 0;
}
.subscription .article--sponsored::before {
  background: none;
  padding-right: 20px;
  top: 16px;
  color: #000;
  text-align: right;
}
.subscription .article--sponsored::after {
  background: none;
}
.subscription .resource--image {
  width: 95px;
  height: 85px;
  min-height: 85px;
  margin-bottom: 3px;
}
.subscription .resource--vignette {
  margin-bottom: 7px;
  margin-right: 0;
  max-width: 200px;
  padding-left: 0;
}
.subscription .resource--title {
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.4;
  font-weight: 600;
  word-wrap: break-word;
}
.subscription .resource--text {
  margin-top: 4px;
  font-size: 14px;
  font-size: 0.77777778rem;
  line-height: 24px;
}
.subscription .resource--text-ball {
  display: none;
}
.subscription .resource-playbtn {
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
  font-size: 40px;
}
.subscription .resource-playbtn::after {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
}
.subscription .starbox {
  display: none;
}
.user-topics {
  background-color: #ffffff;
  margin: 0 0 20px;
}
@media (min-width: 1024px) {
  .current {
    padding: 0 calc(8px * 2);
  }
}
.current.box > .box-heading.u-fadehr--after::after {
  left: 0;
  right: 0;
}
.starbox {
  justify-self: end;
  line-height: 20px;
  grid-area: star;
}
.starbox-status {
  margin-right: 3px;
  color: #888;
  font-size: 11px;
  font-size: 0.61111111rem;
  letter-spacing: 0.02em;
  font-weight: normal;
  text-transform: none;
  vertical-align: -1px;
}
.starbox-status:hover,
.starbox-status--active {
  color: #333;
}
.starbox-star {
  background-color: var(--background_primary);
  color: var(--primary);
  font-size: 20px;
  vertical-align: middle;
}
.starbox-star:hover,
.starbox-star--active {
  color: var(--primary);
}
.subscriptions-search {
  max-width: 400px;
  margin-bottom: 15px;
  margin-left: 10px;
  margin-right: 10px;
}
@media (min-width: 668px) {
  .subscriptions-search {
    margin-left: 0;
    margin-right: 0;
  }
}
.subscriptions-topic {
  display: grid;
  grid-template-areas: "title star" "articles articles";
  margin-bottom: 20px;
}
.subscriptions-topic-title {
  display: inline;
  grid-area: title;
  margin-left: 10px;
  margin-right: 10px;
  color: #333;
  font-size: 14px;
  font-size: 0.77777778rem;
  font-weight: 600;
  text-transform: uppercase;
}
.subscriptions-topic-articles {
  grid-area: articles;
  margin-left: 10px;
  overflow-x: auto;
}
.subscriptions-topic-articles-scroller {
  min-width: 1028px;
  margin-left: -5px;
  overflow-x: auto;
  align-items: stretch;
  display: inline-flex;
}
.subscriptions-topic-articles-article {
  width: 240px;
  padding: 5px;
  float: left;
  position: relative;
}
@media (max-width: 668px) {
  .subscriptions-topic-articles-article {
    width: 40vw;
  }
}
.subscriptions-topic .starbox {
  margin-right: 10px;
}
.subscriptions-topic .starbox-star {
  background: var(--background_secondary);
}
@media (min-width: 668px) {
  .subscriptions-topic-title,
  .subscriptions-topic-articles {
    margin-left: 0;
    margin-right: 0;
  }
}
* {
  --distance-factor: 1.5;
}
@media (min-width: 668px) {
  * {
    --distance-factor: 3;
  }
}
.teaser {
  padding-bottom: 0px;
}
.teaser p {
  font-size: var(--font-size--body);
  max-width: 100%;
  max-height: calc(2 * var(--line-height--body) * var(--font-size--body));
  overflow: hidden;
  position: relative;
}
.teaser .starbox {
  padding-right: calc(8px * var(--distance-factor));
}
.group--cluster .teaser .starbox,
.group--cluster .teaser [class^="resource--vignette"] {
  display: none;
}
.teaser .article-ago {
  grid-area: ago;
  padding-top: 8px;
  color: var(--text_secondary);
  font-size: 12px;
  margin-top: auto;
  font-weight: 100;
}
.teaser .premium-badge {
  grid-area: ago;
  padding-top: 8px;
  color: var(--text_secondary);
  font-size: 12px;
  margin-top: auto;
  font-weight: 100;
  color: var(--premium--primary);
  font-weight: 600;
}
.teaser--small {
  --image-size: calc(85px + 8px);
  --distance: calc(8px * var(--distance-factor));
  padding: calc(8px * 1) 0;
  display: grid;
  grid-template-columns: auto var(--image-size);
  grid-template-areas: "vignette vignette" "title image" "text image" "ago .";
}
@media (min-width: 480px) {
  .teaser--small {
    --image-size: 100px;
  }
}
@media (min-width: 668px) {
  .teaser--small {
    --image-size: calc((8px * 2) + 115px);
  }
}
.teaser--small .resource--image {
  width: 100%;
  max-width: var(--image-size);
  padding: calc(8px * var(--distance-factor)) 0;
  justify-self: center;
  padding-right: calc(8px * var(--distance-factor));
}
.teaser--small .resource--image img {
  border-radius: 4px;
}
.teaser--small .resource--title--small,
.teaser--small .resource--image--small {
  padding-top: 0;
}
.teaser--small .resource--vignette {
  padding-bottom: 8px;
}
.teaser--small--no-main-resource > .resource--title {
  max-width: unset;
}
.teaser--small .article-ago,
.teaser--large .article-ago,
.teaser--small .premium-badge,
.teaser--large .premium-badge {
  padding-left: calc(8px * var(--distance-factor));
}
.teaser--small .native-ad-from,
.teaser--large .native-ad-from {
  font-size: 12px;
  color: var(--text_secondary);
}
.teaser--subscription {
  display: grid;
  column-gap: 4px;
  grid-template-columns: auto calc(var(--image-size) + var(--distance));
  grid-template-areas: "story story" "text image";
  --distance: 16px;
  --image-size: 75px;
  padding: 0 16px 16px 16px;
}
.teaser--subscription--no-main-resource {
  grid-template-columns: 100%;
  grid-template-areas: "story" "text";
}
.teaser .teaser--subscription__story-vignette {
  grid-area: story;
}
.teaser .teaser--subscription__story-vignette .resource {
  max-width: 100%;
  padding: 0;
}
.teaser--subscription__text {
  display: flex;
  flex-direction: column;
  grid-area: text;
  color: var(--text_primary);
}
.teaser--subscription__image {
  grid-area: image;
}
.teaser--subscription .resource {
  padding: 0;
}
.teaser--subscription .resource--image {
  width: 100%;
  padding: 0;
  float: right;
  align-self: start;
  max-width: 115px;
}
@media (max-width: 1024px) {
  .teaser--subscription .resource--image {
    max-width: 100px;
  }
}
.teaser--large {
  display: grid;
  grid-template-areas: "image image" "vignette vignette" "title title" "text text" "ago .";
  grid-template-columns: 3fr 1fr;
  padding: 0;
  padding-bottom: calc(8px * 1.5);
}
.teaser--flash {
  --distance-factor: 2;
  padding: calc(8px * var(--distance-factor)) calc(8px * 1.5);
  font-family: var(--font-family--lead);
}
.teaser--tiny {
  padding-bottom: 8px;
}
.teaser--tiny .resource {
  padding: 0;
  margin-bottom: 8px;
}
.teaser--tiny h1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 16px;
  padding: 0 8px;
  color: var(--text_primary);
  line-height: var(--line-height--h2);
  min-height: calc(3 * (16px + var(--line-height--h2)));
}
.teaser--tiny .article-tinyago {
  color: var(--text_secondary);
  font-size: 12px;
}
.teaser--subscription p {
  --font-size--body: 16px;
  max-height: calc(2 * var(--line-height--body) * var(--font-size--body));
}
@media (min-width: 668px) {
  .teaser--subscription p {
    --font-size--body: 16px;
  }
}
.tip,
[data-tip] {
  position: relative;
}
.tip::after,
[data-tip]::after {
  content: attr(data-tip);
  border-radius: 6px;
  background-color: #333;
  visibility: hidden;
  opacity: 0;
  margin-top: 10px;
  padding: 8px 13px;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 10;
  transform: translateX(-50%);
  color: #fff;
  font-family: "Benton Sans", sans-serif;
  font-size: 0.88em;
  white-space: nowrap;
  transition: none;
}
.tip:hover::after,
[data-tip]:hover::after {
  visibility: visible;
  opacity: 1;
  transition: 600ms cubic-bezier(1, -1, 0.54, 0.92) opacity;
}
.topics--search {
  background-color: var(--background_primary);
  box-shadow: 0px 5px 5px 0px #cccccc;
}
.topics--search .topic {
  padding: calc(8px * 2);
}
.topic {
  border-bottom: 1px solid var(--divider);
  display: flex;
  justify-content: space-between;
  padding: 14px 0 15px;
  color: #222222;
  font-size: 16px;
  font-size: 0.88888889rem;
}
.topic:last-child::after {
  display: none;
}
.topic-image {
  flex: 1 0 80px;
  margin-right: 10px;
}
.topic-title {
  font-weight: 600;
}
.topic-star {
  font-size: 1.5em;
  color: #5c8e81;
}
.topic .a--primary {
  display: flex;
  align-items: center;
}
.topnav {
  --profile-icon--disabled: #000000;
  --profile-icon--active: var(--primary);
  --profile-icon: var(--profile-icon--disabled);
  display: inline-block;
}
.topnav-button {
  background: none !important;
  border: none;
  align-items: center;
  display: flex;
}
.topnav-button--newsmix {
  margin-right: calc(8px * 2);
}
.topnav--main {
  background: #fafafa;
  border-top: 1px solid #f2f2f2;
  display: flex;
  height: 34px;
  margin: 0;
  padding-top: 8px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 11px;
  font-size: 0.61111111rem;
  letter-spacing: 0.02em;
}
@media (min-width: 1024px) {
  .topnav--main {
    background: none;
    border-top: none;
    display: flex;
    justify-content: space-around;
    flex: 7;
    align-items: center;
    height: auto;
    padding: 0;
    position: static;
    font-size: 13px;
    font-size: 0.72222222rem;
    letter-spacing: 0;
    vertical-align: 1px;
  }
}
.topnav--search {
  width: 190px;
  margin-left: 0;
  font-size: 14px;
  font-size: 0.77777778rem;
  vertical-align: 3px;
}
@media (min-width: 1024px) {
  .topnav--search {
    flex: 3;
    padding-left: calc(8px * 2);
  }
}
.topnav--right {
  font-size: 14px;
  font-size: 0.77777778rem;
  display: flex;
  margin-left: auto;
}
@media (min-width: 1024px) {
  .topnav--right {
    padding-top: 0;
  }
}
.topnav--right-icon {
  margin-right: 4px;
  margin-left: 13px;
  padding-top: 6px;
  color: #222222;
  font-size: 20px;
  vertical-align: -3px;
}
.topnav--right-icon--mix {
  margin-right: 8px;
  vertical-align: -4px;
}
.topnav--right-btn {
  margin: 10px 0;
  align-self: center;
}
.topnav--right-btn:not(.topnav--right-btn:first-child) {
  margin-left: 7px;
}
@media (min-width: 668px) {
  .topnav--right-btn:not(.topnav--right-btn:first-child) {
    margin-left: 20px;
  }
}
.topnav--right-open {
  background: none !important;
  border: none;
  text-align: initial;
}
.topnav--right-close {
  margin-right: 30px;
  margin-top: 8px;
  display: block;
  color: #888;
  vertical-align: 0;
  background: none !important;
  border: none;
}
@media (min-width: 1024px) {
  .topnav--right-close {
    margin-top: 0;
    display: inline;
  }
}
.topnav--right-close-icon {
  vertical-align: -2px;
  font-size: 1.24em;
  margin-right: 5px;
}
.topnav-item {
  color: #888;
  flex: 1;
  text-align: center;
}
.topnav-item--active,
.topnav-item:hover {
  color: #000;
  font-weight: 600;
  border-bottom: 2px solid #5c8e81;
}
.topnav-omnimer {
  display: none;
}
@media (min-width: 350px) {
  .topnav-omnimer {
    display: block;
  }
}
.topnav-container {
  display: inline-block;
  float: right;
}
.user {
  font-size: 13px;
  font-size: 0.72222222rem;
  line-height: 1;
}
.user-profile--section {
  width: 100%;
  flex: 1;
  justify-content: space-between;
  background: var(--background_secondary);
  padding: calc(8px * 4);
  margin-bottom: 20px;
}
.user-newsmix {
  display: flex;
}
.user-profile,
.user-newsmix {
  align-items: center;
}
.user-profile-icon,
.user-newsmix-icon {
  width: 2rem;
}
.user-profile-icon--active,
.user-newsmix-icon--active {
  --profile-icon: var(--profile-icon--active);
}
.user-profile-icon > svg,
.user-newsmix-icon > svg {
  width: 100%;
}
.user-profile--name,
.user-newsmix--name {
  display: flex;
  align-items: center;
  max-width: 100%;
  color: var(--text_primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  justify-content: space-between;
  font-size: var(--font-size--h3);
  font-weight: var(--font-weight--h3);
  letter-spacing: var(--letter-spacing--h3);
  line-height: var(--line-height--h3);
  font-family: var(--font-family--h3);
}
.user-profile--name > span,
.user-newsmix--name > span {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 8px;
}
.user-profile--text,
.user-newsmix--text {
  display: none;
}
@media (min-width: 668px) {
  .user-profile--text,
  .user-newsmix--text {
    display: block;
    margin-left: 3px;
  }
}
.user-profile--btn,
.user-newsmix--btn {
  display: flex;
  align-items: center;
  flex: 1;
}
.user-photo {
  border-radius: 100%;
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 12px;
  margin-top: 3px;
}
.user-photo--small {
  width: 34px;
  height: 34px;
  margin-top: 3px;
}
.user-text {
  padding: 6px 0;
}
.user-name {
  display: block;
  max-width: 140px;
  margin-left: 8px;
  color: #333;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-size: 0.77777778rem;
}
.user-name--big {
  font-size: 18px;
  font-size: 1rem;
  max-width: 100%;
}
.usermix-captions {
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 20px;
  display: flex;
  gap: 5px;
}
.usermix-caption {
  color: #333;
  font-weight: 600;
  text-align: center;
}
.usermix-caption:first-child {
  text-align: left;
}
.usermix-caption:last-child {
  text-align: right;
}
.usermix-categories {
  margin-top: calc(8px * 2);
}
.usermix-category {
  padding: 20px 0 0;
  list-style: none;
  position: relative;
}
.usermix-category-title {
  display: flex;
  align-items: center;
  margin-bottom: calc(8px * 2);
  margin-left: 8px;
  color: var(--text_primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.2em;
}
.usermix-category-title--icon {
  margin-right: calc(8px * 2);
  max-width: 20px;
}
.usermix-category-options {
  display: flex;
  position: relative;
  line-height: 6px;
}
.usermix-category-options--clickable {
  position: absolute;
  width: 60px;
  height: 60px;
  bottom: -30px;
  right: -30px;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: auto;
}
.usermix-category-options--clickContainer {
  position: relative;
}
.usermix-category-options--toggle {
  display: block;
}
.usermix-category-options-line {
  height: 2px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  left: 0px;
  right: 10px;
  z-index: 0;
  background-color: #5c8e81;
}
.usermix-category-options-line--toggle {
  display: none;
}
.usermix-category-option {
  position: relative;
  width: 33%;
  height: 3px;
  display: flex;
  justify-content: flex-end;
  border-bottom: 2px solid #dfdfdf;
  pointer-events: none;
}
.usermix-category-option--activated {
  border-bottom: 2px solid #5c8e81;
}
.usermix-category-option:first-child {
  width: 0%;
}
.usermix-category-option-radio {
  display: block;
  visibility: hidden;
  display: flex;
}
.usermix-category-option-label {
  background: #dfdfdf;
  border-radius: 100%;
  width: 6px;
  height: 6px;
  position: absolute;
  top: calc(50% - 2px);
  right: calc(50% - 6px / 2);
  z-index: 2;
}
.usermix-category-option-label--activated {
  background: #5c8e81;
}
.usermix-category-option-label--toggle {
  background: none !important;
  border: 0;
  float: left;
  margin-right: 10px;
  font-size: 6px;
}
.usermix-category-option-radio:checked + .usermix-category-option-label {
  background-color: #5c8e81;
  width: 23px;
  height: 23px;
  z-index: 3;
  top: -5px;
  right: -5px;
}
.usermix-category-option-radio:checked + .usermix-category-option-label--toggle,
.usermix-category-option-radio:checked ~ .usermix-category-option-state {
  display: none;
}
.usermix-divider {
  margin-top: 20px;
  margin-left: 100px;
}
.usermix-divider:last-child {
  display: none;
}
.psi-parent {
  display: flex;
  position: fixed;
  z-index: 2000;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  line-height: 20px;
  padding: 8px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.2);
}
.psi-parent .container {
  position: relative;
  width: 559px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 1px 2px 4px 1px rgba(166, 166, 166, 0.5);
  font-size: 16px;
}
.psi-parent .container:focus {
  outline: none;
}
@media (max-width: 668px) {
  .psi-parent .container {
    margin: auto auto 0 auto;
    height: auto;
    padding: 16px;
  }
}
@media (min-width: 668px) {
  .psi-parent .container {
    margin: auto;
    padding-bottom: 32px;
  }
}
.psi-parent .container .cta-container {
  margin-top: 30px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-weight: bold;
}
@media (max-width: 668px) {
  .psi-parent .container .cta-container {
    margin-top: 24px;
  }
}
.psi-parent .container .cta-container .psi-btn--agree {
  color: #5c8e81;
  line-height: 51px;
}
.psi-parent .container .cta-container .psi-btn--dismiss {
  border: 0;
  width: 193px;
  height: 51px;
  border-radius: 25px;
  background-color: #5c8e81;
  color: white;
}
.psi-parent .container .content-container {
  display: flex;
}
.psi-parent .container .content-container .text > h2 {
  font-size: 20px;
}
@media (max-width: 668px) {
  .psi-parent .container .content-container .text > h2 {
    margin-top: 0;
    margin-bottom: 8px;
  }
}
.psi-parent .container .content-container .text > p {
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #222;
  font-size: 16px;
  font-family: "Publico", sans-serif;
}
@media (min-width: 668px) {
  .psi-parent .container .content-container > * {
    padding: 4px;
  }
  .psi-parent .container .content-container .text > h2 {
    margin-top: 40px;
    margin-bottom: 8px;
  }
  .psi-parent .container .content-container .text {
    margin-right: 30px;
  }
}
@media (min-width: 480px) {
  .psi-parent .container .content-container .psi-image {
    display: none;
  }
}
@media (min-width: 668px) {
  .psi-parent .container .content-container .psi-image {
    display: block;
    margin-left: 16px;
    margin-right: 8px;
    width: 103px;
    min-width: 103px;
    height: 249px;
    object-fit: contain;
    transform: translateY(-15px);
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="103" height="249" viewBox="0 0 103 249"><defs><path id="a" d="M0 .227h7.046v9.01H0z"/></defs><g fill="none" fill-rule="evenodd"><path stroke="%23365990" stroke-width=".5" d="M46.507 82.479s3.255 25.625 13.46 43.821M31.007 42.414s1.972 46.395 26.784 78.541M79.287 48.762s-22.6 61.996-21.87 71.852"/><path fill="%235c8e81" d="M102.648 24.265c0 13.314-10.776 24.108-24.069 24.108-13.292 0-24.068-10.794-24.068-24.108C54.51 10.95 65.287.157 78.579.157c13.293 0 24.07 10.793 24.07 24.108M64.906 64.415c0 10.042-8.127 18.183-18.153 18.183-10.026 0-18.153-8.141-18.153-18.183s8.127-18.183 18.153-18.183c10.026 0 18.153 8.14 18.153 18.183M46.692 24.278c0 10.042-8.127 18.183-18.153 18.183-10.026 0-18.153-8.141-18.153-18.183S18.513 6.095 28.54 6.095c10.026 0 18.153 8.14 18.153 18.183"/><path fill="%23FFF" d="M46.984 63.918c-.93 0-1.949-.466-2.452-1.754-.074-.204-.068-.615-.068-.653v-.578c0-1.64 1.39-2.387 2.6-2.387 1.49 0 2.642 1.194 2.642 2.686s-1.233 2.686-2.722 2.686m6.914-4.495c-.075-.28-.227-.578-.339-.84-1.34-3.225-4.268-4.382-6.633-4.382-3.165 0-6.651 2.127-7.118 6.51v.894c0 .037.013.373.031.541.262 2.088 1.907 4.307 3.136 6.396 1.322 2.238 2.693 4.44 4.052 6.64.839-1.437 1.674-2.891 2.492-4.29.224-.41.483-.82.706-1.211.149-.263.434-.523.563-.766 1.323-2.423 3.451-4.866 3.451-7.273v-.988c0-.26-.323-1.174-.341-1.23M71.917 21.384c0-3.957 3.213-7.175 7.164-7.175 3.95 0 7.164 3.218 7.164 7.175s-3.214 7.175-7.164 7.175c-3.95 0-7.164-3.218-7.164-7.175m17.22 0c0-5.554-4.511-10.073-10.056-10.073-5.546 0-10.057 4.519-10.057 10.073 0 5.062 3.748 9.264 8.61 9.968v1.883h-1.782c-.8 0-1.446.649-1.446 1.449s.647 1.448 1.446 1.448h1.782v1.786a1.447 1.447 0 1 0 2.893 0v-1.786h1.782a1.448 1.448 0 1 0 0-2.897h-1.782v-1.883c4.862-.704 8.61-4.906 8.61-9.968M27.352 27.018c0 1.673-1.309 3.406-3.85 3.406-1.204 0-2.212-.257-3.415-.995-.346-.21-.406-.513-.18-.829l.3-.451c.21-.317.497-.377.843-.181.887.497 1.579.723 2.391.723 1.189 0 1.88-.663 1.88-1.658 0-1.024-.827-1.611-1.985-1.611-.301 0-.542.03-.722.06-.346.06-.602-.016-.797-.287l-.241-.331c-.226-.317-.21-.588.09-.844l2.843-2.41h-3.82c-.391 0-.602-.211-.602-.603v-.483c0-.391.21-.602.601-.602h5.672c.39 0 .601.21.601.602v.603a.875.875 0 0 1-.346.738l-2.452 2.095c1.835.075 3.19 1.205 3.19 3.058M30.516 28.48h4.934c.391 0 .602.211.602.603v.482c0 .391-.21.602-.602.602h-6.453c-.391 0-.602-.21-.602-.602v-.196c0-2.29 1.565-3.195 3.039-4.099 1.429-.873 2.647-1.31 2.647-2.53 0-.829-.646-1.341-1.52-1.341-.841 0-1.503.42-2.27 1.295-.256.301-.542.331-.843.121l-.526-.377c-.316-.226-.376-.527-.136-.844.963-1.22 2.121-1.929 3.73-1.929 2.378 0 3.581 1.447 3.581 3.045 0 2.17-1.625 2.801-3.415 3.887-1.008.618-1.94 1.04-2.166 1.883"/><g><path fill="%235c8e81" d="M44.349 184.37l-2.329-33.543c-.001-4.325-3.548-7.83-9.869-7.828-6.121.001-7.963 3.29-8.271 7.427-.02.27 0 .542.032.81l-1.452 34.862"/><path fill="%23C4D9EE" d="M15.96 183.497l-2.82-14.812a6.32 6.32 0 0 1 1.34-4.244l5.507-9.377 5.465 1.233-6.89 11.2a.036.036 0 0 0-.009.028l.256 15.826-2.85.146z"/><path fill="%235c8e81" d="M34.68 123.232a4.91 4.91 0 0 1-4.904 4.915 4.91 4.91 0 0 1-4.907-4.912 4.91 4.91 0 0 1 4.904-4.915 4.91 4.91 0 0 1 4.907 4.912"/><path fill="%235c8e81" d="M30.222 127.225a4.167 4.167 0 1 1-8.096 1.98 4.174 4.174 0 0 1 3.06-5.044 4.166 4.166 0 0 1 5.036 3.064"/><path fill="%235c8e81" d="M35.701 132.404a5.989 5.989 0 0 1-5.981 5.995 5.988 5.988 0 0 1-5.985-5.991 5.988 5.988 0 0 1 5.981-5.995 5.988 5.988 0 0 1 5.985 5.99"/><path fill="%23C4D9EE" d="M27.472 134.28v.75a5.991 5.991 0 0 0 5.988 5.992c.287 0 .567-.027.844-.066 1.396-.896 1.399-5.18 1.399-5.18.748 0 .748-.75.748-.75l-.75-2.997v-2.997c-.001-2.998-2.247-4.496-2.247-4.496a5.99 5.99 0 0 0-5.983 5.997v.75"/><path fill="%2397BDDD" d="M33.454 124.536s2.245 1.498 2.246 4.496l.001 2.997.75 2.997s0 .75-.748.75c0 0-.003 4.284-1.4 5.18a5.989 5.989 0 0 0 5.14-5.93v-.75l-.001-2.997v-.75a5.99 5.99 0 0 0-5.988-5.993"/><path fill="%235c8e81" d="M26.863 129.915c-.001-3.31 3.285-5.582 6.591-5.583a5.99 5.99 0 0 1 5.987 5.993s-7.247.448-8.65-1.686c0 0 .655 5.147-3.319 6.39M31.245 183.258l2.365 23.41-3.069 29.917 3.065.873 8.308-30.794.578-23.41z"/><path fill="%235c8e81" d="M39.343 182.746l-15.052 2.496-5.972 20.26-14.935 24.873 3.141 2.533 19.823-23.104.068.034z"/><path fill="%23C4D9EE" d="M57.79 121.936l-2.197.37c-.564.095-1.064-.358-1.011-.917l.254-2.697a.871.871 0 0 1 .727-.77l2.198-.371"/><path fill="%235c8e81" d="M18.325 155.243l6.631-9.012a3.925 3.925 0 0 1 5.546-.368 3.94 3.94 0 0 1 .368 5.554l-4.399 5.148M35.305 248.628l-5.898-6.517a1.265 1.265 0 0 1 .087-1.784c.517-.469 1.961-1.017 2.429-.5l2.583 3.916c1.965 2.918 1.93 3.859 1.02 4.685l-.22.2z"/><g transform="translate(0 232.602)"><mask id="b" fill="%23fff"><use href="%23omniPsi"  /></mask><path fill="%235c8e81" d="M6.225 9.237L.327 2.72A1.264 1.264 0 0 1 .414.936C.93.466 2.375-.081 2.842.436L5.426 4.35c1.965 2.918 1.93 3.859 1.02 4.686l-.221.2z" mask="url(%23b)"/></g><path fill="%23C4D9EE" d="M56.673 123.799l-.545 15.07a6.318 6.318 0 0 1-2.25 3.838l-8.938 7.914-3.197-3.538 8.837-8.267a.038.038 0 0 0 .014-.024l3.27-15.485 2.81.492zM15.003 188.08l1.828-2.705c.644-.597 1.56-.653 2.048-.125.487.527.36 1.438-.284 2.035l-2.331 2.16c-.645.596-1.057 1.198-1.544.67-.488-.527-.36-1.439.283-2.035"/><path fill="%23C4D9EE" d="M19.974 185.5l-.934-.296c-.806-.255-1.12 1.02-.32 1.273l.934.295c.806.255 1.12-1.02.32-1.273"/><path fill="%235c8e81" d="M44.9 151.144l-4.57 2.854c-2.287-.065-6.659-3.93-6.39-6.257.239-2.062 2.148-3.523 4.22-3.464 0 0 7.948-2.167 7.943-2.192"/></g></g></svg>');
  }
}
.omnikey-informationbox {
  margin: calc(var(--base) * var(--distance-factor) / 2);
  padding: calc(var(--base) * 2) calc(var(--base) * 3);
  background: var(--ipsum--green);
  border-radius: calc(var(--base) / 2);
  display: flex;
}
.omnikey-informationbox--content {
  flex: 3;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 668px) {
  .omnikey-informationbox--content {
    padding-left: calc(var(--base) * 2);
  }
}
.omnikey-informationbox--body {
  font-size: 0.9em;
  margin: var(--base) 0;
}
.omnikey-informationbox--title {
  font-weight: var(--font-weight--subheading);
}
.omnikey-informationbox--image {
  flex: 1;
  display: none;
}
@media (min-width: 668px) {
  .omnikey-informationbox--image {
    display: block;
  }
}
.omnikey-informationbox--button {
  background-color: var(--premium--primary);
  font-size: 0.8em;
  font-weight: var(--font-weight--subheading);
}
.omnikey-informationbox--button:hover {
  background-color: var(--premium--primary);
}
@media (min-width: 668px) {
  .omnikey-informationbox--button {
    max-width: 50%;
    margin-right: auto;
  }
}
body {
  --banner-offset: 0px;
  --banner-offset--regular: 48px;
  --banner-offset--minimal: 30px;
}
@media (min-width: 480px) {
  body {
    --banner-offset--regular: 36px;
  }
}
.datacontroller-container {
  background-color: var(--background_secondary);
}
.datacontroller--display {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.datacontroller--display > h3 {
  font-size: 0.8em;
  font-weight: var(--font-weight--lead2);
}
.datacontroller--logo {
  width: 3.2rem;
  display: flex;
}
.datacontroller--footer {
  color: var(--text_secondary);
  font-family: var(--font-family--underline2);
  letter-spacing: var(--letter-spacing--body);
  line-height: var(--line-height--body);
  font-size: 12px;
  margin-top: 8px;
}
.datacontroller--footer > a {
  color: #186ef0;
}
.sch-datacontroller {
  z-index: 1030;
  background: inherit;
}
.sch-datacontroller__wrapper {
  max-width: 1028px;
  padding: 8px;
}
.sch-datacontroller__logo {
  max-width: 3.2rem;
  flex: 1;
}
.sch-datacontroller__text {
  flex: 3;
}
.sch-datacontroller__text > svg > rect {
  fill: var(--background_secondary);
}
@media (max-width: 668px) {
  .sch-datacontroller__text > .sch-datacontroller--optional-mobile {
    display: none;
  }
}
.sch-datacontroller__content {
  gap: 0px;
}
.sch-datacontroller__content > svg > rect {
  fill: var(--background_secondary);
}
@media (min-width: 480px) {
  .sch-datacontroller__content {
    gap: 0.5em;
  }
}
.sch-datacontroller--subheader {
  border-bottom: 0;
}
.sch-datacontroller--subheader,
.sch-datacontroller--minimal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.sch-datacontroller--minimal > .sch-datacontroller__wrapper > .sch-datacontroller__content > span {
  justify-content: flex-end;
}
.salesposter {
  background: var(--ipsum--green);
  width: 100%;
  position: relative;
  flex: 1;
  min-height: var(--viewHeight);
  padding-top: calc(var(--base) * 3);
}
.salesposter-section {
  margin: 0 auto;
  width: 90%;
}
@media (min-width: 668px) {
  .salesposter-section {
    width: 65%;
  }
}
@media (min-width: 1024px) {
  .salesposter-section {
    width: 100%;
  }
}
.salesposter-main--container {
  display: flex;
  flex-direction: column;
}
.salesposter-button {
  all: unset;
  border-radius: 30px;
  box-sizing: border-box;
  padding: calc(var(--base) * 1.8) calc(var(--base) * 4.5);
  font-style: normal;
  font-size: 14px;
  line-height: 106.67%;
  text-align: center;
  cursor: pointer;
}
.salesposter-button--container {
  width: 100%;
  display: flex;
  margin-top: calc(var(--base) * 3);
  justify-content: center;
  gap: var(--base);
}
.salesposter-button--primary {
  background: var(--premium--primary);
  color: #ffff;
  transition: 300ms ease-in-out background-color;
}
.salesposter-button--primary:hover {
  background: var(--premium--primary--darken);
}
.salesposter-button--secondary {
  border: 1px solid var(--premium--primary);
  color: var(--premium--primary);
}
.salesposter-button--full {
  width: 100%;
}
.salesposter-intro {
  justify-content: center;
}
.salesposter-intro-text--container {
  display: flex;
  flex-direction: column;
  margin-top: calc(var(--base) * 2);
  grid-row-start: 2;
  grid-row-end: 3;
}
@media (min-width: 1024px) {
  .salesposter-intro-text--container {
    padding: 0;
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 3;
    grid-column-end: 4;
    align-self: end;
  }
}
.salesposter-intro-image--container {
  grid-row-start: 1;
  grid-row-end: 2;
}
@media (min-width: 1024px) {
  .salesposter-intro-image--container {
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
.salesposter-intro--main {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: auto;
}
@media (min-width: 1024px) {
  .salesposter-intro--main {
    grid-template-columns: 1fr 1fr 2.8fr 1fr 1fr;
    grid-template-rows: auto;
  }
}
.salesposter-intro--container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .salesposter-intro--container {
    align-items: center;
    padding: calc(var(--base) * 3) calc(var(--base) * 4);
  }
}
.salesposter-intro--title {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  margin-bottom: calc(var(--base) * 2);
}
@media (min-width: 668px) {
  .salesposter-intro--title {
    margin-bottom: calc(var(--base) * 3);
  }
}
.salesposter-intro--body {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}
.salesposter-intro--arrow {
  margin-top: 2px;
  font-size: 2em;
  line-height: 1;
}
.salesposter-offerbox {
  background: #ffffff;
  box-shadow: 0px 8px 24px rgba(136, 136, 136, 0.2);
  border-radius: 4px;
  padding: calc(var(--base) * 4);
  margin: 0 0 calc(var(--base) * 5) 0;
  display: flex;
  flex-direction: column;
}
.salesposter-offerbox-main--top {
  display: flex;
  flex-direction: column;
  margin: calc(var(--base) * 4) auto;
}
@media (min-width: 1024px) {
  .salesposter-offerbox-main--top {
    flex-direction: row;
    width: 65%;
    display: flex;
    justify-content: space-between;
  }
  .salesposter-offerbox-main--top > .salesposter-offerbox {
    max-width: 45%;
  }
}
@media (min-width: 1175px) {
  .salesposter-offerbox-main--top {
    width: 55%;
  }
}
@media (min-width: 1290px) {
  .salesposter-offerbox-main--top {
    width: 60%;
    max-width: 938px;
  }
  .salesposter-offerbox-main--top > .salesposter-offerbox {
    width: 429px;
  }
}
@media (min-width: 1024px) {
  .salesposter-offerbox-main--top .salesposter-offerbox-bottom {
    padding-top: calc(8px * 13);
  }
}
.salesposter-offerbox-bottom {
  box-sizing: content-box;
  margin-top: auto;
  padding-top: calc(8px * 3);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.salesposter-offerbox-disclaimer {
  font-size: 14px;
  font-weight: var(--font-weight--h6);
  margin-top: calc(8px * 3);
  padding: calc(8px * 2);
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23de5e3bff' stroke-width='3' stroke-dasharray='2%2c18' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
}
@media (min-width: 668px) {
  .salesposter-offerbox-header {
    height: 88px;
  }
}
.salesposter-offerbox-price {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  padding-top: calc(var(--base) * 2);
}
.salesposter-offerbox-price--container {
  display: flex;
  font-size: 16px;
  line-height: 22px;
  padding-top: calc(var(--base) * 4);
}
.salesposter-offerbox-price--container:last-of-type {
  padding-bottom: calc(var(--base) * 4);
}
.salesposter-offerbox-price--symbol {
  min-width: 20px;
  max-width: 20px;
  align-self: baseline;
}
.salesposter-offerbox-price--content {
  padding: 0 var(--base);
}
.salesposter-offerbox-price--title {
  font-weight: 900;
  font-size: 16px;
}
.salesposter-offerbox-price--body {
  font-weight: normal;
}
.salesposter-offerbox--title {
  font-style: normal;
  white-space: pre-wrap;
  font-size: var(--font-size--premium_h1);
  font-weight: var(--font-weight--premium_h1);
  letter-spacing: var(--letter-spacing--premium_h1);
  line-height: var(--line-height--premium_h1);
  font-family: var(--font-family--premium_h1);
  line-height: 24px;
  letter-spacing: 0.2px;
  text-align: center;
}
.salesposter-offerbox--bottom {
  display: block;
  padding-top: calc(var(--base) * 8);
}
@media (min-width: 1024px) {
  .salesposter-offerbox--bottom {
    display: none;
  }
}
.salesposter-offerbox > .salesposter-button {
  margin: 0 auto;
  margin-top: auto;
}
@media (min-width: 1024px) {
  .salesposter-featurebox {
    width: 70%;
    margin: 0 auto;
  }
}
.salesposter-featurebox-image {
  width: 100%;
  height: auto;
}
.salesposter-featurebox-image--container {
  width: 100%;
}
@media (min-width: 1024px) {
  .salesposter-featurebox-image--container {
    flex: 2;
    align-self: baseline;
  }
}
.salesposter-featurebox-text--container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .salesposter-featurebox-text--container {
    margin-left: calc(var(--base) * 5);
    flex: 2.5;
  }
}
@media (min-width: 1024px) {
  .salesposter-featurebox-text--container > a {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .salesposter-featurebox-text--reversed {
    margin-left: 0;
    margin-right: calc(var(--base) * 5);
  }
}
.salesposter-featurebox--container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: calc(var(--base) * 8);
}
.salesposter-featurebox--container:first-child {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .salesposter-featurebox--container {
    margin-top: calc(var(--base) * 16);
  }
}
.salesposter-featurebox--title {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  padding-top: calc(var(--base) * 3);
}
@media (min-width: 1024px) {
  .salesposter-featurebox--title {
    padding-top: 0;
    font-size: 32px;
    line-height: 38px;
    text-align: left;
  }
}
.salesposter-featurebox--body {
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  padding-top: calc(var(--base) * 3);
}
@media (min-width: 1024px) {
  .salesposter-featurebox--body {
    text-align: left;
  }
}
.salesposter-featurebox--more {
  justify-content: flex-start;
}
@media (max-width: 1023px) {
  .salesposter-featurebox--more {
    justify-content: center;
  }
}
.salesposter-featurebox > a {
  margin-top: calc(var(--base) * 2);
}
.salesposter-subscriptionbox {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 1000px;
}
.salesposter-subscriptionbox-summary {
  margin-top: calc(var(--base) * 4);
  border: 1px solid var(--premium--primary);
  padding: calc(var(--base) * 4);
}
.salesposter-subscriptionbox-summary-info {
  margin-top: calc(var(--base) * 2);
  padding-bottom: calc(var(--base) * 2);
  border-bottom: 1px solid var(--divider);
}
.salesposter-subscriptionbox-summary-info--highlight {
  font-weight: 900;
}
.salesposter-subscriptionbox-summary-info--hidden {
  display: none !important;
}
.salesposter-subscriptionbox-summary-info:last-child {
  margin-top: calc(var(--base) * 4);
  border-bottom: 0;
}
.salesposter-subscriptionbox-summary-info-sum {
  color: var(--premium--primary);
  font-weight: 900;
}
.salesposter-subscriptionbox-summary-info--row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: calc(var(--base) * 2);
  font-size: 14px;
}
.salesposter-subscriptionbox-summary-info--row:last-child {
  margin-bottom: 0;
}
.salesposter-subscriptionbox-summary-info--column {
  flex-direction: column;
  font-size: 14px;
}
.salesposter-subscriptionbox-summary-info--sum {
  font-size: 16px;
}
.salesposter-subscriptionbox-summary-info--title {
  font-weight: 900;
  font-size: 18px;
  padding-top: calc(var(--base) * 2);
}
.salesposter-subscriptionbox-options {
  display: flex;
  flex-direction: column;
}
.salesposter-subscriptionbox-subheading {
  margin-top: calc(var(--base) * 4);
}
.salesposter-subscriptionbox-option {
  border: 1px solid var(--divider);
  position: relative;
  display: flex;
  padding: calc(var(--base) * 4) calc(var(--base) * 3);
  margin-top: calc(var(--base) * 2);
  text-align: left;
}
.salesposter-subscriptionbox-option--active {
  border-color: var(--premium--primary);
}
.salesposter-subscriptionbox-option--cheapest::before {
  content: "Mest prisv\E4rt!";
  background-color: var(--premium--primary);
  color: var(--background_primary);
  position: absolute;
  font-size: 10px;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: var(--base) calc(var(--base) * 2);
  border-radius: 30px;
}
.salesposter-subscriptionbox-option--info > span {
  color: var(--text_secondary);
}
.salesposter-subscriptionbox-option--checkbox {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  background: var(--background_secondary);
  border: 1px solid var(--divider);
  margin-right: calc(var(--base) * 2);
  align-self: center;
}
.salesposter-subscriptionbox-option--checkbox > input[type="checkbox"] {
  display: none;
}
.salesposter-subscriptionbox-option--checkbox > [type="checkbox"]:checked + span:before {
  content: "\2713";
  object-fit: cover;
  color: var(--background_primary);
  background: var(--premium--primary);
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.salesposter-subscriptionbox-option--checkbox > [type="checkbox"]:checked + span {
  border: none;
}
.salesposter-subscriptionbox-option--checkbox > span {
  position: relative;
  width: 22px;
  height: 22px;
}
.salesposter-subscriptionbox-option--checkbox--rounded {
  border-radius: 50%;
  min-width: 22px;
  overflow: hidden;
  border-color: var(--premium--primary);
}
.salesposter-subscriptionbox-option--checkbox--checked {
  border: none;
}
.salesposter-subscriptionbox-option--adfree {
  padding-top: 0;
}
.salesposter-subscriptionbox-option--content > h2 {
  font-size: 16px;
}
.salesposter-subscriptionbox-option--content > p {
  font-size: 14px;
}
.salesposter-subscriptionbox-checkbox {
  border: 0;
  margin-top: calc(var(--base) * 2);
}
.salesposter-subscriptionbox--button {
  margin: 0 auto;
  margin-top: calc(var(--base) * 4);
  padding-top: calc(var(--base) * 1.5);
  padding-bottom: calc(var(--base) * 1.5);
  width: 60%;
  background-color: var(--premium--primary);
  cursor: pointer;
}
.salesposter-subscriptionbox--button:hover {
  background-color: var(--premium--primary);
}
@media (max-width: 1023px) {
  .salesposter-subscriptionbox--button {
    width: 90%;
  }
}
.salesposter-subscriptionbox--container {
  display: flex;
  flex-direction: column;
  min-height: 900px;
  margin: 0 auto;
  background: var(--background_secondary);
  box-shadow: 0px 8px 24px rgba(136, 136, 136, 0.2);
  width: 90%;
  max-width: 700px;
  padding: calc(var(--base) * 5) calc(var(--base) * 2);
  border-radius: 4px;
}
@media (min-width: 668px) {
  .salesposter-subscriptionbox--container {
    width: 65%;
    padding: calc(var(--base) * 5) calc(var(--base) * 5);
  }
}
@media (min-width: 1024px) {
  .salesposter-subscriptionbox--container {
    width: 60%;
    padding: calc(var(--base) * 5) calc(var(--base) * 10);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.salesposter-subscriptionbox--title {
  font-size: 16px;
  font-weight: 900;
  margin-bottom: calc(8px * 3);
}
.salesposter-subscriptionbox--bulletpoints {
  margin-top: calc(var(--base) * 3);
  padding: 0 calc(var(--base) * 4);
}
.salesposter-subscriptionbox--bulletpoint {
  font-size: 12px;
  font-weight: var(--font-weight--underline2);
}
.salesposter-subscriptionbox--bulletpoint > a {
  text-decoration: underline;
}
.salesposter-features--container {
  background-color: var(--ipsum--green);
}
@media (min-width: 1024px) {
  .salesposter-features--container {
    padding: calc(var(--base) * 8) 0;
    background-color: #fff;
  }
  .salesposter-features--container > .salesposter-featurebox {
    flex-direction: row;
    max-width: 65%;
    justify-content: space-between;
  }
  .salesposter-features--container > .salesposter-featurebox--reversed {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1175px) {
  .salesposter-features--container > .salesposter-featurebox {
    max-width: 55%;
  }
}
@media (min-width: 1290px) {
  .salesposter-features--container > .salesposter-featurebox {
    width: 60%;
    max-width: 938px;
  }
}
.salesposter-thankyoubox {
  flex: 1;
  background: var(--ipsum--green);
  width: 90%;
  margin: calc(var(--base) * 2) auto 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 16px;
}
.salesposter-thankyoubox-get {
  display: flex;
  margin-top: calc(var(--base) * 2);
}
.salesposter-thankyoubox-get--icon {
  width: 20px;
  margin-right: calc(var(--base) * 3);
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .salesposter-thankyoubox-get {
    margin-top: 0;
  }
}
.salesposter-thankyoubox--info b {
  color: var(--premium--primary);
}
.salesposter-thankyoubox--bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: calc(var(--base) * 4) 0;
  width: 100%;
  margin: 0 auto;
  max-width: 500px;
}
@media (min-width: 668px) {
  .salesposter-thankyoubox--bottom {
    width: 65%;
  }
}
@media (min-width: 1024px) {
  .salesposter-thankyoubox--bottom {
    width: 40%;
  }
}
@media (min-width: 1290px) {
  .salesposter-thankyoubox--bottom {
    width: 30%;
  }
}
.salesposter-inarticle {
  /* curve */
}
.salesposter-inarticle::before {
  content: "";
  background: var(--background_primary);
  left: 0;
  right: 0;
  top: 0;
  height: 200px;
  -webkit-clip-path: ellipse(50% 5% at 50% 100%);
  clip-path: ellipse(50% 5% at 50% 100%);
  transform: rotate(-180deg);
  position: absolute;
}
.salesposter-inarticle-section {
  margin-bottom: calc(var(--base) * 3);
}
.salesposter-inarticle-section .salesposter-intro--container {
  padding: calc(var(--base) * 3) 0;
}
.salesposter-inarticle-section > .salesposter-offerbox > .salesposter-offerbox-price--container > .salesposter-offerbox-price--content > .salesposter-offerbox-price--body {
  text-align: left;
}
.salesposter-inarticle-section > .salesposter-featurebox {
  width: 100%;
}
.salesposter-inarticle-section > .salesposter-featurebox.salesposter-featurebox--container {
  margin-top: calc(var(--base) * 8);
}
.salesposter-inarticle-section > .salesposter-featurebox > .salesposter-featurebox-text--container {
  margin-left: 0;
}
.salesposter-inarticle-section > .salesposter-featurebox > .salesposter-featurebox-text--container .salesposter-featurebox--title {
  padding-top: calc(var(--base) * 2);
}
.salesposter-inarticle-section > .salesposter-featurebox > .salesposter-featurebox-text--container > a,
.salesposter-inarticle-section p,
.salesposter-inarticle-section h1 {
  text-align: center;
  justify-content: center;
}
.salesposter-inarticle--container {
  padding: calc(var(--base) * 3) calc(var(--base) * 1);
}
@media (min-width: 668px) {
  .salesposter-inarticle--container {
    padding: calc(var(--base) * 3) calc(var(--base) * 4);
  }
}
@media (min-width: 1024px) {
  .salesposter-inarticle--container {
    padding: calc(var(--base) * 3) calc(var(--base) * 10);
  }
}
.salesposter--more {
  padding: 0;
  padding-top: calc(var(--base) * 3);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  color: var(--premium--primary);
}
.redirect {
  height: 100vh;
  display: grid;
  place-items: center;
}
.redirect-container {
  display: flex;
  flex-direction: column;
}
.redirect-spinner {
  display: flex;
  justify-content: center;
  margin-bottom: calc(8px * 2);
}
.redirect-spinner > svg {
  width: auto;
  animation: spinner 2s linear infinite;
}
@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  scrollbar-width: none;
  /* Firefox */
}
*::-webkit-scrollbar {
  width: none;
  /* Hide scrollbar for Chrome, Safari and Opera */
}
html {
  scrollbar-width: thin;
}
html::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(204, 204, 204, 0.8);
}
body {
  background-color: var(--background_secondary);
  margin: 0;
  padding: 0;
  color: var(--text_primary);
  --viewHeight: calc(var(--vhCustomUnit) * 100);
}
svg {
  width: 100%;
  height: 100%;
}
a {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.25s, color 0.25s;
}
.noscroll {
  overflow-y: hidden;
}
@media (max-width: 668px) {
  .noscroll-mobile {
    overflow-y: hidden;
    touch-action: none;
    height: var(--viewHeight);
  }
  .noscroll-mobile--feed {
    height: calc((var(--viewHeight) - var(--header-height--xs)) - var(--banner-offset));
  }
}
@media (max-width: 668px) {
  .hideon--small {
    display: none;
  }
}
.a {
  transition: opacity 0.25s, color 0.25s;
}
.a--primary {
  font-weight: 600;
  color: var(--primary);
}
.a--secondary {
  font-weight: 600;
  color: var(--primary);
}
.a--normal {
  font-weight: normal;
}
.a:hover {
  color: var(--primary_darken);
}
p {
  margin: 0;
}
label {
  cursor: pointer;
}
.global-width {
  max-width: 1028px;
  margin: auto;
  position: relative;
}
.global-width--header {
  margin: auto;
  position: relative;
  max-width: 1028px;
}
.global-width--wide {
  max-width: 1290px;
}
@media (min-width: 668px) {
  .app-bg {
    background: transparent;
  }
  .app-bg--404,
  .app-bg--500 {
    background: none;
  }
}
.app-inner {
  padding-top: 86px;
}
@media (min-width: 1024px) {
  .app-inner {
    padding-top: 55px;
  }
}
.app-feedback {
  background: #a2a2a2;
  border: 1px solid #14569c;
  color: #14569c;
  width: 140px;
  padding: 5px 0;
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 1030;
  transform-origin: 100% 100%;
  transform: rotate(-90deg);
  font-size: 14px;
  font-size: 0.77777778rem;
  text-align: center;
}
.app-banner {
  margin-top: var(--banner-offset);
}
.container {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
@media (min-width: 1175px) {
  .container {
    margin-left: 0;
    margin-right: 0;
  }
}
.column {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .column {
    flex-direction: row;
  }
}
.categories {
  padding: 0;
  list-style: none;
  font-size: 24px;
}
@keyframes slidebg {
  0% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: 600%;
  }
}
.shadow-ambient {
  box-shadow: var(--shadow-ambient--primary);
}
.usermix-category-options .MuiSlider-root {
  color: var(--primary);
}
.usermix-category-options .MuiSlider-thumb {
  transform: scale(2);
}
.usermix-category-options .MuiSlider-mark {
  transform: scale(3);
  border-radius: 50%;
  background-color: var(--divider);
}
.usermix-category-options .MuiSlider-markActive {
  background-color: var(--primary);
  opacity: 1;
}
.usermix-category-options .MuiSlider-rail {
  background-color: var(--divider);
  opacity: 1;
}
.usermix-category-options .MuiSlider-track {
  background-color: var(--primary);
}
.gradient {
  background-color: #2824a8;
  background-image: linear-gradient(to right, #2824a8, #1ba4de, #2db99b, #fce900, #f9ac17, #f93e83, #2824a8);
  background-repeat: repeat-x;
  background-size: 120%;
}
.gradient--loading {
  animation: 3s linear 0s infinite slidebg;
}
@media (min-width: 1024px) {
  .header-main {
    grid-template-columns: 1fr 4fr 2.5fr;
  }
}