:root {
  --gridSpace: 64px;
  --lightColor: #e5e5e5;
  --mediumColor: #cfcfcf;
  --regularColor: #dc2833;
  /*     --darkRegularColor: #000; */
  --darkMediumColor: #808080;
  --darkLightColor: #f2f2f2;
  --articleFontSize: 20px;
  --articleFontSizeMobile: calc(var(--articleFontSize) - 2px);
  --headerHeight: 48px;
} /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
html {
  overflow-x: hidden;
}

body {
  margin: 0;
  background-color: #000;
  color: #fff;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
figcaption,
figure,
main {
  display: block;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type='reset'],
[type='submit'],
button,
html [type='button'] {
  -webkit-appearance: button;
}
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  display: inline-block;
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details,
menu {
  display: block;
}
summary {
  display: list-item;
}
canvas {
  display: inline-block;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
.flatpickr-calendar {
  background: 0 0;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 0;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  touch-action: manipulation;
  background: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.14);
}
.flatpickr-calendar.inline,
.flatpickr-calendar.open {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth
  .flatpickr-days
  .dayContainer:nth-child(n + 1)
  .flatpickr-day.inRange:nth-child(7n + 7) {
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth
  .flatpickr-days
  .dayContainer:nth-child(n + 2)
  .flatpickr-day.inRange:nth-child(7n + 1) {
  box-shadow:
    -2px 0 0 #e6e6e6,
    5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:after,
.flatpickr-calendar:before {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.arrowRight:after,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.rightMost:before {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:after,
.flatpickr-calendar.arrowCenter:before {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
  bottom: 100%;
  display: none;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
  top: 100%;
  display: none;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.flatpickr-months {
  display: -webkit-flex;
  display: flex;
  margin-top: 8px;
}
.flatpickr-months .flatpickr-month {
  background: 0 0;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 40px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-flex: 1;
  flex: 1;
}
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 8px;
  height: 40px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}
.flatpickr-months .flatpickr-next-month.flatpickr-disabled,
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-next-month i,
.flatpickr-months .flatpickr-prev-month i {
  position: relative;
}
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  left: 12px;
}
.flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
  right: 12px;
}
.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
  fill: var(--regularColor);
}
.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-inner-spin-button,
.numInputWrapper input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after {
  display: block;
  content: '';
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}
.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: calc(100% - 32px);
  left: 16px;
  padding: 0;
  line-height: 1;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border-bottom: 1px solid #000;
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 40px;
  display: inline-block;
  pointer-events: none;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month input.cur-year {
  background: 0 0;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: textfield;
  pointer-events: none;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #000;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: 0 0;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
  background: 0 0;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: 0;
  outline: 0;
  padding: 0 12px 0 0;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: auto;
  pointer-events: none;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #000;
  letter-spacing: 0.09em;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:active,
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
  outline: 0;
}
.flatpickr-current-month
  .flatpickr-monthDropdown-months
  .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: 0;
  padding: 0;
}
.flatpickr-weekdays {
  background: 0 0;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
  flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 0.9333333333rem;
  line-height: 1;
  background: 0 0;
  color: #000;
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-flex: 1;
  flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  text-align: center;
}
.dayContainer + .dayContainer {
  box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: 0 0;
  border: none;
  border-radius: 150px;
  box-sizing: border-box;
  color: #404040;
  cursor: pointer;
  width: 26px;
  flex-basis: 14.2857143%;
  height: 26px;
  margin: 6px auto;
  display: inline-flex;
  position: relative;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  align-items: center;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1;
}
.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
  cursor: pointer;
  outline: 0;
  background: var(--lightColor);
  border-color: var(--lightColor);
  color: var(--regularColor);
}
.flatpickr-day.today {
  background: var(--lightColor);
  border-color: var(--lightColor);
  color: var(--regularColor);
}
.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
  background: var(--lightColor);
  border-color: var(--lightColor);
  color: var(--regularColor);
}
.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
  background: var(--regularColor);
  box-shadow: none;
  color: #fff;
  border-color: var(--regularColor);
}
.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow:
    -5px 0 0 #e6e6e6,
    5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: 0 0;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow:
    -5px 0 0 #569ff7,
    5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: 0 0;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
  padding: 16px;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
}
.flatpickr-time:after {
  content: '';
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: 0 0;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: 700;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: 700;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
body .qc-cmp2-main,
body.lookLayout .qc-cmp2-main {
  scrollbar-color: #171717 transparent !important;
}
body .qc-cmp2-main ::-webkit-scrollbar-thumb,
body.lookLayout .qc-cmp2-main ::-webkit-scrollbar-thumb {
  background-color: #171717 !important;
}
body .qc-cmp2-scrollable-section,
body.lookLayout .qc-cmp2-scrollable-section {
  scrollbar-color: #171717 transparent !important;
}
body
  .css-1mgsk1z.css-1mgsk1z
  .qc-cmp2-summary-section
  .qc-cmp2-consent-info
  div,
body.lookLayout
  .css-1mgsk1z.css-1mgsk1z
  .qc-cmp2-summary-section
  .qc-cmp2-consent-info
  div {
  margin-bottom: 16px;
}
body .css-1hvyg2z.css-1hvyg2z .qc-cmp2-footer .qc-cmp2-summary-buttons button,
body .css-1mgsk1z.css-1mgsk1z .qc-cmp2-footer .qc-cmp2-summary-buttons button,
body .css-1yjqxa1.css-1yjqxa1 .qc-cmp2-footer .qc-cmp2-buttons-desktop button,
body .css-1yjqxa1.css-1yjqxa1 .qc-cmp2-footer > button,
body.lookLayout
  .css-1hvyg2z.css-1hvyg2z
  .qc-cmp2-footer
  .qc-cmp2-summary-buttons
  button,
body.lookLayout
  .css-1mgsk1z.css-1mgsk1z
  .qc-cmp2-footer
  .qc-cmp2-summary-buttons
  button,
body.lookLayout
  .css-1yjqxa1.css-1yjqxa1
  .qc-cmp2-footer
  .qc-cmp2-buttons-desktop
  button,
body.lookLayout .css-1yjqxa1.css-1yjqxa1 .qc-cmp2-footer > button {
  background-color: #171717;
  color: #fff;
  border-color: #171717;
  box-shadow: none;
  outline: 0;
  min-width: 0;
  border-width: 1px;
}
body
  .css-1hvyg2z.css-1hvyg2z
  .qc-cmp2-footer
  .qc-cmp2-summary-buttons
  button:before,
body
  .css-1mgsk1z.css-1mgsk1z
  .qc-cmp2-footer
  .qc-cmp2-summary-buttons
  button:before,
body
  .css-1yjqxa1.css-1yjqxa1
  .qc-cmp2-footer
  .qc-cmp2-buttons-desktop
  button:before,
body .css-1yjqxa1.css-1yjqxa1 .qc-cmp2-footer > button:before,
body.lookLayout
  .css-1hvyg2z.css-1hvyg2z
  .qc-cmp2-footer
  .qc-cmp2-summary-buttons
  button:before,
body.lookLayout
  .css-1mgsk1z.css-1mgsk1z
  .qc-cmp2-footer
  .qc-cmp2-summary-buttons
  button:before,
body.lookLayout
  .css-1yjqxa1.css-1yjqxa1
  .qc-cmp2-footer
  .qc-cmp2-buttons-desktop
  button:before,
body.lookLayout .css-1yjqxa1.css-1yjqxa1 .qc-cmp2-footer > button:before {
  content: unset !important;
}
body
  .css-1hvyg2z.css-1hvyg2z
  .qc-cmp2-footer
  .qc-cmp2-summary-buttons
  button
  span,
body
  .css-1mgsk1z.css-1mgsk1z
  .qc-cmp2-footer
  .qc-cmp2-summary-buttons
  button
  span,
body
  .css-1yjqxa1.css-1yjqxa1
  .qc-cmp2-footer
  .qc-cmp2-buttons-desktop
  button
  span,
body .css-1yjqxa1.css-1yjqxa1 .qc-cmp2-footer > button span,
body.lookLayout
  .css-1hvyg2z.css-1hvyg2z
  .qc-cmp2-footer
  .qc-cmp2-summary-buttons
  button
  span,
body.lookLayout
  .css-1mgsk1z.css-1mgsk1z
  .qc-cmp2-footer
  .qc-cmp2-summary-buttons
  button
  span,
body.lookLayout
  .css-1yjqxa1.css-1yjqxa1
  .qc-cmp2-footer
  .qc-cmp2-buttons-desktop
  button
  span,
body.lookLayout .css-1yjqxa1.css-1yjqxa1 .qc-cmp2-footer > button span {
  cursor: pointer;
}
body .qc-cmp2-persistent-link,
body.lookLayout .qc-cmp2-persistent-link {
  background-color: #171717 !important;
  padding: 8px 16px;
  max-height: unset;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  font-family: PFSpekkVARRegular, Arial, sans-serif !important;
  font-size: 16px !important;
}
body .css-10iygpd.css-10iygpd .qc-cmp2-list-item .qc-cmp2-list-item-status,
body.lookLayout
  .css-10iygpd.css-10iygpd
  .qc-cmp2-list-item
  .qc-cmp2-list-item-status {
  margin: 0 20px 0 0;
}
body
  .css-10iygpd.css-10iygpd
  .qc-cmp2-list-item
  .qc-cmp2-expandable-list
  .qc-cmp2-expandable-info
  .qc-cmp2-expandable-legal
  .qc-cmp2-toggle-legal-button,
body .css-1prvxss.css-1prvxss.qc-cmp2-link-active,
body
  .css-1yjqxa1.css-1yjqxa1
  .qc-cmp2-consent-info
  .qc-cmp2-header-links
  button,
body .css-1yjqxa1.css-1yjqxa1 .qc-cmp2-footer .qc-cmp2-footer-links button,
body
  .css-1yjqxa1.css-1yjqxa1
  .qc-cmp2-footer
  .qc-cmp2-footer-links
  button:not(.qc-cmp2-link-active),
body.lookLayout
  .css-10iygpd.css-10iygpd
  .qc-cmp2-list-item
  .qc-cmp2-expandable-list
  .qc-cmp2-expandable-info
  .qc-cmp2-expandable-legal
  .qc-cmp2-toggle-legal-button,
body.lookLayout .css-1prvxss.css-1prvxss.qc-cmp2-link-active,
body.lookLayout
  .css-1yjqxa1.css-1yjqxa1
  .qc-cmp2-consent-info
  .qc-cmp2-header-links
  button,
body.lookLayout
  .css-1yjqxa1.css-1yjqxa1
  .qc-cmp2-footer
  .qc-cmp2-footer-links
  button,
body.lookLayout
  .css-1yjqxa1.css-1yjqxa1
  .qc-cmp2-footer
  .qc-cmp2-footer-links
  button:not(.qc-cmp2-link-active) {
  background-color: transparent;
  color: #171717;
  border-color: transparent;
  box-shadow: none;
  outline: 0;
  min-width: 0;
}
body
  .css-10iygpd.css-10iygpd
  .qc-cmp2-list-item
  .qc-cmp2-expandable-list
  .qc-cmp2-expandable-info
  .qc-cmp2-expandable-legal
  .qc-cmp2-toggle-legal-button:before,
body .css-1prvxss.css-1prvxss.qc-cmp2-link-active:before,
body
  .css-1yjqxa1.css-1yjqxa1
  .qc-cmp2-consent-info
  .qc-cmp2-header-links
  button:before,
body
  .css-1yjqxa1.css-1yjqxa1
  .qc-cmp2-footer
  .qc-cmp2-footer-links
  button:before,
body
  .css-1yjqxa1.css-1yjqxa1
  .qc-cmp2-footer
  .qc-cmp2-footer-links
  button:not(.qc-cmp2-link-active):before,
body.lookLayout
  .css-10iygpd.css-10iygpd
  .qc-cmp2-list-item
  .qc-cmp2-expandable-list
  .qc-cmp2-expandable-info
  .qc-cmp2-expandable-legal
  .qc-cmp2-toggle-legal-button:before,
body.lookLayout .css-1prvxss.css-1prvxss.qc-cmp2-link-active:before,
body.lookLayout
  .css-1yjqxa1.css-1yjqxa1
  .qc-cmp2-consent-info
  .qc-cmp2-header-links
  button:before,
body.lookLayout
  .css-1yjqxa1.css-1yjqxa1
  .qc-cmp2-footer
  .qc-cmp2-footer-links
  button:before,
body.lookLayout
  .css-1yjqxa1.css-1yjqxa1
  .qc-cmp2-footer
  .qc-cmp2-footer-links
  button:not(.qc-cmp2-link-active):before {
  content: unset !important;
}
body .css-1y2tmuv.css-1y2tmuv.css-1y2tmuv.css-1y2tmuv,
body.lookLayout .css-1y2tmuv.css-1y2tmuv.css-1y2tmuv.css-1y2tmuv {
  background-color: #171717;
  border-color: #171717;
  min-width: 0;
}
body .css-1y2tmuv.css-1y2tmuv.css-1y2tmuv.css-1y2tmuv:before,
body.lookLayout .css-1y2tmuv.css-1y2tmuv.css-1y2tmuv.css-1y2tmuv:before {
  content: unset !important;
}
body
  .css-10iygpd.css-10iygpd
  .qc-cmp2-list-item
  .qc-cmp2-list-item-header:focus,
body.lookLayout
  .css-10iygpd.css-10iygpd
  .qc-cmp2-list-item
  .qc-cmp2-list-item-header:focus {
  outline: 0;
}
body .css-jswnc6.css-jswnc6.css-jswnc6,
body.lookLayout .css-jswnc6.css-jswnc6.css-jswnc6 {
  color: #171717;
}
body .qc-cmp2-close-icon,
body.lookLayout .qc-cmp2-close-icon {
  border: none !important;
  min-width: 0 !important;
}
body .qc-cmp2-close-icon:before,
body.lookLayout .qc-cmp2-close-icon:before {
  content: unset !important;
}
body
  .css-10iygpd.css-10iygpd
  .qc-cmp2-list-item
  .qc-cmp2-list-item-header
  .titles-header,
body.lookLayout
  .css-10iygpd.css-10iygpd
  .qc-cmp2-list-item
  .qc-cmp2-list-item-header
  .titles-header {
  margin-right: 20px;
}
body .css-g9cqer.css-g9cqer.css-g9cqer.css-g9cqer,
body.lookLayout .css-g9cqer.css-g9cqer.css-g9cqer.css-g9cqer {
  min-width: 0 !important;
}
body
  .css-1yjqxa1.css-1yjqxa1
  .qc-cmp2-consent-info
  .qc-cmp2-publisher-logo-container
  .qc-cmp2-home-button,
body.lookLayout
  .css-1yjqxa1.css-1yjqxa1
  .qc-cmp2-consent-info
  .qc-cmp2-publisher-logo-container
  .qc-cmp2-home-button {
  min-width: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
}
body .css-1yjqxa1.css-1yjqxa1 .qc-cmp2-consent-info h2,
body.lookLayout .css-1yjqxa1.css-1yjqxa1 .qc-cmp2-consent-info h2 {
  padding: 0;
  margin-top: 12px;
}
.font-emphasis {
  font-family: Verdana, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.clearfix:after,
.clearfix:before {
  display: table;
  content: '';
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  box-sizing: border-box;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.invisible {
  visibility: hidden;
}
.affix {
  position: fixed;
}
ul.icons-ul {
  list-style-type: none;
  text-indent: -0.7142857143em;
  margin-left: 2.1428571429em;
}
ul.icons-ul > li .icon-li {
  width: 0.7142857143em;
  display: inline-block;
  text-align: center;
}
[class*=' icon-'].hide,
[class^='icon-'].hide {
  display: none;
}
.icon-muted {
  color: #eee;
}
.icon-light {
  color: #fff;
}
.icon-dark {
  color: #333;
}
.icon-border {
  border: solid 1px #eee;
  padding: 0.2em 0.25em 0.15em;
  border-radius: 3px;
}
.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-width: 2px;
  border-radius: 4px;
}
.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  border-radius: 5px;
}
.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  border-radius: 6px;
}
.icon-5x {
  font-size: 5em;
}
.icon-5x.icon-border {
  border-width: 5px;
  border-radius: 7px;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
[class*=' icon-'].pull-left,
[class^='icon-'].pull-left {
  margin-right: 0.3em;
}
[class*=' icon-'].pull-right,
[class^='icon-'].pull-right {
  margin-left: 0.3em;
}
[class*=' icon-'],
[class^='icon-'] {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  margin-top: 0;
}
.icon-play:before {
  content: '\f04b';
}
.icon-pause:before {
  content: '\f04c';
}
.icon-stop:before {
  content: '\f04d';
}
.icon-volume-up:before {
  content: '\f028';
}
.icon-volume-off:before {
  content: '\f026';
}
.icon-calendar:before {
  content: '\f073';
}
.icon-external-link:before {
  content: '\f08e';
}
.icon-time:before {
  content: '\f017';
}
.icon-microphone:before {
  content: '\f130';
}
.icon-globe:before {
  content: '\f0ac';
}
.rj-nav {
  margin-left: 0;
  margin-bottom: 20px;
  list-style: none;
}
.rj-nav > li > a {
  display: block;
  color: #555;
  text-decoration: none;
}
.rj-nav > li > a:hover {
  text-decoration: none;
  background-color: #7d7169;
  color: #fff;
}
.rj-nav > .pull-right {
  float: right;
}
.rj-nav-pills:after,
.rj-nav-pills:before,
.rj-nav-tabs:after,
.rj-nav-tabs:before {
  display: table;
  content: '';
  line-height: 0;
}
.rj-nav-pills:after,
.rj-nav-tabs:after {
  clear: both;
}
.rj-nav-pills > li,
.rj-nav-tabs > li {
  float: left;
}
.rj-nav-pills > li > a,
.rj-nav-tabs > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}
.rj-nav-tabs {
  border-bottom: 2px solid #ddd;
}
.rj-nav-tabs > li {
  margin-bottom: -2px;
}
.rj-nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 2px solid transparent;
}
.rj-nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.rj-nav-tabs > .active > a,
.rj-nav-tabs > .active > a:hover {
  color: #555;
  background-color: #fff;
  border: 2px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.rj-nav-stacked > li {
  float: none;
}
.rj-nav-stacked > li > a {
  margin-right: 0;
}
.rj-nav-tabs.rj-nav-stacked {
  border-bottom: 0;
}
.rj-nav-tabs.rj-nav-stacked > li > a {
  border: 2px solid #ddd;
}
.rj-nav-tabs.rj-nav-stacked > li > a:hover {
  border-color: #ddd;
  z-index: 2;
}
.tabbable:after,
.tabbable:before {
  display: table;
  content: '';
  line-height: 0;
}
.tabbable:after {
  clear: both;
}
.rj-tab-content {
  overflow: auto;
}
.rj-tabs-below > .rj-nav-tabs,
.rj-tabs-left > .rj-nav-tabs,
.rj-tabs-right > .rj-nav-tabs {
  border-bottom: 0;
}
.pill-content > .pill-pane,
.rj-tab-content > .tab-pane {
  display: none;
}
.pill-content > .active,
.rj-tab-content > .active {
  display: block;
}
.rj-tabs-below > .rj-nav-tabs {
  border-top: 1px solid #ddd;
}
.rj-tabs-below > .rj-nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.rj-tabs-below > .rj-nav-tabs > li > a {
  border-radius: 0 0 4px 4px;
}
.rj-tabs-below > .rj-nav-tabs > li > a:hover {
  border-bottom-color: transparent;
  border-top-color: #ddd;
}
.rj-tabs-below > .rj-nav-tabs > .active > a,
.rj-tabs-below > .rj-nav-tabs > .active > a:hover {
  border-color: transparent #ddd #ddd #ddd;
}
.rj-tabs-left > .rj-nav-tabs > li,
.rj-tabs-right > .rj-nav-tabs > li {
  float: none;
}
.rj-tabs-left > .rj-nav-tabs > li > a,
.rj-tabs-right > .rj-nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}
.rj-tabs-left > .rj-nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}
.rj-tabs-left > .rj-nav-tabs > li > a {
  margin-right: -1px;
  border-radius: 4px 0 0 4px;
}
.rj-tabs-left > .rj-nav-tabs > li > a:hover {
  border-color: #eee #ddd #eee #eee;
}
.rj-tabs-left > .rj-nav-tabs .active > a,
.rj-tabs-left > .rj-nav-tabs .active > a:hover {
  border-color: #ddd transparent #ddd #ddd;
}
.rj-tabs-right > .rj-nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}
.rj-tabs-right > .rj-nav-tabs > li > a {
  margin-left: -1px;
  border-radius: 0 4px 4px 0;
}
.rj-tabs-right > .rj-nav-tabs > li > a:hover {
  border-color: #eee #eee #eee #ddd;
}
.rj-tabs-right > .rj-nav-tabs .active > a,
.rj-tabs-right > .rj-nav-tabs .active > a:hover {
  border-color: #ddd #ddd #ddd transparent;
}
.rj-nav-tabs > .active > a,
.rj-nav-tabs > .active > a:hover {
  text-decoration: none;
}
#rj-player .rjp-trackinfo-container {
  overflow: hidden;
  padding: 10px;
}
#rj-player .rjp-label {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 9px;
  text-transform: uppercase;
  line-height: 1.4;
}
#rj-player .rjp-info {
  padding: 0;
  margin: 0;
}
#rj-player .rjp-player-container {
  position: relative;
}
#rj-player .rjp-player-container .jp-pause,
#rj-player .rjp-player-container .jp-play {
  background: var(--regularColor);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  width: 86px;
  height: 86px;
  font-size: 56px;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#rj-player .rjp-player-container .jp-pause {
  font-size: 36px;
}
#rj-player .rjp-player-container .jp-pause:active,
#rj-player .rjp-player-container .jp-pause:focus,
#rj-player .rjp-player-container .jp-play:active,
#rj-player .rjp-player-container .jp-play:focus {
  text-decoration: none;
}
#rj-player .rjp-player-container .jp-pause.player-loading,
#rj-player .rjp-player-container .jp-play.player-loading {
  background-position: center;
  background-repeat: no-repeat;
}
#rj-player .rjp-player-container .jp-mute,
#rj-player .rjp-player-container .jp-unmute {
  background: 0 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 1;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
}
#rj-player .rjp-player-container .jp-mute span,
#rj-player .rjp-player-container .jp-unmute span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#rj-player .rjp-player-container .jp-mute:active,
#rj-player .rjp-player-container .jp-mute:focus,
#rj-player .rjp-player-container .jp-unmute:active,
#rj-player .rjp-player-container .jp-unmute:focus {
  text-decoration: none;
}
#rj-player .rjp-player-container .jp-volume-bar-wrapper {
  display: block;
  width: 100%;
}
#rj-player .rjp-player-container .jp-mute:hover ~ .jp-volume-bar-wrapper,
#rj-player .rjp-player-container .jp-unmute:hover ~ .jp-volume-bar-wrapper,
#rj-player .rjp-player-container .jp-volume-bar-wrapper:hover {
  display: block;
}
#rj-player .rjp-player-container .jp-volume-bar {
  background: #cfcfcf;
  width: 100%;
  height: 4px;
  border-radius: 90px;
  overflow: hidden;
}
#rj-player .rjp-player-container .jp-volume-bar-value {
  background: var(--regularColor);
  height: 4px;
  border-radius: 90px;
  overflow: hidden;
}
#rj-player .rjp-player-container .jp-no-solution {
  display: none;
}
#rj-player .rjp-player-container .rjp-stationlogo {
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  height: 80px;
}
#rj-player a.jp-mute,
#rj-player a.jp-mute:hover,
#rj-player a.jp-pause,
#rj-player a.jp-pause:hover,
#rj-player a.jp-play,
#rj-player a.jp-play:hover,
#rj-player a.jp-unmute,
#rj-player a.jp-unmute:hover {
  text-decoration: none !important;
}
#rj-player .player-v3 {
  background: #f0edeb;
  height: 210px;
}
#rj-player .player-v3 .rjp-label {
  color: #b74525;
}
#rj-player .player-v3 #rj-cover {
  float: left;
  width: 210px;
  height: 210px;
  overflow: hidden;
  background: #eae4e0;
  background-clip: content-box;
  text-align: center;
}
#rj-player .player-v3 #rj-cover a {
  display: inline;
  line-height: 210px;
  text-align: center;
}
#rj-player .player-v3 #rj-cover a img {
  display: inline;
  width: 210px;
  height: 210px;
  vertical-align: middle;
}
#rj-player .player-v3 .info {
  position: relative;
  height: 210px;
}
#rj-player .player-v3 .rjp-player-container {
  bottom: 0;
  left: 210px;
  position: absolute;
  height: 80px;
  width: 710px;
}
#rj-player .player-v3.player-medium {
  width: 650px;
  height: 210px;
}
#rj-player .player-v3.player-medium .rjp-player-container {
  left: 0;
}
#rj-player .player-v3.player-medium #rj-cover {
  width: 210px;
  height: 210px;
  float: left;
}
#rj-player .player-v3.player-medium .info {
  position: relative;
  float: left;
  width: 440px;
  height: 210px;
}
#rj-player .player-v3.player-medium .rjp-player-container {
  width: 440px;
  height: 80px;
  position: absolute;
}
#rj-player .player-v3 .rjp-player-container .jp-pause,
#rj-player .player-v3 .rjp-player-container .jp-play {
  margin-left: 20px;
  left: auto;
}
#rj-player .player-v3 .rjp-player-container .jp-mute,
#rj-player .player-v3 .rjp-player-container .jp-unmute {
  right: auto;
  left: 90px;
}
#rj-player .player-v3 .jp-volume-bar-wrapper {
  left: 107px;
}
@font-face {
  font-family: swiper-icons;
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA')
    format('woff');
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property:
    transform,
    -webkit-transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-container-pointer-events {
  touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property:
    transform,
    -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property:
    height,
    -webkit-transform;
  transition-property: transform, height;
  transition-property:
    transform,
    height,
    -webkit-transform;
}
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition:
    0.2s top,
    0.2s -webkit-transform;
  transition:
    0.2s transform,
    0.2s top;
  transition:
    0.2s transform,
    0.2s top,
    0.2s -webkit-transform;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition:
    0.2s left,
    0.2s -webkit-transform;
  transition:
    0.2s transform,
    0.2s left;
  transition:
    0.2s transform,
    0.2s left,
    0.2s -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition:
    0.2s right,
    0.2s -webkit-transform;
  transition:
    0.2s transform,
    0.2s right;
  transition:
    0.2s transform,
    0.2s right,
    0.2s -webkit-transform;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
*,
::after,
::before {
  box-sizing: border-box;
}
body {
  position: relative;
  background-color: #fbfbf8;
}
body.withPopup {
  overflow: hidden;
}
body:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 288px;
  background-color: var(--darkRegularColor);
}
body.homePage:before {
  height: 440px;
}
body.withoutSubmenu:before {
  height: 252px;
}
body.categoryPage.lookMagPalette {
  --lightColor: $white;
}
body.categoryPage:before {
  background-color: var(--lightColor);
}
body.darkHeader:before {
  background-color: var(--darkRegularColor);
}
body.darkBgPage {
  background-color: #404040;
}
body.darkBgPage:before {
  background-color: #404040;
}
body.short:before {
  height: 112px;
}
body.large:before {
  height: 432px;
}
body.medium:before {
  height: 330px;
}
body.thin:before {
  height: 64px;
}
body.textPage:before,
body.transparent:not(.podcast):before {
  content: none;
}
body.podcast:before {
  height: 252px;
  background-color: #171717;
}
body.podcast.short:before {
  background-color: #171717;
}
body.lookLayout {
  --lightColor: #000;
  --mediumColor: #000;
  --regularColor: #000;
  --darkRegularColor: #000;
  --darkMediumColor: #000;
  --darkLightColor: #000;
  background-color: #f4f4f4;
}
body.lookLayout:before {
  content: unset;
}
body.culturePalette {
  --darkRegularColor: #3b2727;
}
body.culturePalette.categoryPage {
  --lightColor: #f6dfde;
  --mediumColor: #edbfbd;
  --regularColor: #dc2833;
  --darkRegularColor: #3b2727;
  --darkMediumColor: #5f4545;
  --darkLightColor: #947372;
}
body.lifePalette {
  --darkRegularColor: #47210d;
}
body.lifePalette.categoryPage {
  --lightColor: #f4dac7;
  --mediumColor: #e8b590;
  --regularColor: #c85f2a;
  --darkRegularColor: #47210d;
  --darkMediumColor: #673f27;
  --darkLightColor: #976b4e;
}
body.viralPalette {
  --darkRegularColor: #3e2e03;
}
body.viralPalette.categoryPage {
  --lightColor: #f3e6b6;
  --mediumColor: #ebd586;
  --regularColor: #ce980b;
  --darkRegularColor: #3e2e03;
  --darkMediumColor: #614f1d;
  --darkLightColor: #948144;
}
body.cityPalette {
  --darkRegularColor: #27353b;
}
body.cityPalette.categoryPage {
  --lightColor: #e0e8ec;
  --mediumColor: #c2d1d9;
  --regularColor: #5899b5;
  --darkRegularColor: #27353b;
  --darkMediumColor: #46545b;
  --darkLightColor: #74838a;
}
body.zodiacPalette {
  --darkRegularColor: #273b2d;
}
body.zodiacPalette.categoryPage {
  --lightColor: #d1e8da;
  --mediumColor: #a4d2b6;
  --regularColor: #0c9876;
  --darkRegularColor: #273b2d;
  --darkMediumColor: #405948;
  --darkLightColor: #658671;
}
body.todayPalette {
  --darkRegularColor: #262a49;
}
body.todayPalette.categoryPage {
  --lightColor: #e0e7f5;
  --mediumColor: #b6c1e7;
  --regularColor: #4964c2;
  --darkRegularColor: #262a49;
  --darkMediumColor: #454969;
  --darkLightColor: #737799;
}
body.tributesPalette {
  --darkRegularColor: #080f4d;
}
body.tributesPalette.categoryPage {
  --lightColor: #e0defa;
  --mediumColor: #c4c3fd;
  --regularColor: #3333ff;
  --darkRegularColor: #080f4d;
  --darkMediumColor: #454969;
  --darkLightColor: #737799;
}
body.voicePalette {
  --darkRegularColor: #31273b;
}
body.voicePalette.categoryPage {
  --lightColor: #eee0f5;
  --mediumColor: #ddc1ea;
  --regularColor: #824bc8;
  --darkRegularColor: #31273b;
  --darkMediumColor: #53465e;
  --darkLightColor: #877492;
}
body.defaultPalette {
  --darkRegularColor: #3b2727;
}
body.defaultPalette.categoryPage {
  --lightColor: #f6dfde;
  --mediumColor: #edbfbd;
  --regularColor: #dc2833;
  --darkRegularColor: #3b2727;
  --darkMediumColor: #5f4545;
  --darkLightColor: #947372;
}
body.cityPalette.isApp.categoryPage,
body.culturePalette.isApp.categoryPage,
body.defaultPalette.isApp.categoryPage,
body.lifePalette.isApp.categoryPage,
body.todayPalette.isApp.categoryPage,
body.tributesPalette.isApp.categoryPage,
body.viralPalette.isApp.categoryPage,
body.voicePalette.isApp.categoryPage,
body.zodiacPalette.isApp.categoryPage {
  --lightColor: transparent;
}
.mainContainer {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  min-height: 100vh;
  position: relative;
}
.isApp .mainContainer {
  min-height: unset;
}
.mainContainer footer,
.mainContainer header,
.mainContainer main {
  width: 100%;
}
.withSkin .mainContainer .footer,
.withSkin .mainContainer .header {
  padding-left: 80px;
  padding-right: 80px;
}
.mainContainer .main {
  padding: 102px 0 0;
  position: relative;
}
.homePage .mainContainer .main {
  padding: 96px 0 0;
}
.categoryPage.isApp .mainContainer .main,
.textPage.isApp .mainContainer .main {
  padding: 0;
}
.categoryPage .mainContainer .main {
  padding: 138px 0 0;
}
.withoutSubmenu .mainContainer .main {
  padding: 102px 0 0;
}
.withoutSubmenu.short .mainContainer .main {
  padding: 184px 0 0;
}
.short .mainContainer .main {
  padding: 184px 0 0;
}
.smallPadding .mainContainer .main {
  padding: 104px 0 0;
}
.small .mainContainer .main {
  padding: 104px 0 0;
}
.transparent:not(.podcast) .mainContainer .main {
  padding: 0;
}
.transparent.withSkin:not(.podcast) .mainContainer .main {
  padding-left: 80px;
  padding-right: 80px;
}
.textPage .mainContainer .main {
  padding: 132px 0 0;
}
.lookLayout .mainContainer .main {
  padding: 0;
}
.lookLayout.categoryPage .mainContainer .main {
  padding: 92px 0 0;
}
.lookLayout.withSkin .mainContainer .main {
  padding-left: 80px;
  padding-right: 80px;
}
.pageWithTopFilters .mainContainer .main {
  padding: 112px 0 0;
}
.withSkin .mainContainer .main {
  padding-left: 80px;
  padding-right: 80px;
}
.radioPage .mainContainer .main {
  padding: 0;
}
.mainContainer footer {
  align-self: flex-end;
}
aside {
  padding-right: 40px;
  flex-shrink: 0;
  width: 300px;
}
aside ~ .mainContent {
  flex-grow: 1;
  width: calc(100% - 300px - 40px);
}
aside.right {
  order: 2;
  padding-left: 40px;
  padding-right: 0;
}
.mainContent {
  width: 100%;
}
.mainLayer {
  background-color: rgba(23, 23, 23, 0.6);
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity 250ms ease-in-out;
  z-index: 9;
  width: 100%;
  height: 100%;
}
.mainLayer.active {
  opacity: 1;
  pointer-events: all;
  z-index: 280;
}
.lazy {
  /*     opacity: 0; */
  max-width: 100%;
  transition: opacity 0.3s ease-in;
}
.lazy[data-loaded='true'] {
  opacity: 1;
}
.euIframeContainer,
.mapResults {
  background-color: #cfcfcf;
  height: 600px;
  margin-bottom: 40px;
}
.euIframeContainer {
  margin-bottom: 0;
  position: relative;
  z-index: 0;
}
.mapIframe {
  height: 820px;
  width: 100%;
}
.mapIframe iframe {
  width: 100%;
  height: 100%;
}
.skin {
  position: relative;
  z-index: 100;
  display: none;
}
.withSkin .skin {
  display: block;
}
.skin__column {
  border: none;
  cursor: pointer;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  width: calc(50% - (1568px / 2));
  background-color: inherit;
}
.skin__column a {
  width: 100%;
  height: 100%;
  display: block;
}
.skin__column a img {
  height: auto;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  max-width: unset;
}
.skin__column--right {
  left: unset;
  right: 0;
}
.skin__column--right a img {
  left: 0;
  right: unset;
}
@font-face {
  font-family: SourceSerifProRegular;
  src:
    url(../fonts/SourceSerifPro-Regular.woff2?k=web-54f87c677d) format('woff2'),
    url(../fonts/SourceSerifPro-Regular.woff?k=web-54f87c677d) format('woff');
  font-display: swap;
}
@font-face {
  font-family: SourceSerifProBold;
  src:
    url(../fonts/SourceSerifPro-Bold.woff2?k=web-54f87c677d) format('woff2'),
    url(../fonts/SourceSerifPro-Bold.woff?k=web-54f87c677d) format('woff');
  font-display: swap;
}
@font-face {
  font-family: SourceSerifProBlack;
  src:
    url(../fonts/SourceSerifPro-Black.woff2?k=web-54f87c677d) format('woff2'),
    url(../fonts/SourceSerifPro-Black.woff?k=web-54f87c677d) format('woff');
  font-display: swap;
}
@font-face {
  font-family: PFSpekkVARRegular;
  src:
    url(../fonts/PFSpekkVAR-Regular.woff2?k=web-54f87c677d) format('woff2'),
    url(../fonts/PFSpekkVAR-Regular.woff?k=web-54f87c677d) format('woff');
  font-display: swap;
}
@font-face {
  font-family: PFSpekkVARMedium;
  src:
    url(../fonts/PFSpekkVAR-MediumItalic.woff2?k=web-54f87c677d) format('woff2'),
    url(../fonts/PFSpekkVAR-MediumItalic.woff?k=web-54f87c677d) format('woff');
  font-display: swap;
}
@font-face {
  font-family: PFSpekkVARSemiBold;
  src:
    url(../fonts/PFSpekkVAR-SemiBold.woff2?k=web-54f87c677d) format('woff2'),
    url(../fonts/PFSpekkVAR-SemiBold.woff?k=web-54f87c677d) format('woff');
  font-display: swap;
}
@font-face {
  font-family: PFSpekkVARBold;
  src:
    url(../fonts/PFSpekkVAR-Bold.woff2?k=web-54f87c677d) format('woff2'),
    url(../fonts/PFSpekkVAR-Bold.woff?k=web-54f87c677d) format('woff');
  font-display: swap;
}
.clearfix::after {
  clear: both;
  content: '';
  display: table;
}
.hide-text {
  overflow: hidden;
  padding: 0;
  text-indent: 101%;
  white-space: nowrap;
}
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  height: 1px;
}
.srOnly {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
  min-width: 0;
}
.row--marginTop {
  margin-top: 56px;
}
.row--noWrap {
  flex-wrap: nowrap;
}
.row--vStart {
  align-items: flex-start;
}
.row--vCenter {
  align-items: center;
}
.row--vEnd {
  align-items: flex-end;
}
.row--hStart {
  justify-content: flex-start;
}
.row--hCenter {
  justify-content: center;
}
.row--hEnd {
  justify-content: flex-end;
}
.row--space {
  flex-wrap: nowrap;
  justify-content: space-between;
}
.row--fullWidth {
  width: 100%;
}
.row--paddingTop {
  padding-top: 25px;
}
.row--relative {
  position: relative;
  z-index: 0;
}
.row--withMarginTop {
  margin-top: 70px;
}
.row--withMarginBottom {
  margin-bottom: 44px;
}
.row--withMarginBottom:last-child {
  margin-bottom: 0;
}
.hEnd {
  justify-content: flex-end;
}
.vEnd {
  align-items: flex-end;
}
.relativeBox {
  position: relative;
}
.fullWidth {
  width: 100%;
}
.stickyCol {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
}
.btnWrap {
  display: flex;
  justify-content: flex-start;
  margin: 0 0 40px;
}
.btnWrap--noMargin {
  margin-bottom: 0;
}
.btnWrap--hCenter {
  justify-content: center;
}
.btnWrap--hEnd {
  justify-content: flex-end;
}
.btnWrap--column {
  flex-direction: column;
}
.btnWrap--column > :not(:last-child) {
  margin-bottom: 8px;
  margin-right: 0;
}
.btnWrap > :not(:last-child) {
  margin-right: 16px;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.noWrap {
  white-space: nowrap;
}
.type25 .mobileOnly {
  display: block;
}
.overflowHidden {
  overflow: hidden;
}
.hidden {
  display: none;
}
.textCenter {
  text-align: center;
}
.textRight {
  text-align: right;
}
.flexColumn {
  flex-direction: column;
}
.selfStart {
  align-self: flex-start;
}
.singleArticlePage .selfStart.flexColumn {
  align-self: normal;
}
.contentMaxWidth-952 {
  max-width: 952px;
}
.noPadding {
  padding: 0 !important;
}
.noMargin {
  margin: 0 !important;
}
.noMarginBottom {
  margin-bottom: 0 !important;
}
.smallTopMargin {
  margin-top: 24px !important;
}
.sectionMargin {
  margin: 80px 0;
}
.lookLayout .sectionMargin {
  margin: 56px 0;
}
.sectionMargin--small {
  margin: 40px 0;
}
.sectionMargin.categorySection--black {
  margin: 0;
  padding: 80px 0;
}
.withSkin .sectionMargin.categorySection--black {
  padding: 0;
}
.withSkin .sectionMargin.categorySection--black .categorySection__wrapper {
  padding-bottom: 80px;
  padding-top: 80px;
}
.sectionMarginTop {
  margin-top: 80px;
}
.lookLayout .sectionMarginTop {
  margin-top: 56px;
}
.sectionMarginTop.categorySection--black {
  margin-top: 0;
  padding-top: 80px;
}
.withSkin .sectionMarginTop.categorySection--black {
  padding-top: 0;
}
.withSkin .sectionMarginTop.categorySection--black .categorySection__wrapper {
  padding-top: 80px;
}
.sectionMarginTopLarge {
  margin-top: 110px;
}
.sectionMarginTopLarge.type13 {
  margin-top: 100px;
}
.sectionMarginTopLarge.categorySection--black {
  margin-top: 0;
  padding-top: 110px;
}
.withSkin .sectionMarginTopLarge.categorySection--black {
  padding-top: 0;
}
.withSkin
  .sectionMarginTopLarge.categorySection--black
  .categorySection__wrapper {
  padding-top: 110px;
}
.sectionMarginBottomSmall {
  margin-bottom: 32px;
}
.sectionMarginBottom {
  margin-bottom: 80px;
}
.lookLayout .sectionMarginBottom {
  margin-bottom: 56px;
}
.sectionMarginBottom.categorySection--black {
  margin-bottom: 0;
  padding-bottom: 80px;
}
.withSkin .sectionMarginBottom.categorySection--black {
  padding-bottom: 0;
}
.withSkin
  .sectionMarginBottom.categorySection--black
  .categorySection__wrapper {
  padding-bottom: 80px;
}
section.blackSection {
  background-color: #171717;
}
.withSkin section.blackSection {
  background-color: transparent;
}
.withSkin section.blackSection .wrapper {
  background-color: #171717;
}
section.blackSection .wrapper > .banner {
  margin-bottom: 0;
  margin-top: 0;
}
section .wrapper > .banner {
  text-align: center;
  margin-bottom: 56px;
  margin-top: 56px;
}
.bannerMargin {
  margin: 40px 0;
}
.bannerMarginTop {
  margin-top: 40px;
}
.bannerMarginBottom {
  margin-bottom: 40px;
}
.marginTopAuto {
  margin-top: auto;
}
.marginAuto {
  margin: 0 auto;
}
.minWidthComponent {
  min-width: 300px;
}
.minWidthCol {
  min-width: 324px;
}
.type19 .minWidthCol {
  margin-left: auto;
}
.lookLayout .minWidthCol {
  min-width: 354px;
}
.largeWrap {
  flex-wrap: nowrap;
}
.xxlargeWrap {
  flex-wrap: nowrap;
}
.iframeContainer {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.iframeContainer iframe:not(.instagram-media) {
  display: block;
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.groupedSection {
  width: 100%;
}
.groupedSection:not(:first-child) {
  margin-top: 80px;
}
.groupedSection + .banner {
  margin: 64px auto 0 !important;
  position: unset !important;
  top: 0 !important;
}
[v-cloak] {
  display: none;
}
.loading {
  margin-left: 12px;
}
.loading-inner {
  width: 20px;
  height: 40px;
  text-align: center;
  z-index: 20;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.loading-inner span {
  background-color: #fff;
  height: 16px;
  width: 3px;
  display: inline-block;
  -webkit-animation: stretch 1.2s infinite ease-in;
  animation: stretch 1.2s infinite ease-in;
  transition: all 0.3s ease;
}
.loading-inner span:nth-child(2) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.loading-inner span:nth-child(3) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.loading-inner span:nth-child(4) {
  display: none;
}
.loading-inner span:nth-child(5) {
  display: none;
}
@-webkit-keyframes stretch {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes stretch {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@font-face {
  font-family: iconfont;
  src: url(../fonts/iconfont.eot?k=web-54f87c677d);
  src:
    url(../fonts/iconfont.eot?&k=web-54f87c677d#iefix) format('eot'),
    url(../fonts/iconfont.woff2?k=web-54f87c677d) format('woff2'),
    url(../fonts/iconfont.woff?k=web-54f87c677d) format('woff'),
    url(../fonts/iconfont.ttf?k=web-54f87c677d) format('truetype'),
    url(../fonts/iconfont.svg?k=web-54f87c677d#iconfont) format('svg');
  font-display: swap;
}
.article--love:before,
.article--saw:before,
.article--talk:before,
.article--withPodcast .article__image:before,
.article--withSpeech .article__image:after,
.article--withVideo .article__image:after,
.articlePreview--video .articlePreview__image figure:before,
.articleSingle blockquote:not(.tiktok-embed):before,
.articleSingle__endLinks ul li:before,
.article__videoImage:before,
.audioPlayer.playing .actions__icon:before,
.audioPlayer.playing .mobileActions__icon:before,
.audioPlayer:not(.playing) .actions__icon:after,
.audioPlayer:not(.playing) .mobileActions__icon:after,
.audioPlayerBar button:not(.disabled).controls__play.paused:before,
.category__title a:after,
.checkbox-container label:before,
.checkboxFull input[type='checkbox']:checked + label:before,
.checkboxFull label:before,
.filter__select:before,
.filters.open .filters__header:before,
.filters__header:before,
.formGroup--date .formGroup__container:before,
.heroArticle .article--withPodcast .article__image:before,
.icon-alert:before,
.icon-alphabetical:before,
.icon-applepod:before,
.icon-arrow-down:before,
.icon-arrow-left--m:before,
.icon-arrow-left--s:before,
.icon-arrow-right--cta:before,
.icon-arrow-right--m:before,
.icon-arrow-right--s:before,
.icon-arrow-right:before,
.icon-arrow-up--l:before,
.icon-arrow-up:before,
.icon-arrow_right:before,
.icon-author:before,
.icon-basket:before,
.icon-book-closed:before,
.icon-book:before,
.icon-burger:before,
.icon-calendar:before,
.icon-calories:before,
.icon-checkmark:before,
.icon-chef:before,
.icon-close:before,
.icon-comments:before,
.icon-contributors:before,
.icon-date:before,
.icon-direction_right:before,
.icon-eye:before,
.icon-facebook-article:before,
.icon-facebook-circle:before,
.icon-facebook:before,
.icon-female:before,
.icon-filter:before,
.icon-food:before,
.icon-globe:before,
.icon-googlepod:before,
.icon-happy:before,
.icon-headphones:before,
.icon-heart:before,
.icon-imdb:before,
.icon-ingredient:before,
.icon-instagram:before,
.icon-italian:before,
.icon-kitchen:before,
.icon-long-arrow-left:before,
.icon-long-arrow-right:before,
.icon-love-letters:before,
.icon-mail-circle:before,
.icon-mail:before,
.icon-male:before,
.icon-messenger-circle:before,
.icon-messenger:before,
.icon-minus:before,
.icon-money:before,
.icon-month:before,
.icon-months:before,
.icon-mute:before,
.icon-non-binary:before,
.icon-pause:before,
.icon-phone:before,
.icon-pin:before,
.icon-place:before,
.icon-play-rounded:before,
.icon-play:before,
.icon-plus:before,
.icon-podcast:before,
.icon-portion:before,
.icon-price:before,
.icon-publisher:before,
.icon-quote-b:before,
.icon-quote:before,
.icon-resize-large-circle:before,
.icon-resize-large:before,
.icon-resize-small-circle:before,
.icon-resize-small:before,
.icon-rss:before,
.icon-sad:before,
.icon-search2:before,
.icon-search:before,
.icon-season:before,
.icon-seekEnd:before,
.icon-seekStart:before,
.icon-seen:before,
.icon-shape-bg:before,
.icon-shape-group:before,
.icon-shape_bg:before,
.icon-shape_vector:before,
.icon-short-arrow-left:before,
.icon-short-arrow-right:before,
.icon-special:before,
.icon-spotify:before,
.icon-star:before,
.icon-stepBack:before,
.icon-stepFront:before,
.icon-talk-large:before,
.icon-talk:before,
.icon-tick:before,
.icon-tiktok:before,
.icon-time:before,
.icon-tmdb:before,
.icon-trash:before,
.icon-twitter-circle:before,
.icon-twitter:before,
.icon-volume-off:before,
.icon-volume:before,
.icon-weather:before,
.icon-year:before,
.icon-yolo:before,
.icon-youtube:before,
.icon-zodiac:before,
.icon-zoom:before,
.mobileBanner button.mobileBanner__close:after,
.mobileDropDown.open .mobileDropDown__header:before,
.mobileDropDown__header:before,
.podcastItem__image figure:before,
.poll--selected .poll__image:before,
.poll__image:before,
.quiz__message ol li:before,
.quiz__message ul li:before,
.quiz__optionSelection--correct:before,
.quiz__optionSelection--false:before,
.select__value:before,
.sidebarItem__link:before,
.sidebar__title a:after,
.slideShowImage:before,
.volume__button.muted:before {
  font-family: iconfont;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
}
.icon-alert:before {
  content: '\e001';
}
.icon-alphabetical:before {
  content: '\e002';
}
.icon-applepod:before {
  content: '\e003';
}
.filter__select:before,
.icon-arrow-down:before,
.select__value:before {
  content: '\e004';
}
.icon-arrow-left--m:before {
  content: '\e005';
}
.icon-arrow-left--s:before {
  content: '\e006';
}
.icon-arrow-right--cta:before {
  content: '\e007';
}
.icon-arrow-right--m:before {
  content: '\e008';
}
.icon-arrow-right--s:before {
  content: '\e009';
}
.icon-arrow-right:before {
  content: '\e00a';
}
.icon-arrow-up--l:before {
  content: '\e00b';
}
.icon-arrow-up:before {
  content: '\e00c';
}
.icon-arrow_right:before {
  content: '\e00d';
}
.icon-author:before {
  content: '\e00e';
}
.icon-basket:before {
  content: '\e00f';
}
.icon-book-closed:before {
  content: '\e010';
}
.icon-book:before {
  content: '\e011';
}
.icon-burger:before {
  content: '\e012';
}
.icon-calendar:before {
  content: '\e013';
}
.icon-calories:before {
  content: '\e014';
}
.checkbox-container label:before,
.icon-checkmark:before {
  content: '\e015';
}
.icon-chef:before {
  content: '\e016';
}
.icon-close:before {
  content: '\e017';
}
.icon-comments:before {
  content: '\e018';
}
.icon-contributors:before {
  content: '\e019';
}
.icon-date:before {
  content: '\e01a';
}
.icon-direction_right:before {
  content: '\e01b';
}
.article--saw:before,
.icon-eye:before {
  content: '\e01c';
}
.icon-facebook-article:before {
  content: '\e01d';
}
.icon-facebook-circle:before {
  content: '\e01e';
}
.icon-facebook:before {
  content: '\e01f';
}
.icon-female:before {
  content: '\e020';
}
.icon-filter:before {
  content: '\e021';
}
.icon-food:before {
  content: '\e022';
}
.icon-globe:before {
  content: '\e023';
}
.icon-googlepod:before {
  content: '\e024';
}
.icon-happy:before {
  content: '\e025';
}
.icon-headphones:before {
  content: '\e026';
}
.article--love:before,
.icon-heart:before {
  content: '\e027';
}
.icon-imdb:before {
  content: '\e028';
}
.icon-ingredient:before {
  content: '\e029';
}
.icon-instagram:before {
  content: '\e02a';
}
.icon-italian:before {
  content: '\e02b';
}
.icon-kitchen:before {
  content: '\e02c';
}
.icon-long-arrow-left:before {
  content: '\e02d';
}
.icon-long-arrow-right:before {
  content: '\e02e';
}
.icon-love-letters:before {
  content: '\e02f';
}
.icon-mail-circle:before {
  content: '\e030';
}
.icon-mail:before {
  content: '\e031';
}
.icon-male:before {
  content: '\e032';
}
.icon-messenger-circle:before {
  content: '\e033';
}
.icon-messenger:before {
  content: '\e034';
}
.filters.open .filters__header:before,
.icon-minus:before,
.mobileDropDown.open .mobileDropDown__header:before {
  content: '\e035';
}
.icon-money:before {
  content: '\e036';
}
.icon-month:before {
  content: '\e037';
}
.icon-months:before {
  content: '\e038';
}
.icon-mute:before {
  content: '\e039';
}
.icon-non-binary:before {
  content: '\e03a';
}
.icon-pause:before {
  content: '\e03b';
}
.icon-phone:before {
  content: '\e03c';
}
.icon-pin:before {
  content: '\e03d';
}
.icon-place:before {
  content: '\e03e';
}
.articlePreview--video .articlePreview__image figure:before,
.article__videoImage:before,
.icon-play-rounded:before,
.sidebarItem__link:before {
  content: '\e03f';
}
.icon-play:before {
  content: '\e040';
}
.filters__header:before,
.icon-plus:before,
.mobileDropDown__header:before {
  content: '\e041';
}
.article--withPodcast .article__image:before,
.heroArticle .article--withPodcast .article__image:before,
.icon-podcast:before {
  content: '\e042';
}
.icon-portion:before {
  content: '\e043';
}
.icon-price:before {
  content: '\e044';
}
.icon-publisher:before {
  content: '\e045';
}
.icon-quote-b:before {
  content: '\e046';
}
.article--talk:before,
.icon-quote:before {
  content: '\e047';
}
.icon-resize-large-circle:before {
  content: '\e048';
}
.icon-resize-large:before {
  content: '\e049';
}
.icon-resize-small-circle:before {
  content: '\e04a';
}
.icon-resize-small:before {
  content: '\e04b';
}
.icon-rss:before {
  content: '\e04c';
}
.icon-sad:before {
  content: '\e04d';
}
.icon-search:before {
  content: '\e04e';
}
.icon-search2:before {
  content: '\e04f';
}
.icon-season:before {
  content: '\e050';
}
.icon-seekEnd:before {
  content: '\e051';
}
.icon-seekStart:before {
  content: '\e052';
}
.icon-seen:before {
  content: '\e053';
}
.icon-shape-bg:before {
  content: '\e054';
}
.icon-shape-group:before {
  content: '\e055';
}
.icon-shape_bg:before {
  content: '\e056';
}
.icon-shape_vector:before {
  content: '\e057';
}
.icon-short-arrow-left:before {
  content: '\e058';
}
.icon-short-arrow-right:before {
  content: '\e059';
}
.icon-special:before {
  content: '\e05a';
}
.icon-spotify:before {
  content: '\e05b';
}
.icon-star:before {
  content: '\e05c';
}
.icon-stepBack:before {
  content: '\e05d';
}
.icon-stepFront:before {
  content: '\e05e';
}
.icon-talk-large:before {
  content: '\e05f';
}
.icon-talk:before {
  content: '\e060';
}
.icon-tick:before {
  content: '\e061';
}
.icon-tiktok:before {
  content: '\e062';
}
.icon-time:before {
  content: '\e063';
}
.icon-tmdb:before {
  content: '\e064';
}
.icon-trash:before {
  content: '\e065';
}
.icon-twitter-circle:before {
  content: '\e066';
}
.icon-twitter:before {
  content: '\e067';
}
.icon-volume-off:before {
  content: '\e068';
}
.icon-volume:before {
  content: '\e069';
}
.icon-weather:before {
  content: '\e06a';
}
.icon-year:before {
  content: '\e06b';
}
.icon-yolo:before {
  content: '\e06c';
}
.icon-youtube:before {
  content: '\e06d';
}
.icon-zodiac:before {
  content: '\e06e';
}
.icon-zoom:before,
.slideShowImage:before {
  content: '\e06f';
}
html {
  font-size: 15px;
}
body {
  color: #171717;
  font-family: SourceSerifProRegular, Georgia, serif;
  font-weight: 400;
  font-size: 1.0666666667rem;
  line-height: 1.3333333333rem;
  letter-spacing: 0.1em;
}
input[type='submit'] {
  cursor: pointer;
}
figure {
  margin: 0;
}
img {
  max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-weight: 400;
  margin: 0 0 40px;
  padding-top: 20px;
  border-top: 2px solid #171717;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  /*text-transform: lowercase;*/
  display: inline-block;
}
h1.gridTitle,
h2.gridTitle,
h3.gridTitle,
h4.gridTitle,
h5.gridTitle,
h6.gridTitle {
  margin-bottom: 28px;
}
h1.mainHeading,
h2.mainHeading,
h3.mainHeading,
h4.mainHeading,
h5.mainHeading,
h6.mainHeading {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
}
.lookLayout h1.mainHeading,
.lookLayout h2.mainHeading,
.lookLayout h3.mainHeading,
.lookLayout h4.mainHeading,
.lookLayout h5.mainHeading,
.lookLayout h6.mainHeading {
  display: flex;
  align-items: flex-end;
  margin-bottom: 24px;
}
.lookLayout h1.mainHeading figure img,
.lookLayout h2.mainHeading figure img,
.lookLayout h3.mainHeading figure img,
.lookLayout h4.mainHeading figure img,
.lookLayout h5.mainHeading figure img,
.lookLayout h6.mainHeading figure img {
  max-width: 301px;
  height: auto;
}
h1.mainHeading--withMargin,
h2.mainHeading--withMargin,
h3.mainHeading--withMargin,
h4.mainHeading--withMargin,
h5.mainHeading--withMargin,
h6.mainHeading--withMargin {
  margin-bottom: 40px;
}
h1.mainHeading span,
h2.mainHeading span,
h3.mainHeading span,
h4.mainHeading span,
h5.mainHeading span,
h6.mainHeading span {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  text-transform: uppercase;
  padding-right: 48px;
  padding-bottom: 10px;
  border-bottom: 16px solid var(--regularColor);
  color: var(--darkRegularColor);
}
.darkHeader h1.mainHeading span,
.darkHeader h2.mainHeading span,
.darkHeader h3.mainHeading span,
.darkHeader h4.mainHeading span,
.darkHeader h5.mainHeading span,
.darkHeader h6.mainHeading span {
  color: var(--mediumColor);
}
.lookLayout h1.mainHeading span,
.lookLayout h2.mainHeading span,
.lookLayout h3.mainHeading span,
.lookLayout h4.mainHeading span,
.lookLayout h5.mainHeading span,
.lookLayout h6.mainHeading span {
  padding: 0;
  border: none;
  color: #000;
}
.defaultPalette h1.mainHeading span,
.defaultPalette h2.mainHeading span,
.defaultPalette h3.mainHeading span,
.defaultPalette h4.mainHeading span,
.defaultPalette h5.mainHeading span,
.defaultPalette h6.mainHeading span {
  color: #171717;
}
.darkBgPage h1.mainHeading span,
.darkBgPage h2.mainHeading span,
.darkBgPage h3.mainHeading span,
.darkBgPage h4.mainHeading span,
.darkBgPage h5.mainHeading span,
.darkBgPage h6.mainHeading span,
.podcast h1.mainHeading span,
.podcast h2.mainHeading span,
.podcast h3.mainHeading span,
.podcast h4.mainHeading span,
.podcast h5.mainHeading span,
.podcast h6.mainHeading span {
  color: #fff;
}
h1 {
  font-size: 2.8rem;
  line-height: 2.5333333333rem;
}
.lookLayout h1 {
  letter-spacing: 0;
  font-size: 3.2rem;
  line-height: 1;
}
h2 {
  font-size: 1.7333333333rem;
  line-height: 2rem;
}
h3 {
  font-size: 1.7333333333rem;
  line-height: 2rem;
}
h4 {
  font-size: 1rem;
  line-height: 1.6rem;
}
p {
  word-break: break-word;
}
b,
strong {
  font-family: SourceSerifProBold, Georgia, serif;
  font-weight: 400;
}
a {
  text-decoration: none;
  color: #171717;
  transition: all 0.3s ease;
}
.footer {
  background-color: #171717;
  padding: 117px 0 82px;
  color: #fff;
  overflow-x: hidden;
}
.isApp .footer {
  display: none;
}
.lookLayout .footer {
  background-color: transparent;
  padding: 64px 0;
}
.lookLayout .footer__top {
  padding-top: 64px;
  border-top: 4px solid #000;
}
.footer__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer__row--withMarginTop {
  margin-top: 97px;
}
.footer__col {
  width: 100%;
}
.lookLayout .footer__col {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer__logoAv {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 150px;
}
.footer__logoAv figure {
  padding-top: calc(30 / 150 * 100%);
  position: relative;
  width: 100%;
}
.footer__logoAv figure picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.footer__logoAv figure img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.footer__logoAv img {
  width: 100%;
  height: auto;
  display: block;
}
.footer__logo {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 204px;
}
.lookLayout .footer__logo {
  max-width: 320px;
  margin-bottom: 32px;
}
.footer__logo figure {
  aspect-ratio: 204/39;
}
.lookLayout .footer__logo figure {
  aspect-ratio: 319/76;
}
.footer__logo img {
  display: block;
}
.footer__middle {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer__middle + .footer__bottom {
  margin-top: 24px;
}
.footer__espa figure {
  aspect-ratio: 500/65;
}
.footer__espa img {
  height: auto;
}
.footer__bottom {
  margin-top: 60px;
  padding-top: 50px;
  border-top: 2px solid grey;
}
.lookLayout .footer__bottom {
  border: none;
  padding: 0;
  margin-top: 40px;
}
.footer .atcom {
  margin-left: auto;
  display: block;
  width: 100%;
  max-width: 169px;
}
.footer .atcom figure {
  aspect-ratio: 169/13;
}
.footer .atcom img {
  display: block;
}
.footer .subscribe {
  position: relative;
}
.footer .subscribe .formGroup {
  justify-content: flex-end;
  max-width: 434px;
  margin-left: auto;
}
.footer .subscribe .formGroup--withSuccess input {
  color: #0c9876;
}
.footer .subscribe .formGroup--withSuccess button {
  background-color: #cfcfcf;
  color: #fff;
  pointer-events: none;
}
.footer .subscribe .formGroup--withError input {
  color: #dc2833;
}
.footer .subscribe .formGroup--absolute {
  position: absolute;
  bottom: -12px;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.footer .subscribe .formGroup__field {
  max-width: 294px;
}
.footer .subscribe .formGroup__error {
  bottom: -12px;
}
.subscribe p {
  margin: 0 0 24px;
  text-align: center;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #000;
}
.toTop {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  border-radius: 100%;
  background-color: #fbfbf8;
  color: #171717;
  border: 2px solid #171717;
  transition:
    opacity 0.3s ease,
    background-color 0.3s ease,
    color 0.3s ease;
  position: fixed;
  z-index: 200;
  bottom: 128px;
  right: 50px;
  cursor: pointer;
}
.lookLayout .toTop {
  background-color: #000;
  color: #fff;
}
.withPopup .toTop {
  z-index: 0;
}
.toTop:not(.show) {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.wrapper {
  margin: 0 auto;
  padding: 0 var(--gridSpace);
  max-width: 1568px;
}
.wrapper--b {
  max-width: 1760px;
}
.wrapper--s {
  max-width: 1324px;
  margin-left: auto;
  margin-right: auto;
}
.wrapper--noPadding {
  padding: 0;
}
.wrapper--wImage {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px 40px;
}
.wrapper--wImage h1.mainHeading {
  width: auto;
  margin-bottom: 0;
}
.col {
  max-width: 100%;
  flex-grow: 1;
  flex-basis: 0;
  padding: 0 12px;
  display: flex;
  flex-wrap: wrap;
}
.type24.multipleBanners .col,
.type8 .col {
  flex-direction: column;
}
.col-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}
.col-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-3 {
  flex-basis: 25%;
  max-width: 25%;
}
.col-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}
.col-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}
.col-6 {
  flex-basis: 50%;
  max-width: 50%;
}
.col-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}
.col-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}
.col-9 {
  flex-basis: 75%;
  max-width: 75%;
}
.col-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}
.col-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}
.col-12 {
  flex-basis: 100%;
  max-width: 100%;
}
.header {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 30;
}
.isApp .header {
  display: none;
}
.defaultPalette .header {
  --lightColor: #f6dfde;
  --mediumColor: #edbfbd;
  --regularColor: #dc2833;
  --darkRegularColor: #3b2727;
  --darkMediumColor: #5f4545;
  --darkLightColor: #947372;
}
.defaultPalette.categoryPage .header {
  --mediumColor: #3b2727;
  --darkMediumColor: #edbfbd;
}
.todayPalette .header {
  --lightColor: #e0e7f5;
  --mediumColor: #b6c1e7;
  --regularColor: #4964c2;
  --darkRegularColor: #262a49;
  --darkMediumColor: #454969;
  --darkLightColor: #737799;
}
.todayPalette.categoryPage .header {
  --mediumColor: #262a49;
  --darkMediumColor: #b6c1e7;
}
.tributesPalette .header {
  --lightColor: #e0defa;
  --mediumColor: #c4c3fd;
  --regularColor: #3333ff;
  --darkRegularColor: #080f4d;
  --darkMediumColor: #454969;
  --darkLightColor: #737799;
}
.tributesPalette.categoryPage .header {
  --mediumColor: #080f4d;
  --darkMediumColor: #c4c3fd;
}
.culturePalette .header {
  --lightColor: #f6dfde;
  --mediumColor: #edbfbd;
  --regularColor: #dc2833;
  --darkRegularColor: #3b2727;
  --darkMediumColor: #5f4545;
  --darkLightColor: #947372;
}
.culturePalette.categoryPage .header {
  --mediumColor: #3b2727;
  --darkMediumColor: #edbfbd;
}
.lifePalette .header {
  --lightColor: #f4dac7;
  --mediumColor: #e8b590;
  --regularColor: #c85f2a;
  --darkRegularColor: #47210d;
  --darkMediumColor: #673f27;
  --darkLightColor: #976b4e;
}
.lifePalette.categoryPage .header {
  --mediumColor: #47210d;
  --darkMediumColor: #e8b590;
}
.viralPalette .header {
  --lightColor: #f3e6b6;
  --mediumColor: #ebd586;
  --regularColor: #ce980b;
  --darkRegularColor: #3e2e03;
  --darkMediumColor: #614f1d;
  --darkLightColor: #948144;
}
.viralPalette.categoryPage .header {
  --mediumColor: #3e2e03;
  --darkMediumColor: #ebd586;
}
.cityPalette .header {
  --lightColor: #e0e8ec;
  --mediumColor: #c2d1d9;
  --regularColor: #5899b5;
  --darkRegularColor: #27353b;
  --darkMediumColor: #46545b;
  --darkLightColor: #74838a;
}
.cityPalette.categoryPage .header {
  --mediumColor: #27353b;
  --darkMediumColor: #c2d1d9;
}
.cityPalette.darkHeader .header {
  --mediumColor: #c2d1d9;
  --darkMediumColor: #46545b;
}
.cityPalette.darkHeader .header.sticky {
  --mediumColor: #27353b;
  --darkMediumColor: #c2d1d9;
}
.zodiacPalette .header {
  --lightColor: #d1e8da;
  --mediumColor: #a4d2b6;
  --regularColor: #0c9876;
  --darkRegularColor: #273b2d;
  --darkMediumColor: #405948;
  --darkLightColor: #658671;
}
.zodiacPalette.categoryPage .header {
  --mediumColor: #273b2d;
  --darkMediumColor: #a4d2b6;
}
.voicePalette .header {
  --lightColor: #eee0f5;
  --mediumColor: #ddc1ea;
  --regularColor: #824bc8;
  --darkRegularColor: #31273b;
  --darkMediumColor: #53465e;
  --darkLightColor: #877492;
}
.voicePalette.categoryPage .header {
  --mediumColor: #31273b;
  --darkMediumColor: #ddc1ea;
}
.transparent .header {
  --mediumColor: #fff !important;
  --regularColor: #dc2833;
  --darkMediumColor: #3a3a39 !important;
}
.textPage .header {
  --mediumColor: #171717 !important;
  --regularColor: #dc2833;
  --darkMediumColor: #ecece9 !important;
}
.lookMagPalette .header {
  --mediumColor: #000;
  --regularColor: #808080;
}
.header.sticky {
  position: fixed;
  background-color: #f4f4f4;
  display: none;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition:
    transform 0.3s ease,
    -webkit-transform 0.3s ease;
}
.lookLayout .header.sticky {
  background-color: #f4f4f4;
}
.podcast .header.sticky {
  background-color: #171717;
}
.header.sticky.visible {
  display: block;
}
.isApp .header.sticky.visible {
  display: none;
}
.header.sticky.active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.header.sticky.semi {
  -webkit-transform: translateY(-48px);
  transform: translateY(-48px);
}
.header__row {
  height: 62px;
  display: flex;
  align-items: center;
  border-bottom: 2px solid var(--mediumColor);
}
.lookLayout .header__row {
  border: none;
}
.noHeaderBorder .header__row {
  border-color: transparent;
}
.header.sticky .header__row {
  border: none;
  height: 48px;
}
.header__row--small {
  border: none;
  height: 48px;
}
.homePage .header__row--small,
.withoutSubmenu .header__row--small {
  display: none !important;
}
.header.sticky .header__row--small {
  height: 40px;
  position: relative;
}
.header.sticky .header__row--small:before {
  content: '';
  background-color: var(--lightColor);
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.darkHeader:not(.cityPalette) .header.sticky .header__row--small:before {
  background-color: var(--darkRegularColor);
}
.header__row--small ::-webkit-scrollbar {
  width: 24px;
  height: 3px;
}
.header__row--small ::-webkit-scrollbar-track {
  display: none;
}
.header__row--small ::-webkit-scrollbar-thumb {
  background-color: #cfcfcf;
}
.header__col {
  display: flex;
  align-items: center;
}
.header__col--right {
  margin-left: auto;
}
.header__logo {
  margin: 0 32px 0 8px;
  width: 100%;
  max-width: 160px;
  min-width: 120px;
}
.lookLayout.categoryPage .header:not(.sticky) .header__logo,
body:not(.categoryPage):not(.textPage) .header:not(.sticky) .header__logo {
  left: -160px;
  position: absolute;
  top: -160px;
}
.lookLayout .header__logo {
  max-width: 140px;
}
.lookLayout .header__logo svg {
  display: block;
}
.textPage .header .header__logo {
  display: block;
}
.header__logo img {
  width: 100%;
  height: auto;
}
.header__logo img.forDefault {
  display: none;
}
.transparent .header__logo img.forDefault {
  display: block;
}
.transparent .sticky .header__logo img.forDefault {
  display: none;
}
.header__logo img.forSticky {
  display: block;
}
.transparent .header__logo img.forSticky {
  display: none;
}
.transparent .sticky .header__logo img.forSticky {
  display: block;
}
.header__logo svg {
  width: 100%;
  height: auto;
}
.header__logo svg path {
  fill: var(--darkRegularColor);
}
.darkHeader .header__logo svg path {
  fill: var(--mediumColor);
}
.defaultPalette .header__logo svg path {
  fill: #171717;
}
.transparent .header__logo svg path {
  fill: #fff;
}
.transparent:not(.podcast) .sticky .header__logo svg path {
  fill: #171717;
}
@-webkit-keyframes header {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes header {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.burgerMenu {
  width: 24px;
  height: 24px;
  margin-right: 24px;
  font-size: 1.6rem;
  line-height: 1.6rem;
  cursor: pointer;
  color: var(--mediumColor);
  transition: all 0.3s ease;
}
.transparent:not(.podcast) .sticky .burgerMenu {
  color: #171717;
}
.lookLayout.homePage header:not(.sticky) .primaryNav {
  display: none !important;
}
.lookLayout.categoryPage header:not(.sticky) .primaryNav {
  display: block;
}
.lookLayout .sticky .primaryNav {
  display: block;
}
.primaryNav__list {
  display: flex;
}
.primaryNav li {
  margin-right: 24px;
}
.primaryNav li:last-child {
  margin-right: 0;
}
.primaryNav li.current a {
  color: var(--regularColor);
}
.lookLayout .primaryNav li.current a {
  color: #000;
  border-color: #000;
}
.lookLayout .sticky .primaryNav li.current a {
  color: #000;
  border-color: #000;
}
.transparent:not(.podcast) .sticky .primaryNav li.current a {
  color: var(--regularColor);
}
.primaryNav li a {
  color: var(--mediumColor);
  text-transform: uppercase;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
.transparent:not(.podcast) .sticky .primaryNav li a {
  color: #171717;
}
.lookLayout .primaryNav li a {
  color: #000;
  border-bottom: 2px solid transparent;
}
.primaryNav li a.current {
  color: var(--regularColor);
}
.lookLayout .primaryNav li a.current {
  color: #000;
  border-color: #000;
}
.transparent .sticky .primaryNav li a.current {
  color: var(--regularColor);
}
.lookLayout .sticky .primaryNav li a {
  color: #000;
}
.megaMenu {
  position: fixed;
  z-index: -1;
  left: 0;
  top: 0;
  width: 320px;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background-color: #f2f2f2;
  padding: 25px 0;
  overflow: hidden;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: all 0.3s ease;
  box-shadow: 16px 0 30px transparent;
}
.radiosvg__1 {
  fill: var(--regularColor);
}
.radiosvg__2 {
  fill: #e50000;
}
.radiosvg__3 {
  fill: #e5b693;
}
.acc__header.open .acc__arrow {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.acc__arrow {
  padding: 8px;
  position: absolute;
  right: 0;
  top: 50%;
  transition: all 150ms ease-out;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.heroArticle {
  height: calc(var(--vh, 1vh) * 100);
  position: relative;
  margin-bottom: 64px;
}
.heroArticle__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 72px;
  padding-bottom: calc(120px + var(--headerHeight));
}
.heroArticle__logo {
  position: relative;
  z-index: 2;
  width: 360px;
  height: 68px;
  margin-bottom: 40px;
  flex: 0 0 auto;
}
.article {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}
.type9 .article {
  min-width: 100%;
}
.article--culture {
  --regularColor: #dc2833;
}
.article--life {
  --regularColor: #c85f2a;
}
.article--recipe {
  --regularColor: #c85f2a;
  flex: 2;
}
.article--viral {
  --regularColor: #ce980b;
}
.article--city {
  --regularColor: #5899b5;
}
.article--zodiac {
  --regularColor: #0c9876;
}
.article--today {
  --regularColor: #4964c2;
}
.article--voice {
  --regularColor: #824bc8;
}
.article--lookmag {
  --regularColor: #808080;
}
.culturePalette .article {
  --hoverColor: #dc2833;
}
.lifePalette .article {
  --hoverColor: #c85f2a;
}
.viralPalette .article {
  --hoverColor: #ce980b;
}
.cityPalette .article {
  --hoverColor: #5899b5;
}
.zodiacPalette .article {
  --hoverColor: #0c9876;
}
.todayPalette .article {
  --hoverColor: #4964c2;
}
.tributesPalette .article {
  --hoverColor: #3333ff;
}
.voicePalette .article {
  --hoverColor: #824bc8;
}
.defaultPalette .article {
  --hoverColor: #dc2833;
}
.lookMagPalette .article {
  --hoverColor: #808080;
  --darkMediumColor: #404040;
}
.article--hero {
  margin-top: auto;
  max-width: 708px;
}
.article--customColor.article--hero .article__category,
.article--customColor.article--hero .article__info,
.article--customColor.article--hero .article__info a,
.article--customColor.article--hero .article__title,
.article--customColor.article--hero p {
  color: var(--textColor);
}
.article--customColor.article--hero .article__info:after {
  background-color: var(--textColor);
}
.article--wide {
  grid-column-start: 1;
  grid-column-end: 3;
}
.type1 .article--wide {
  grid-column-start: 2;
  grid-column-end: 4;
}
.type8 .article--wide {
  margin-top: 0;
}
.article--portrait {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 3;
}
.type8 .article--portrait {
  grid-row-start: 2;
  grid-row-end: 4;
}
.article--portraitInline {
  flex-direction: row;
}
.article--portraitSmall {
  min-width: 0;
}
.article--portraitSmall .article__info {
  min-height: 16px;
}
.article--portraitSmall .article__category {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.article--primarySmall {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 3;
}
.type7 .article--wideSmall {
  justify-content: flex-end;
}
.culturePalette .article--primary {
  --regularColor: #dc2833;
}
.lifePalette .article--primary {
  --regularColor: #c85f2a;
}
.viralPalette .article--primary {
  --regularColor: #ce980b;
}
.cityPalette .article--primary {
  --regularColor: #5899b5;
}
.zodiacPalette .article--primary {
  --regularColor: #0c9876;
}
.todayPalette .article--primary {
  --regularColor: #4964c2;
}
.voicePalette .article--primary {
  --regularColor: #824bc8;
}
.article--simple:not(:last-child) {
  margin-bottom: 24px;
}
.article--squareLarge {
  margin-bottom: 40px;
}
.article--squareLarge:first-child {
  margin-bottom: 16px;
}
.article--squareLarge:last-child {
  margin-bottom: 0;
}
.article--inlineSquare {
  width: calc(33.3333333333% - 24px);
  flex-direction: row;
  border-right: 2px solid #171717;
  margin: 0 12px;
}
.article--inlineSquareFull {
  flex-direction: row;
}
.article--inline:not(:last-child) {
  border-right: 2px solid var(--darkMediumColor);
}
.article--plain {
  max-width: 220px;
  margin: 0 0 16px;
  position: relative;
}
.article--plain:after {
  content: '';
  background-color: #171717;
  width: 48px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.article--opinion {
  flex-direction: row;
  align-items: center;
  margin: 0 0 40px;
}
.article--fullWideAbsolute {
  height: 320px;
  max-width: 1568px;
  margin: 0 auto;
  position: relative;
  background-color: #ecece9;
  overflow: hidden;
}
.article--fullWideAbsolute:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.5) 0,
    rgba(0, 0, 0, 0) 100%
  );
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
.article--fullWideLargeAbsolute {
  margin-left: 0;
  margin-right: 45px;
  position: relative;
  background-color: #ecece9;
  width: calc(100% - 430px);
}
.article--fullWideLargeAbsolute .article__header {
  color: #fff;
  width: 100%;
  max-width: 342px;
  position: absolute;
  z-index: 2;
  left: 64px;
  top: 48px;
  border-color: #fff;
}
.article__link {
  margin-bottom: 12px;
}
.articleWithBanner .article__image {
  position: relative;
}
.articleWithBanner .article__image:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.article--hero .article__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100 - var(--headerHeight));
}
.article--hero .article__image:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
  background-repeat: no-repeat;
  z-index: 1;
}
.article--hero .article__image figure {
  aspect-ratio: unset;
  width: 100%;
  height: 100%;
}
.article--hero .article__image picture {
  width: 100%;
  height: 100%;
}
.article--hero .article__image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.article--tasteMedium .article__image,
.article--tasteSmall .article__image {
  --imgOffset: 16px;
  padding: var(--imgOffset) 0 0 var(--imgOffset);
  width: 100%;
  max-width: 220px;
}
.article--tasteMedium .article__image picture,
.article--tasteSmall .article__image picture {
  position: relative;
}
.article--tasteMedium .article__image picture:before,
.article--tasteSmall .article__image picture:before {
  aspect-ratio: 1;
  content: '';
  position: absolute;
  z-index: 0;
  left: calc(-1 * var(--imgOffset));
  top: calc(-1 * var(--imgOffset));
  width: 100%;
  background-color: var(--mediumColor);
  border-radius: 100%;
}
.article--tasteMedium .article__image picture img,
.article--tasteSmall .article__image picture img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 100%;
}
.article__image figure {
  aspect-ratio: 1.26;
}
.article__image figure img {
  display: block;
  width: 100%;
}
.article--fullWideAbsolute .article__image figure img,
.article--fullWideLargeAbsolute .article__image figure img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  height: 100%;
}
.article--opinion .article__image figure img {
  border-radius: 50%;
  overflow: hidden;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.type13 .article--primary .article__image figure {
  aspect-ratio: 1074/527;
}
.article--edition .article__image figure {
  aspect-ratio: 220/296;
}
.article--wide .article__image figure {
  aspect-ratio: 464/220;
}
.article--wideSmall .article__image figure {
  aspect-ratio: 342/220;
}
.article--portrait .article__image figure {
  aspect-ratio: 464/594;
}
.article--portraitInline .article__image figure {
  aspect-ratio: 464/594;
}
.article--portraitMedium .article__image figure {
  aspect-ratio: 342/368;
}
.article--portraitMedium.imageOnly .article__image figure {
  aspect-ratio: 424/540;
}
.article--portraitSmall .article__image figure {
  aspect-ratio: 220/296;
}
.article--recipe .article__image figure {
  aspect-ratio: 342/464;
}
.article--look .article__image figure {
  aspect-ratio: 342/512;
}
.article--fullWideAbsolute .article__image figure {
  aspect-ratio: auto;
  height: 100%;
}
.article--fullWideLargeAbsolute .article__image figure {
  aspect-ratio: 1138/600;
}
.article--opinion .article__image {
  width: 80px;
  flex: 0 0 auto;
  margin-right: 16px;
  overflow: hidden;
  border-radius: 100%;
}
.article--inlineSquare .article__image,
.article--inlineSquareFull .article__image {
  align-self: flex-start;
  flex: 0 0 auto;
  margin-right: 24px;
  overflow: hidden;
}
.article--inlineSquare .article__image {
  width: 98px;
}
.article--inlineSquareFull .article__image {
  width: 220px;
}
.article--portraitInline .article__image {
  width: 464px;
  flex: 0 0 auto;
  margin-right: 24px;
  overflow: hidden;
}
.article--fullWideAbsolute .article__image {
  height: 375px;
  display: block;
}
.article--squareLarge .article__image {
  max-width: 294px;
}
.type13 .article--primary .article__image {
  position: absolute;
  width: calc(100% - 24px);
  z-index: 0;
  top: 0;
  left: 12px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: none;
}
.article--withSpeech .article__image,
.article--withVideo .article__image {
  position: relative;
}
.heroArticle .article--withSpeech .article__image,
.heroArticle .article--withVideo .article__image {
  position: absolute;
}
.heroArticle .article--withSpeech .article__image:before,
.heroArticle .article--withVideo .article__image:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
  background-repeat: no-repeat;
  z-index: 1;
}
.article--withSpeech .article__image:before,
.article--withVideo .article__image:before {
  background-image: linear-gradient(
    129.68deg,
    rgba(0, 0, 0, 0) 27.33%,
    rgba(0, 0, 0, 0.4) 91.14%
  );
  background-repeat: no-repeat;
  pointer-events: none;
}
.article--withSpeech .article__image:after,
.article--withVideo .article__image:after {
  bottom: 24px;
  color: #fff;
  font-size: 56px;
  line-height: 1;
  position: absolute;
  pointer-events: none;
  right: 24px;
  z-index: 4;
}
.article--withVideo .article__image:after {
  content: '\e03f';
}
.article--withSpeech .article__image:after {
  content: '\e069';
}
.lookLayout .article--withSpeech .article__image:after {
  line-height: 40px;
  text-align: center;
  width: 40px;
  height: 40px;
  background-color: #171717;
  font-size: 24px;
  border-radius: 50%;
}
.article--withSpeech.article--mgWide .article__image:before,
.article--withSpeech.article--wideSmall .article__image:before,
.article--withVideo.article--wideSmall .article__image:before {
  width: 40px;
  height: 40px;
  font-size: 40px;
  line-height: 40px;
  bottom: 16px;
  right: 16px;
}
.lookLayout .article--withSpeech.article--mgWide .article__image:before,
.lookLayout .article--withSpeech.article--wideSmall .article__image:before,
.lookLayout .article--withVideo.article--wideSmall .article__image:before {
  font-size: 24px;
}
.article--withSpeech.article--inlineSquare .article__image:before,
.article--withVideo.article--inlineSquare .article__image:before {
  width: 40px;
  height: 40px;
  font-size: 40px;
  line-height: 40px;
  bottom: 8px;
  right: 8px;
}
.lookLayout .article--withSpeech.article--inlineSquare .article__image:before,
.lookLayout .article--withVideo.article--inlineSquare .article__image:before {
  font-size: 24px;
}
.article--withSpeech.article--book .article__image:before,
.article--withSpeech.article--inlineSquareFull .article__image:before,
.article--withSpeech.article--square .article__image:before,
.article--withSpeech.article--squareLarge .article__image:before,
.article--withVideo.article--book .article__image:before,
.article--withVideo.article--inlineSquareFull .article__image:before,
.article--withVideo.article--square .article__image:before,
.article--withVideo.article--squareLarge .article__image:before {
  width: 36px;
  height: 36px;
  font-size: 36px;
  line-height: 36px;
  bottom: 16px;
  right: 16px;
}
.lookLayout .article--withSpeech.article--book .article__image:before,
.lookLayout
  .article--withSpeech.article--inlineSquareFull
  .article__image:before,
.lookLayout .article--withSpeech.article--square .article__image:before,
.lookLayout .article--withSpeech.article--squareLarge .article__image:before,
.lookLayout .article--withVideo.article--book .article__image:before,
.lookLayout
  .article--withVideo.article--inlineSquareFull
  .article__image:before,
.lookLayout .article--withVideo.article--square .article__image:before,
.lookLayout .article--withVideo.article--squareLarge .article__image:before {
  font-size: 24px;
}
.article--withPodcast .article__image {
  position: relative;
}
.heroArticle .article--withPodcast .article__image {
  position: absolute;
}
.heroArticle .article--withPodcast .article__image:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
  background-repeat: no-repeat;
  z-index: 1;
}
.heroArticle .article--withPodcast .article__image:before {
  background: 0 0;
  top: unset;
  left: unset;
  bottom: 24px;
  color: #fff;
  font-size: 56px;
  line-height: 1;
  position: absolute;
  pointer-events: none;
  right: 24px;
  z-index: 4;
  width: 56px;
  height: 56px;
}
.article--withPodcast .article__image:before {
  position: absolute;
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 32px;
  bottom: 28px;
  right: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 4;
  pointer-events: none;
}
.article--withPodcast .article__image:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: linear-gradient(
    315deg,
    rgba(0, 0, 0, 0.4) 15.4%,
    rgba(0, 0, 0, 0) 100%
  );
  background-repeat: no-repeat;
  pointer-events: none;
}
.heroArticle .article--noShadow .article__image:after {
  display: none;
}
.article--noShadow .article__image:after {
  display: none;
}
.article--withPodcast.article--inlineSquare .article__image:before {
  bottom: 22px;
  right: 18px;
}
.article--withPodcast .article__image > a:not(.article__parentCategory) {
  position: relative;
  display: block;
}
.article--withPodcast .article__image > a:not(.article__parentCategory):before {
  content: 'Podcast';
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 0.7333333333rem;
  line-height: 1;
  letter-spacing: 0.07em;
  color: #fff;
  position: absolute;
  right: 16px;
  bottom: 16px;
  text-transform: uppercase;
  z-index: 4;
}
.article--withPodcast.article--inlineSquare
  .article__image
  > a:not(.article__parentCategory):before {
  right: 8px;
  bottom: 8px;
}
.article__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.article--hero .article__content {
  position: relative;
  z-index: 2;
}
.article__content--withTaxonomy {
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 8px;
}
.article__content--withTaxonomy .article__info,
.article__content--withTaxonomy .article__title,
.article__content--withTaxonomy p {
  width: 100%;
}
.article--portraitInline .article__content {
  position: relative;
  width: 100%;
}
.article--inlineSquare .article__content,
.article--inlineSquareFull .article__content,
.article--opinion .article__content {
  width: 100%;
  height: auto;
}
.article--inlineSquare .article__content {
  padding-right: 32px;
}
.type18 .article--inlineSquare .article__content {
  padding: 0;
}
.article--portraitSmall .article__content {
  min-height: 128px;
}
.article--inline .article__content {
  width: 100%;
}
.article--fullWideAbsolute .article__content,
.article--fullWideLargeAbsolute .article__content {
  left: 64px;
  position: absolute;
  z-index: 2;
  height: auto;
}
.article--fullWideAbsolute .article__content {
  bottom: 44px;
  max-width: 640px;
}
.article--fullWideLargeAbsolute .article__content {
  bottom: 52px;
  max-width: 614px;
  padding-right: 32px;
}
.type1 .article--square .article__content,
.type1 .article--wide .article__content,
.type4 .article--square .article__content,
.type4 .article--wide .article__content,
.type8 .article--square .article__content,
.type8 .article--wide .article__content,
.type9 .article--square .article__content,
.type9 .article--wide .article__content {
  min-height: 130px;
}
.article__category {
  color: var(--regularColor);
  font-family: SourceSerifProBlack, Georgia, serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  margin-top: 12px;
  text-transform: uppercase;
  position: relative;
  font-feature-settings:
    'pnum' on,
    'lnum' on;
}
.article--hero .article__category {
  color: #fff;
  margin: 0;
  font-family: SourceSerifProBold, Georgia, serif;
  font-size: 1.0666666667rem;
  line-height: 1.25;
  letter-spacing: 0.01em;
}
.article__content--withTaxonomy .article__category {
  margin-right: 24px;
  margin-top: 4px;
}
.article--inlineSquare .article__category,
.article--inlineSquareFull .article__category,
.article--plain .article__category,
.article--primary .article__category {
  margin-top: 0;
}
.article--portraitMedium .article__category {
  margin-top: 8px;
}
.article__taxonomy {
  color: #171717;
  font-family: SourceSerifProBlack, Georgia, serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  margin-top: 4px;
  text-transform: uppercase;
  font-feature-settings:
    'pnum' on,
    'lnum' on;
}
.article__iconItem {
  display: flex;
  align-items: center;
  margin-top: 12px;
  color: var(--darkRegularColor);
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.2307692308;
  letter-spacing: 0.07em;
}
.article__iconItem span {
  width: 40px;
  height: 40px;
  margin-right: 12px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--regularColor);
  color: #fff;
  font-size: 24px;
  line-height: 1;
  padding-left: 2px;
  border-radius: 100%;
}
.groupType1 .article__iconItem span {
  padding-left: 0;
}
.article__title {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.7333333333rem;
  letter-spacing: 0;
  margin-top: 8px;
  margin-bottom: 8px;
  word-break: break-word;
  position: relative;
}
.article--hero .article__title {
  color: #fff;
  margin: 16px 0 0;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 4.4rem;
  line-height: 1;
}
.article--portraitInline .article__title {
  font-family: SourceSerifProBlack, Georgia, serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  letter-spacing: 0.1em;
  margin-top: 0;
  color: #fff !important;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 64px;
  width: 416px;
  height: 16px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-transform: uppercase;
  font-feature-settings:
    'pnum' on,
    'lnum' on;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: rotate(-90deg) translate(-100%, 0);
  transform: rotate(-90deg) translate(-100%, 0);
}
.article--portraitInline .article__title:after {
  content: '';
  background-color: #fff;
  width: 48px;
  height: 2px;
  margin-left: auto;
  position: relative;
  top: 1px;
}
.article--tasteSmall .article__title {
  font-size: 1.3333333333rem;
}
.article--simple .article__title {
  font-size: 1.1333333333rem;
  line-height: 1.3333333333rem;
  font-family: SourceSerifProBold, Georgia, serif;
}
.article--edition .article__title {
  font-size: 1.7333333333rem;
  line-height: 2rem;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  margin-top: 12px;
}
.article--primary .article__title {
  margin-top: 12px;
  margin-bottom: 0;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 2.6666666667rem;
  line-height: 2.8rem;
  position: relative;
  width: calc(100% + 50px);
}
.article--primarySmall .article__title {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 2.8rem;
  line-height: 2.9333333333rem;
  position: relative;
  margin-bottom: 0;
}
.article--square .article__title {
  font-size: 1.1333333333rem;
  line-height: 1.3333333333rem;
}
.type2 .article--square .article__title {
  font-size: 1.3333333333rem;
  line-height: 1.6rem;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 0;
  letter-spacing: -0.01em;
}
.article--wideSmall .article__title {
  font-size: 1.3333333333rem;
  line-height: 1.6rem;
}
.type18 .article--wideSmall .article__title {
  margin-bottom: 8px;
  min-height: 60px;
}
.article--inlineSquare .article__title {
  font-size: 1.1333333333rem;
  line-height: 1.3333333333rem;
  margin-top: 0;
}
.article--inline .article__title {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.0666666667rem;
  line-height: 1.2rem;
  margin-top: 0;
  margin-bottom: 4px;
  color: var(--mediumColor);
  padding-right: 16px;
}
.article--opinion .article__title {
  margin-top: 0;
  padding-right: 26px;
  font-size: 1.0666666667rem;
  line-height: 1.3333333333rem;
  letter-spacing: 0.01em;
  font-family: SourceSerifProBold, Georgia, serif;
}
.article--portrait .article__title {
  font-size: 1.7333333333rem;
  line-height: 2rem;
  margin-bottom: 16px;
}
.article--portraitMedium .article__title {
  margin-top: 10px;
  min-height: 52px;
}
.article--portraitSmall .article__title {
  font-size: 1.1333333333rem;
  line-height: 1.3333333333rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.type14 .article--portraitSmall .article__title {
  min-height: 60px;
}
.article--squareLarge .article__title {
  font-size: 1.6rem;
  line-height: 1.7333333333rem;
  margin-bottom: 16px;
}
.type13 .article--squareLarge .article__title {
  margin-bottom: 16px;
}
.article--fullWideAbsolute .article__title,
.article--fullWideLargeAbsolute .article__title {
  color: #fff;
  margin-top: 16px;
  font-size: 2.8rem;
  line-height: 2.9333333333rem;
}
.article--fullWideAbsolute .article__title {
  font-family: PFSpekkVARBold, Arial, sans-serif;
}
.article--plain .article__title {
  font-family: SourceSerifProBold, Georgia, serif;
  font-size: 1.0666666667rem;
  line-height: 1.3333333333rem;
  margin-bottom: 16px;
}
.article--recipe .article__title {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  margin-bottom: 16px;
  padding: 0 13px;
}
.article--look .article__title,
.article--recipe .article__title {
  font-size: 1.7333333333rem;
  line-height: 2rem;
  margin-bottom: 16px;
}
.article--inlineSquareFull .article__title {
  font-size: 1.6rem;
  line-height: 1.7333333333rem;
  margin-top: 8px;
  margin-bottom: 0;
}
.article p {
  margin: 8px 0;
  padding: 0 30px;
  line-height: 1.4666666667rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  letter-spacing: 0;
  min-height: 64px;
}
.categorySection--black .article p {
  color: #e5e5e5;
}
.article--inlineSquareFull p {
  margin-top: 12px;
  height: 66px;
  padding: 0 48px 0 0;
}
.article--square p,
.article--wide p {
  padding: 0;
  font-size: 1.2rem;
  line-height: 1.7333333333rem;
}
.article--recipe p {
  display: none;
}
.article--hero p {
  color: #fff;
  margin: 16px 0 0;
  min-height: 0;
  padding: 0;
  font-size: 1.3333333333rem;
  line-height: 1.5;
  letter-spacing: -0.01em;
}
.article--primary p {
  margin-top: 16px;
  margin-bottom: 24px;
  min-height: 0;
  padding: 0;
  font-size: 1.2rem;
  line-height: 1.7333333333rem;
}
.article--primarySmall p {
  min-height: 52px;
  padding: 0;
  -webkit-line-clamp: 2;
  max-width: 590px;
  font-size: 1.2rem;
  line-height: 1.7333333333rem;
  margin-top: 18px;
}
.article__hours {
  margin-top: auto;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 1.3333333333rem;
  line-height: 1.45;
  letter-spacing: -0.01em;
}
.article--fullWideAbsolute .article__more {
  margin-top: 40px;
}
.article--fullWideAbsolute .article__more .link {
  color: #fff;
}
.article__media {
  display: flex;
  align-items: flex-start;
  margin-bottom: 24px;
}
.article__videoImage {
  width: 342px;
  margin-right: 24px;
  position: relative;
  flex: 0 0 auto;
}
.article__videoImage:before {
  position: absolute;
  right: 19px;
  bottom: 19px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  line-height: 36px;
  color: #fff;
  z-index: 4;
}
.article__videoImage:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: linear-gradient(
    315deg,
    rgba(0, 0, 0, 0.4) 15.4%,
    rgba(0, 0, 0, 0) 100%
  );
  background-repeat: no-repeat;
}
.article__videoImage figure {
  aspect-ratio: 342/220;
}
.article__videoImage figure img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.article__videoContent {
  display: flex;
  flex-direction: column;
}
.article__videoContent a {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.7333333333rem;
  line-height: 2rem;
  margin-bottom: 24px;
  letter-spacing: 0;
}
.article__videoContent p {
  margin-bottom: 0 !important;
  font-size: 1.3333333333rem;
  line-height: 2rem;
  letter-spacing: 0;
}
.article__info {
  position: relative;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  margin-top: auto;
  display: flex;
  align-items: flex-end;
  color: grey;
}
.article--hero .article__info {
  margin-top: 16px;
  letter-spacing: 0.04em;
  color: #fff;
  font-size: 1.0666666667rem;
  line-height: 1.25;
}
.lookMagPalette .article__info {
  --darkLightColor: #808080;
}
.article__info .author {
  width: 40px;
  height: 40px;
  margin-right: 12px;
  flex: 0 0 auto;
  position: relative;
  top: 10px;
}
.article__info .author figure {
  padding-top: calc(40 / 40 * 100%);
  position: relative;
  width: 100%;
}
.article__info .author figure picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.article__info .author figure img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.article__info .author figure picture {
  padding: 3px 0 0 3px;
}
.article__info .author figure picture:before {
  content: '';
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: calc(100% - 3px);
  height: calc(100% - 3px);
  background-color: var(--regularColor);
  border-radius: 100%;
}
.article__info .author figure picture img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 100%;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.article__info a,
.article__info span {
  margin-right: 24px;
}
.type14 .article__info a,
.type14 .article__info span,
.type21 .article__info a,
.type21 .article__info span {
  white-space: nowrap;
}
.article__info a.dark,
.article__info span.dark {
  color: #171717;
}
.article__info a:last-child,
.article__info span:last-child {
  margin-right: 12px;
}
.article--primary .article__info a,
.article--primary .article__info span,
.article--primarySmall .article__info a,
.article--primarySmall .article__info span {
  white-space: nowrap;
  flex: 0 0 auto;
  margin-right: 24px;
}
.article__info a {
  color: #404040;
  text-decoration: none !important;
  font-family: PFSpekkVARMedium, Arial, sans-serif !important;
  position: relative;
}
.type13 .article__info a {
  white-space: normal;
}
.article--fullWideLargeAbsolute .article__info a,
.article--hero .article__info a {
  color: #fff;
}
.categorySection--black .article__info a,
.type53 .article__info a {
  color: #cfcfcf;
}
.article--portraitInline .article__info {
  color: grey !important;
}
.article--primarySmall .article__info {
  width: calc(100% - 62px);
}
.article--inlineSquare .article__info {
  color: #404040;
}
.article--inlineSquareFull .article__info {
  margin-top: auto;
}
.article--inline .article__info {
  color: var(--darkLightColor);
}
.article--fullWideLargeAbsolute .article__info {
  margin-top: 24px;
  color: #cfcfcf;
  max-width: 342px;
}
.sponsored .article--square .article__info {
  margin-bottom: 14px;
}
.article--squareLarge .article__info {
  max-width: 294px;
}
.article__info:after {
  content: '';
  background-color: #171717;
  width: 48px;
  height: 2px;
  margin-left: auto;
  position: relative;
  bottom: 6px;
}
.article--portraitInline .article__info:after {
  background-color: #171717 !important;
}
.article--edition .article__info:after,
.article--hero .article__info:after,
.article--inline .article__info:after,
.article--inlineSquare .article__info:after,
.article--opinion .article__info:after,
.article--simple .article__info:after {
  content: none;
}
.article--primary .article__info:after,
.article--primarySmall .article__info:after {
  width: 100%;
}
.type18 .article--inlineSquare .article__info:after {
  content: '';
}
.article--fullWideLargeAbsolute .article__info:after {
  background-color: #cfcfcf;
}
.article--plain .article__info:after {
  content: none;
  margin-left: 0;
}
.article--recipe .article__info:after {
  content: unset;
}
.article__specs {
  display: inline-flex;
  margin: 0 auto;
}
.article__spec {
  color: var(--regularColor);
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  margin-right: 16px;
  display: flex;
  align-items: center;
}
.article__spec:last-child {
  margin-right: 0;
}
.article__spec span {
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px !important;
}
.articleWithBanner {
  max-width: 1568px;
  margin: 80px auto 50px;
  display: flex;
  align-items: flex-start;
}
.articleWithBanner .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
}
.primaryArticle {
  position: relative;
}
.culturePalette .primaryArticle {
  --mediumColor: #edbfbd;
}
.lifePalette .primaryArticle {
  --mediumColor: #e8b590;
}
.viralPalette .primaryArticle {
  --mediumColor: #ebd586;
}
.cityPalette .primaryArticle {
  --mediumColor: #c2d1d9;
}
.zodiacPalette .primaryArticle {
  --mediumColor: #a4d2b6;
}
.todayPalette .primaryArticle {
  --mediumColor: #b6c1e7;
}
.voicePalette .primaryArticle {
  --mediumColor: #ddc1ea;
}
.primaryArticle__title {
  position: absolute;
  left: -64px;
  top: -62px;
  z-index: 2;
  margin: 0;
  padding: 0;
  border: none;
}
.withSkin .primaryArticle__title {
  left: -48px;
}
.primaryArticle__title span {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -1;
}
.primaryArticle__logo {
  height: 124px;
  width: auto;
  display: block;
}
.withHeroArticle .primaryArticle__logo {
  display: none;
}
.lookMagPalette .primaryArticle__logo {
  --mediumColor: #171717;
}
.primaryArticle__logo path {
  fill: var(--mediumColor);
}
.primaryArticle__date {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  width: 260px;
  height: 64px;
  position: absolute;
  border-top: 2px solid #171717;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  left: 0;
  bottom: -64px;
  letter-spacing: 0.06em;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: rotate(-90deg) translate(0, -100%);
  transform: rotate(-90deg) translate(0, -100%);
}
.withSkin .primaryArticle__date {
  border-color: transparent;
}
.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px;
  width: 100%;
}
.grid .notification {
  grid-column: 1/4;
}
.grid--inline {
  display: flex;
  align-items: flex-end;
  grid-template-columns: none;
  grid-gap: 0;
}
.grid--inline .article:not(:last-child) {
  margin-right: 24px;
}
.grid--inline .article--portraitMedium {
  width: 100%;
  flex: 0 0 auto;
  max-width: 31.8%;
}
.grid--inline .article--portraitSmall {
  max-width: 220px;
  width: 21%;
}
.type15 .grid--full {
  margin-top: 24px;
}
.grid--fullWide {
  grid-template-columns: repeat(4, 1fr);
}
.flexBoxGrid {
  padding-right: 62px;
  display: flex;
  flex-direction: column;
  grid-gap: 0 !important;
}
.flexBoxGrid .article:not(:last-child) {
  margin-bottom: 32px;
}
.hiddenImage {
  aspect-ratio: 1074/527;
  width: 100%;
}
.hiddenImage img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.article.active {
  opacity: 0.3;
  transition: opacity 0.3s ease;
}
.article--fullWideMediumAbsolute {
  position: relative;
  background-color: #ecece9;
  width: 100%;
}
.type39 .article--primarySmall {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 3;
}
.type39 .article--primarySmall:nth-child(11) {
  grid-row-start: 5;
  grid-row-end: 7;
  grid-column-start: 2;
  grid-column-end: 4;
}
.type39 .article--primarySmall:nth-child(19) {
  grid-row-start: 9;
  grid-row-end: 11;
  grid-column-start: 1;
  grid-column-end: 3;
}
.article--movie .rating,
.article--movieMedium .rating {
  margin-top: auto;
}
.article--movieInline {
  flex-direction: row;
}
.article--movieInline .rating {
  margin-bottom: 16px;
}
.article--portraitSmall .article__category {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.article--portraitSmall .article__info {
  min-height: 16px;
}
.article--portraitSmall .article__title {
  font-size: 1.1333333333rem;
  line-height: 1.3333333333rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.type14 .article--portraitSmall .article__title {
  min-height: 60px;
}
.article--inlineSquareFull,
.article--inlineSquareFullLarge,
.article--inlineWide {
  flex-direction: row;
}
.related .article--inlineSquareFull,
.related .article--inlineSquareFullLarge,
.related .article--inlineWide {
  align-items: center;
}
.article--inlineSquareFull.withRadius,
.article--inlineSquareFull.withRadiusSmall,
.article--inlineSquareFullLarge.withRadius,
.article--inlineSquareFullLarge.withRadiusSmall,
.article--inlineWide.withRadius,
.article--inlineWide.withRadiusSmall {
  align-items: center;
}
.article--inlineSquareFull.withRadius .article__category,
.article--inlineSquareFull.withRadius .article__info,
.article--inlineSquareFull.withRadiusSmall .article__category,
.article--inlineSquareFull.withRadiusSmall .article__info,
.article--inlineSquareFullLarge.withRadius .article__category,
.article--inlineSquareFullLarge.withRadius .article__info,
.article--inlineSquareFullLarge.withRadiusSmall .article__category,
.article--inlineSquareFullLarge.withRadiusSmall .article__info,
.article--inlineWide.withRadius .article__category,
.article--inlineWide.withRadius .article__info,
.article--inlineWide.withRadiusSmall .article__category,
.article--inlineWide.withRadiusSmall .article__info {
  margin-top: 0;
}
.article--inlineSquareFull.withRadius .article__info,
.article--inlineSquareFullLarge.withRadius .article__info,
.article--inlineWide.withRadius .article__info {
  margin-top: 12px;
}
.type20 .article--inlineSquareFull.withRadiusSmall,
.type20 .article--inlineSquareFullLarge.withRadiusSmall,
.type20 .article--inlineWide.withRadiusSmall {
  flex-direction: column;
  align-items: flex-start;
}
.type20 .article--inlineSquareFull.withRadiusSmall .article__image,
.type20 .article--inlineSquareFullLarge.withRadiusSmall .article__image,
.type20 .article--inlineWide.withRadiusSmall .article__image {
  margin: 0 0 12px;
}
.type20 .article--inlineSquareFull.withRadiusSmall .article__title,
.type20 .article--inlineSquareFullLarge.withRadiusSmall .article__title,
.type20 .article--inlineWide.withRadiusSmall .article__title {
  font-size: 1.4666666667rem;
  line-height: 1.7333333333rem;
}
.type20 .article--inlineSquareFull.withRadiusSmall .article__content,
.type20 .article--inlineSquareFullLarge.withRadiusSmall .article__content,
.type20 .article--inlineWide.withRadiusSmall .article__content {
  height: 100%;
}
.type20 .article--inlineSquareFull.withRadiusSmall .article__info,
.type20 .article--inlineSquareFullLarge.withRadiusSmall .article__info,
.type20 .article--inlineWide.withRadiusSmall .article__info {
  margin-top: auto;
}
.article--inlineSquareFullLarge {
  align-items: center;
}
.article--inlineSquareFullLarge.withRadius .article__info {
  margin-top: 0;
}
.article--look,
.article--recipe {
  margin: 0;
}
.article--story {
  padding-left: 82px;
  position: relative;
}
.article--story.large {
  padding-left: 122px;
}
.article--story.large:before {
  width: 80px;
  height: 80px;
  font-size: 50px;
  line-height: 50px;
}
.article--story:before {
  width: 56px;
  height: 56px;
  font-size: 35px;
  line-height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--regularColor);
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
}
.article--movieMedium {
  padding: 16px;
  background-color: var(--darkRegularColor);
}
.gridSlider .article--movieMedium {
  height: 100%;
}
.article--portraitBg {
  padding: 16px;
  background-color: #e0e8ec;
}
.article--theater {
  padding: 16px;
  background-color: var(--lightColor);
}
.article--theater.plain {
  padding: 0;
  background-color: transparent;
}
.gridSlider .article--theater {
  height: 100%;
}
.type11 .article--s1e4,
.type12 .article--s1e4 {
  grid-column: 1/7;
}
.type11 .article--s4e6,
.type12 .article--s4e6 {
  grid-column: 7/10;
}
.article__duration {
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 4;
  pointer-events: none;
  color: #fff;
  left: 16px;
  bottom: 16px;
  font-size: 1.3333333333rem;
  line-height: 1.2;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  letter-spacing: -0.01em;
}
.active .article__duration {
  color: var(--mediumColor);
}
.article__duration span {
  width: 40px;
  height: 40px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  line-height: 1;
}
.article--taste .article__image {
  width: 100%;
  max-width: 294px;
}
.article--movieInline .article__image {
  width: 100%;
  max-width: 136px;
  margin-right: 16px;
  flex: 0 0 auto;
}
.article--withTrailer .article__image {
  position: relative;
}
.article--withTrailer .article__image:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 37.5%,
    rgba(0, 0, 0, 0.8) 100%
  );
  background-repeat: no-repeat;
  z-index: 1;
}
.article.withRadiusSmall .article__image {
  --imgOffset: 16px;
}
.article.withRadiusSmall .article__image picture:before {
  background-color: var(--regularColor);
}
.article.withRadiusSmall .article__image picture img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.article--taste .article__image {
  --imgOffset: 24px;
}
.article--taste .article__image picture:before {
  background-color: var(--mediumColor);
}
.article.withRadius .article__image {
  --imgOffset: 24px;
}
.type2 .article.withRadius .article__image picture {
  --imgOffset: 16px;
}
.article.withRadius .article__image picture:before {
  background-color: var(--regularColor);
}
.article.withRadius .article__image picture img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.article--taste .article__image,
.article.withRadius .article__image,
.article.withRadiusSmall .article__image {
  padding: var(--imgOffset) 0 0 var(--imgOffset);
}
.article--taste .article__image picture,
.article.withRadius .article__image picture,
.article.withRadiusSmall .article__image picture {
  position: relative;
}
.article--taste .article__image picture:before,
.article.withRadius .article__image picture:before,
.article.withRadiusSmall .article__image picture:before {
  aspect-ratio: 1;
  content: '';
  position: absolute;
  z-index: 0;
  left: calc(-1 * var(--imgOffset));
  top: calc(-1 * var(--imgOffset));
  width: 100%;
  border-radius: 100%;
}
.article--taste .article__image picture img,
.article.withRadius .article__image picture img,
.article.withRadiusSmall .article__image picture img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 100%;
}
.article--book .article__image figure img,
.article--movie .article__image figure img,
.categorySection--darkWithBg .article--wide .article__image figure img,
.type11 .article--squareXLarge .article__image figure img,
.type11 .article--wideMedium .article__image figure img,
.type12 .article--squareXLarge .article__image figure img,
.type12 .article--wide .article__image figure img,
.type12 .article--wideLarge .article__image figure img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.related .article__image figure img {
  margin: 0;
}
.article--movieMedium .article__image figure,
.article--portraitBg .article__image figure {
  aspect-ratio: 310/450;
}
.article--movieInline .article__image figure {
  aspect-ratio: 136/200;
}
.article--fullWideMediumAbsolute .article__image figure {
  position: relative;
}
.article--fullWideMediumAbsolute .article__image figure:before {
  content: '';
  background: linear-gradient(
    315deg,
    rgba(0, 0, 0, 0.4) 15.4%,
    rgba(0, 0, 0, 0) 100%
  );
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.article--theater .article__image figure,
.article.portraitImage .article__image figure {
  aspect-ratio: 1;
}
.article--book .article__image figure {
  aspect-ratio: 342/498;
}
.type2 .article--book .article__image figure {
  aspect-ratio: 342/498;
}
.article--movie .article__image figure {
  aspect-ratio: 220/318;
}
.article.smallImage .article__image figure {
  aspect-ratio: 220/331;
}
.article--cover .article__image figure {
  aspect-ratio: 342/438;
}
.type12 .article--wide .article__image figure {
  aspect-ratio: 342/220;
}
.type11 .article--squareXLarge .article__image figure,
.type11 .article--wideMedium .article__image figure,
.type12 .article--squareXLarge .article__image figure,
.type12 .article--wideLarge .article__image figure {
  aspect-ratio: auto;
  height: 400px;
}
.article--wideLarge .article__image figure {
  aspect-ratio: 952/496;
}
.article--wideMedium .article__image figure {
  aspect-ratio: 708/496;
}
.article--landscape .article__image figure,
.article--landscapeImage .article__image figure {
  aspect-ratio: 464/342;
}
.article--squareXLarge .article__image figure {
  aspect-ratio: 464/496;
}
.article--inlineSquareFullLarge .article__image figure {
  aspect-ratio: 1;
}
.type41 .article--inlineSquareFullLarge .article__image figure {
  aspect-ratio: 1;
}
.article--inlineWide .article__image figure {
  aspect-ratio: 342/220;
}
.article.guest .article__image figure picture:before {
  background-color: var(--lightColor);
}
.article__image picture {
  display: block;
  height: 100%;
}
.article--inlineSquareFullLarge .article__image {
  width: 294px;
  flex: 0 0 auto;
  margin-right: 48px;
  overflow: hidden;
}
.smallImages .article--inlineSquareFullLarge .article__image {
  width: 244px;
  margin-right: 32px;
}
.article--inlineWide .article__image {
  width: 342px;
  flex: 0 0 auto;
  margin-right: 24px;
  overflow: hidden;
}
.article--withPodcast.article--squareXLarge .article__image:before,
.article--withPodcast.article--wideLarge .article__image:before {
  width: 56px;
  height: 56px;
  font-size: 56px;
  line-height: 56px;
  bottom: 36px;
  right: 24px;
}
.article--withPodcast.article--squareXLarge
  .article__image
  > a:not(.article__parentCategory):before,
.article--withPodcast.article--wideLarge
  .article__image
  > a:not(.article__parentCategory):before {
  right: 26px;
  bottom: 24px;
}
.article__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.article--fullWideMediumAbsolute .article__content {
  position: absolute;
  z-index: 2;
  padding: 40px;
  width: 100%;
  max-width: 748px;
  left: 0;
  bottom: 0;
  height: auto;
}
.article--tasteMedium .article__content {
  margin-top: 16px;
}
.article--shopSmall .article__content,
.article--theaterSmall .article__content {
  margin-top: 12px;
}
.article--theater .article__content {
  margin-top: 8px;
}
.article--taste .article__content {
  margin-top: 16px;
}
.article--tasteSmall .article__content {
  margin-top: 12px;
}
.article--inlineSquareFullLarge .article__content,
.article--inlineWide .article__content {
  width: 100%;
  height: auto;
}
.type1 .article--square .article__content,
.type4 .article--square .article__content,
.type8 .article--square .article__content,
.type9 .article--square .article__content {
  min-height: 130px;
}
.type1 .article--wide .article__content,
.type4 .article--wide .article__content,
.type8 .article--wide .article__content,
.type9 .article--wide .article__content {
  min-height: 130px;
}
.type10 .article--wideSmall .article__content {
  min-height: 0;
}
.type26 .article--wideSmall .article__content {
  min-height: 88px;
}
.article--fullWideMediumAbsolute .article__category {
  margin: 0;
  color: #fff;
}
.article--theaterSmall .article__category {
  margin-top: 0;
  margin-bottom: 6px;
}
.article--shopSmall .article__category,
.article--taste .article__category,
.article--tasteMedium .article__category {
  margin-top: 0;
  margin-bottom: 8px;
}
.article--cover .article__category {
  margin-top: 8px;
  color: #171717;
  letter-spacing: 0.09em;
  font-size: 1rem;
  line-height: 1.1333333333rem;
}
.type2 .article--cover .article__category {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
}
.article--book .article__category,
.article--portraitMedium .article__category,
.article--theater .article__category {
  margin-top: 8px;
}
.article--squareXLarge .article__category,
.article--wideLarge .article__category,
.article--wideMedium .article__category,
.article--wideSmall .article__category {
  margin-top: 12px;
}
.article--portraitBg .article__category {
  margin-top: 24px;
}
.article--inlineSquareFullLarge .article__category,
.article--inlineWide .article__category {
  margin-top: 0;
}
.article--story .article__category {
  margin-top: 0;
}
.article__taxonomy {
  margin-bottom: 4px;
  margin-top: 0;
}
.article--theaterSmall .article__iconItem {
  color: var(--darkMediumColor);
}
.article--theaterSmall .article__iconItem span {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-color: transparent;
  color: var(--regularColor);
  font-size: 24px;
  line-height: 1;
  padding-left: 0;
  align-self: flex-start;
  border-radius: 0;
}
.article--fullWideMediumAbsolute .article__title {
  margin: 16px 0;
}
.article--shopSmall .article__title,
.article--taste .article__title,
.article--tasteMedium .article__title {
  margin: 0;
  font-size: 1.7333333333rem;
  line-height: 1.1538461538;
  letter-spacing: -0.01em;
}
.article--tasteSmall .article__title,
.article--theaterSmall .article__title {
  margin: 0;
  font-size: 1.3333333333rem;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.article--movieInline .article__title {
  margin: 0;
  letter-spacing: -0.01em;
  font-size: 1.4666666667rem;
  line-height: 1.1818181818;
}
.article--movieMedium .article__title {
  margin-top: 16px;
  color: var(--lightColor);
  letter-spacing: -0.01em;
  font-size: 1.4666666667rem;
  line-height: 1.1818181818;
}
.article--theater .article__title {
  margin-top: 16px;
  margin-bottom: 4px;
  color: var(--darkRegularColor);
  letter-spacing: -0.01em;
  font-size: 1.4666666667rem;
  line-height: 1.1818181818;
}
.article--theater.plain .article__title {
  margin-top: 8px;
}
.article--cover .article__title {
  margin-top: 4px;
  letter-spacing: -0.01em;
  font-size: 1.3333333333rem;
  line-height: 1.6rem;
  margin-bottom: 24px;
}
.article--landscape .article__title {
  font-size: 1.7333333333rem;
  line-height: 2rem;
}
.article--book .article__title {
  margin-bottom: 16px;
  padding-right: 24px;
}
.type2 .article--book .article__title {
  font-size: 1.3333333333rem;
  line-height: 1.6rem;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  letter-spacing: -0.01em;
}
.article--movie .article__title {
  margin-bottom: 6px;
  font-size: 1.3333333333rem;
  line-height: 1.2;
  letter-spacing: 0;
}
.article--book.portraitImage .article__title {
  font-size: 1.4666666667rem;
  line-height: 1.7333333333rem;
  letter-spacing: -0.01em;
}
.type2 .article--book.portraitImage .article__title {
  font-size: 1.3333333333rem;
  line-height: 1.6rem;
}
.article--story .article__title {
  font-size: 1.7333333333rem;
  line-height: 2rem;
  margin-bottom: 16px;
}
.article--story.large .article__title {
  font-size: 2.1333333333rem;
  line-height: 2.5333333333rem;
}
.type12 .article--wide .article__title {
  font-size: 1.3333333333rem;
  line-height: 1.6rem;
}
.type53 .article--wideSmall .article__title {
  color: #fff;
  margin-bottom: 12px;
}
.article--wideLarge .article__title {
  font-size: 2.8rem;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  line-height: 2.9333333333rem;
  margin-top: 12px;
  margin-bottom: 0;
  max-width: 809px;
}
.type12 .article--wideLarge .article__title {
  font-size: 2.2666666667rem;
  line-height: 2.5333333333rem;
}
.article--wideMedium .article__title {
  font-size: 2.8rem;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  line-height: 2.9333333333rem;
  margin-top: 12px;
  margin-bottom: 0;
  max-width: 809px;
}
.type11 .article--wideMedium .article__title {
  font-size: 2.2666666667rem;
  line-height: 2.5333333333rem;
}
.type33 .article--wideMedium .article__title,
.type35 .article--wideMedium .article__title {
  font-size: 2.1333333333rem;
  line-height: 2.8rem;
}
.article--squareXLarge .article__title {
  font-size: 1.7333333333rem;
  line-height: 2rem;
  margin-top: 12px;
  margin-bottom: 0;
}
.type11 .article--squareXLarge .article__title,
.type12 .article--squareXLarge .article__title {
  font-size: 1.3333333333rem;
  line-height: 1.6rem;
}
.type41
  .article--inlineSquareFullLarge
  .article__content--withTaxonomy
  .article__title {
  margin-top: 12px;
}
.article--inlineSquareFullLarge .article__title {
  font-size: 2rem;
  line-height: 2.1333333333rem;
  margin-top: 16px;
  margin-bottom: 0;
}
.type41 .article--inlineSquareFullLarge .article__title {
  margin-top: 16px;
}
.smallImages .article--inlineSquareFullLarge .article__title {
  font-size: 1.4666666667rem;
  line-height: 1.6rem;
}
.article--inlineWide .article__title {
  font-size: 2.1333333333rem;
  line-height: 2.5333333333rem;
  letter-spacing: -0.01em;
  margin-top: 12px;
  margin-bottom: 0;
}
.article--portraitBg .article__title {
  margin-bottom: 24px;
}
.article--fullWideMediumAbsolute p {
  margin: 0;
  padding: 0;
}
.article--tasteMedium p {
  margin: 12px 0 0;
  padding: 0;
  font-size: 1.2rem;
  line-height: 1.4444444444;
  letter-spacing: -0.01em;
  -webkit-line-clamp: 4;
}
.article--theater p {
  margin: 2px 0 0;
  padding: 0;
  font-size: 1.2rem;
  line-height: 1.4444444444;
  letter-spacing: -0.01em;
  height: auto;
  min-height: 0;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  overflow: visible;
}
.article--shopSmall p {
  margin: 6px 0 0;
  padding: 0;
  font-size: 1.2rem;
  line-height: 1.4444444444;
  letter-spacing: -0.01em;
  height: auto;
  min-height: 0;
}
.article--withTrailer p {
  margin: 12px 0;
  padding: 0;
  font-size: 1.3333333333rem;
  line-height: 1.2;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  letter-spacing: -0.01em;
  height: auto;
  min-height: 0;
}
.article--movieInline p {
  margin: 8px 0 4px;
  padding: 0;
  font-size: 1.1333333333rem;
  line-height: 1.1764705882;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  letter-spacing: 0;
  height: auto;
  min-height: 0;
  color: grey;
}
.article--taste p {
  margin: 12px 0 0;
  padding: 0;
  font-size: 1.2rem;
  line-height: 1.4444444444;
  letter-spacing: -0.01em;
}
.article--movieMedium p {
  margin: 0 0 16px;
  height: auto;
  min-height: 0;
  padding: 0;
  color: var(--darkLightColor);
  font-size: 1.1333333333rem;
  line-height: 1.1764705882;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
}
.article--story p {
  font-size: 1.2rem;
  line-height: 1.7333333333rem;
  padding: 0;
  -webkit-line-clamp: 5;
  margin-top: 0;
  margin-bottom: 16px;
  min-height: 0;
}
.article--story.large p {
  font-size: 1.3333333333rem;
  line-height: 2rem;
}
.type19 .article--inlineSquareFull p,
.type20 .article--inlineSquareFull p {
  height: auto;
  min-height: 0;
  margin-bottom: 14px;
}
.article--movie p {
  margin: 0 0 12px;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.1764705882;
  color: grey;
  padding: 0;
  min-height: 0;
}
.article--square p,
.article--wide p {
  padding: 0;
  font-size: 1.2rem;
  line-height: 1.7333333333rem;
}
.type12 .article--square p {
  font-size: 1.0666666667rem;
  line-height: 1.4666666667rem;
}
.article--inlineSquareFullLarge p {
  margin-top: 16px;
  margin-bottom: 16px;
  min-height: 52px;
  padding: 0 48px 0 0;
  font-size: 1.2rem;
  line-height: 1.7333333333rem;
}
.article--inlineWide p {
  margin-top: 12px;
  margin-bottom: 0;
  min-height: 0;
  padding: 0;
  font-size: 1.2rem;
  line-height: 1.7333333333rem;
}
.article--wideLarge p {
  min-height: 0;
  height: auto;
  padding: 0;
  -webkit-line-clamp: 3;
  max-width: 809px;
  font-size: 1.2rem;
  line-height: 1.7333333333rem;
  margin-top: 12px;
  margin-bottom: 14px;
}
.article--wideMedium p {
  min-height: 0;
  height: auto;
  padding: 0;
  -webkit-line-clamp: 3;
  max-width: 809px;
  font-size: 1.2rem;
  line-height: 1.7333333333rem;
  margin-top: 12px;
  margin-bottom: 14px;
}
.article--squareXLarge p {
  min-height: 0;
  height: auto;
  padding: 0;
  -webkit-line-clamp: 3;
  font-size: 1.2rem;
  line-height: 1.7333333333rem;
  margin-top: 12px;
  margin-bottom: 14px;
}
.type12 .article--squareXLarge p {
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  overflow: visible;
}
.article--fullWideMediumAbsolute .article__info {
  margin-top: 16px;
}
.article--fullWideMediumAbsolute .article__info a,
.article--fullWideMediumAbsolute .article__info span {
  color: #fff;
  white-space: nowrap;
}
.article--opinion .article__info a,
.article--opinion .article__info span {
  white-space: normal;
}
.article__info .author {
  width: 40px;
  height: 40px;
  margin-right: 12px;
  flex: 0 0 auto;
  position: relative;
  top: 10px;
}
.type41 .article__info .author figure picture:before {
  --regularColor: #3333ff;
}
.article.guest .article__info .author figure picture:before {
  background-color: var(--lightColor);
}
.article--wideMedium .article__info a,
.article--wideMedium .article__info span {
  white-space: nowrap;
  flex: 0 0 auto;
  margin-right: 24px;
}
.article--movieInline .article__info a,
.article--movieInline .article__info span {
  color: var(--mediumColor) !important;
  margin: 0;
}
.type39 .article--primarySmall .article__info {
  width: 100%;
}
.article--inlineSquareFullLarge .article__info,
.article--inlineWide .article__info {
  margin-top: auto;
}
.article--inlineSquareFullLarge .article__info {
  margin-top: 0;
}
.article--inlineSquareFull .article__info {
  margin-top: auto;
}
.related .article--inlineSquareFull .article__info {
  margin-top: 12px;
  flex-direction: row;
}
.article--movieInline .article__info:after {
  content: none;
}
.article--wideLarge .article__info:after {
  width: 65.5%;
}
.article--fullWideMediumAbsolute .article__info:after {
  width: 60%;
}
.article--wideMedium .article__info:after {
  width: 100%;
}
.type33 .article--wideMedium .article__info:after,
.type35 .article--wideMedium .article__info:after {
  width: 48px;
}
.article--primarySmall .article__info:after {
  width: 100%;
}
.article--story .article__info:after {
  margin-left: 0;
}
.related .article--inlineSquareFull .article__info:after {
  content: unset;
}
.type53 .article__info:after {
  background-color: #fff;
}
.article__specs {
  flex-wrap: wrap;
  gap: 4px 16px;
}
.article--book .article__specs {
  margin: 0;
}
.articleWithBanner .banner {
  position: relative;
  top: 0;
}
.grid--cols4 {
  grid-template-columns: repeat(4, 1fr);
}
.type47 .grid {
  grid-gap: 48px;
}
.grid--middleSection {
  margin-bottom: 80px;
}
.type10 .grid {
  margin-bottom: 12px;
}
.grid--maxWidth {
  margin-inline: auto;
  width: calc(100% - 488px);
  max-width: 952px;
}
.grid--semi {
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 48px;
}
.grid--semi .banner {
  margin-top: 44px;
}
.grid--semi .article {
  margin-bottom: 0;
}
.type11 .grid--full,
.type12 .grid--full {
  grid-template-columns: repeat(9, 1fr);
  grid-gap: 24px;
}
.type11 .grid--full .article:nth-child(3),
.type12 .grid--full .article:nth-child(3) {
  grid-column: 1/3;
}
.type11 .grid--full .article:nth-child(4),
.type12 .grid--full .article:nth-child(4) {
  grid-column: 3/5;
}
.type11 .grid--full .article:nth-child(5),
.type12 .grid--full .article:nth-child(5) {
  grid-column: 5/7;
}
.type11 .grid--full .article,
.type12 .grid--full .article {
  width: 100%;
  margin: 0;
  min-width: 100%;
}
.grid--fullRow {
  grid-template-columns: 1fr;
  padding-right: 62px;
  grid-row-gap: 32px;
}
.grid--fullRow.defaultPadding {
  padding-right: 12px;
}
.type19 .grid--fullRow,
.type20 .grid--fullRow {
  padding-right: 50px;
}
.grid.rowGap-0 {
  grid-row-gap: 0;
}
.grid.rowGap-24 {
  grid-row-gap: 24px;
}
.grid.rowGap-32 {
  grid-row-gap: 32px;
}
.grid.rowGap-40 {
  grid-row-gap: 40px;
}
.grid.rowGap-64 {
  grid-row-gap: 64px;
}
.grid.columnGap-74 {
  grid-column-gap: 74px;
}
.flexBoxGrid.defaultPadding {
  padding-right: 12px;
}
.type19 .flexBoxGrid,
.type20 .flexBoxGrid {
  padding-right: 50px;
}
.articlePreview {
  display: flex;
  width: 100%;
}
.articlePreview > .banner {
  margin-left: auto;
  align-self: flex-start;
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
}
.articlePreview__inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  width: calc(100% - 324px);
  max-width: 1074px;
  margin-right: 24px;
}
.articlePreview__inner .banner {
  margin: 24px auto 0;
}
.articlePreview__image {
  position: relative;
  z-index: 0;
}
.articlePreview--video .articlePreview__image figure {
  position: relative;
}
.articlePreview--video .articlePreview__image figure:before {
  position: absolute;
  right: 24px;
  bottom: 24px;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 56px;
  line-height: 56px;
  color: #fff;
  z-index: 4;
}
.articlePreview--video .articlePreview__image figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: linear-gradient(
    129.68deg,
    rgba(0, 0, 0, 0) 27.33%,
    rgba(0, 0, 0, 0.4) 91.14%
  );
  background-repeat: no-repeat;
}
.articlePreview__image figure img {
  display: block;
  height: 600px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.articlePreview__content {
  display: flex;
  flex-direction: column;
  width: calc(100% - 200px);
  max-width: 830px;
  margin: -80px auto 0;
  padding: 16px 32px;
  background-color: #fbfbf8;
  position: relative;
  z-index: 2;
  text-align: center;
}
.articlePreview__contentInner {
  max-width: 634px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.articlePreview__category {
  color: var(--regularColor);
  font-family: SourceSerifProBlack, Georgia, serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-feature-settings:
    'pnum' on,
    'lnum' on;
}
.articlePreview__title {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 2.2666666667rem;
  line-height: 2.5333333333rem;
  letter-spacing: 0;
  margin-bottom: 16px;
}
.articlePreview__intro {
  margin-bottom: 24px;
  font-family: SourceSerifProRegular, Georgia, serif;
  font-size: 1.3333333333rem;
  line-height: 2rem;
  letter-spacing: -0.01em;
}
.articlePreview__intro p {
  margin: 0;
  font-family: SourceSerifProRegular, Georgia, serif;
  font-size: 1.3333333333rem;
  line-height: 2rem;
  letter-spacing: -0.01em;
}
.articlePreview__author {
  position: relative;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  color: grey;
}
.articlePreview__author span {
  padding: 0 38px;
  background-color: #fbfbf8;
  position: relative;
  z-index: 2;
}
.articlePreview__author:before {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #171717;
  left: 0;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.articles--singleColumn {
  display: flex;
  flex-direction: column;
  flex: 2;
}
.type31 .articles--singleColumn {
  flex: 1;
}
.singleArticlePage .articles--singleColumn {
  flex: 1;
}
.singleArticlePage .articles--singleColumn .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  margin-bottom: 0;
}
.articles--singleColumn .article {
  width: 100%;
  margin: 0 0 24px;
  border: none;
}
.articles--singleColumn .article--withPodcast {
  align-items: flex-start;
}
.articles--singleColumn .article--inlineSquareFullLarge {
  align-items: center;
}
.articles--singleColumn .article__content {
  padding-right: 0;
}
.articles--singleColumn .article__info:after {
  content: '';
}
.type32 .articles--singleColumn .banner {
  margin-bottom: 24px;
  margin-left: 0;
}
.articles--singleColumn .customBanner {
  margin-bottom: 24px;
}
.articles--large {
  margin-top: 48px;
  padding-right: 98px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.smallImages .articles--large {
  padding-right: 0;
}
.type41 .articles--large {
  margin-top: 0;
}
.articles--large .article,
.articles--large .articleCol {
  width: 100%;
  margin: 0 0 32px;
}
.articles--large .article:last-child,
.articles--large .articleCol:last-child {
  margin-bottom: 0;
}
.stories {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 48px;
  grid-row-gap: 64px;
  width: 100%;
  margin-top: 18px;
}
.stories .banner {
  position: relative;
  top: 0;
  margin: 0 auto;
  text-align: center;
}
.multipleBanners .stories .banner {
  position: relative;
  top: 0;
  margin: 0 auto;
  text-align: center;
}
.stories--full {
  grid-template-columns: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 48px;
  margin-top: 72px;
}
.type23 .sidebar .article--squareLarge {
  margin-bottom: 32px;
}
.articleSingle {
  display: flex;
  padding-right: 98px;
  margin-bottom: 44px;
  width: 100%;
}
.lookMagPalette .articleSingle {
  --regularColor: #808080;
}
.articleSingle .media_embed {
  max-width: 100%;
  margin-bottom: 24px;
}
.articleSingle .media_embed iframe {
  max-width: 100%;
}
.articleSingle--relative {
  position: relative;
}
.articleSingle--centered {
  flex-direction: column;
  padding-right: 0;
  margin-bottom: 56px;
}
.articleSingle--largeMargin {
  margin-bottom: 80px;
}
.articleSingle--withMarginTop {
  margin-top: 46px;
}
.podcast .articleSingle {
  margin-top: 24px;
}
.type38 .articleSingle {
  margin-bottom: 0;
}
.type39 .articleSingle {
  margin-right: 0 !important;
}
.articleSingle--sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
  align-self: start;
}
.articleSingle--recipe,
.articleSingle--tribute {
  margin-bottom: 0;
  height: 100%;
}
.articleSingle--zodiac {
  margin-bottom: 0;
}
.articleSingle--default {
  margin-bottom: 70px;
  padding: 0;
  flex-direction: column;
}
.articleSingle--smallMargin {
  margin-bottom: 50px;
}
.articleSingle--withBanner {
  position: relative;
}
.articleContainer
  .articleSingle--withBanner
  .articleSingle__description
  + .banner {
  position: -webkit-sticky;
  position: sticky;
  right: -24px;
  top: 60px;
  margin: 0 !important;
  align-self: flex-start;
  -webkit-transform: translateX(24px);
  transform: translateX(24px);
}
.articleSingle--withBorder {
  padding-bottom: 24px;
  border-bottom: 2px solid #171717;
}
.articleSingle--withBorderSmall {
  padding-bottom: 24px;
  border-bottom: 2px solid #171717;
  margin-bottom: 60px;
  padding-right: 0;
}
.articleSingle--press {
  height: 100%;
  margin-bottom: 16px;
}
.articleSingle video {
  width: 100%;
  height: auto;
  margin-bottom: 36px;
  max-height: 480px;
}
.articleSingle__gallery {
  display: flex;
  flex-direction: column;
}
.articleSingle__galleryImage {
  margin-bottom: 68px;
}
.articleSingle__galleryImage.portrait figure {
  padding-top: calc(900 / 708 * 100%);
  position: relative;
  width: 100%;
}
.articleSingle__galleryImage.portrait figure picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.articleSingle__galleryImage.portrait figure img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.articleSingle__galleryImage.square figure {
  padding-top: calc(708 / 708 * 100%);
  position: relative;
  width: 100%;
}
.articleSingle__galleryImage.square figure picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.articleSingle__galleryImage.square figure img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.articleSingle__galleryImage:last-child {
  margin-bottom: 28px;
}
.articleSingle__galleryImage figcaption {
  position: absolute;
  color: grey;
  bottom: -12px;
  left: 0;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.articleSingle__preview {
  width: 342px;
  padding-left: 42px;
  position: relative;
  margin-right: 24px;
  flex: 0 0 auto;
  align-self: flex-start;
}
.articleSingle__preview:before {
  content: '';
  position: absolute;
  left: 0;
  top: -42px;
  z-index: 1;
  height: 100%;
  width: calc(100% - 42px);
  background-color: var(--lightColor);
}
.articleSingle__preview figure {
  position: relative;
  z-index: 1;
  padding-top: calc(436 / 300 * 100%);
  position: relative;
  width: 100%;
}
.articleSingle__preview figure picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.articleSingle__preview figure img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.articleSingle__summary {
  padding-left: 32px;
  border-left: 2px solid #171717;
  margin-bottom: 36px;
}
.articleSingle__summaryContent {
  max-width: 578px;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.4666666667rem;
  line-height: 1.7333333333rem;
  letter-spacing: -0.01em;
  color: #171717;
  word-break: break-word;
}
.articleSingle__summaryContent p {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif !important;
  font-size: 1.4666666667rem !important;
  line-height: 1.7333333333rem !important;
  letter-spacing: -0.01em !important;
  color: #171717;
  margin: 0 !important;
  word-break: break-word;
}
.articleSingle blockquote:not(.tiktok-embed) {
  padding-left: 72px;
  margin: 0 0 36px;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.4666666667rem;
  line-height: 1.7333333333rem;
  letter-spacing: -0.01em;
  color: #171717;
  position: relative;
  max-width: 620px;
  word-break: break-word;
}
.articleSingle blockquote:not(.tiktok-embed):before {
  content: '\e046';
}
.articleSingle blockquote:not(.tiktok-embed):before {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 48px;
  line-height: 1;
}
.articleSingle blockquote:not(.tiktok-embed):after {
  content: unset;
}
.articleSingle blockquote:not(.tiktok-embed) p {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif !important;
  font-size: 1.4666666667rem !important;
  line-height: 1.7333333333rem !important;
  letter-spacing: -0.01em !important;
  color: #171717;
  margin: 0 0 20px !important;
  word-break: break-word;
}
.articleSingle blockquote:not(.tiktok-embed) p:first-of-type:first-letter {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.4666666667rem;
  line-height: 1.7333333333rem;
  padding-bottom: 0;
  padding-right: 0;
  float: none;
}
.articleSingle blockquote:not(.tiktok-embed) p .firstletterSmall {
  display: inline-block;
}
.articleSingle blockquote:not(.tiktok-embed) p .firstletterSmall:first-letter {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif !important;
  font-size: 1.4666666667rem !important;
  line-height: 1.7333333333rem !important;
  letter-spacing: -0.01em !important;
  color: #171717;
}
.articleSingle__media {
  position: relative;
  margin-top: 22px;
  display: flex;
}
.articleSingle__media--withMarginBottom {
  margin-bottom: 18px;
}
.articleSingle--withVideo .articleSingle__media {
  margin-top: 0;
}
.articleSingle--withVideo.articleSingle--default .articleSingle__media {
  margin-top: 22px;
}
.articleSingle__media .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  align-self: flex-start;
}
.articleSingle__asset {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}
.articleSingle__asset span {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.7333333333rem;
  line-height: 2rem;
  margin-top: 24px;
  letter-spacing: 0;
}
.articleSingle__asset p {
  margin-top: 24px;
  margin-bottom: 0;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 1.2666666667rem;
  line-height: 1.9333333333rem;
  letter-spacing: 0;
}
.articleSingle__asset img {
  display: block;
  width: 100%;
}
.articleSingle__assetPlayer {
  overflow: hidden;
  padding: 56.25% 0 0 0;
  position: relative;
}
.articleSingle__assetPlayer iframe {
  display: block;
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.articleSingle__arrows {
  position: absolute;
  right: 24px;
  bottom: 24px;
  display: inline-flex;
  z-index: 4;
}
.articleSingle__button {
  position: relative;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #000;
  background-color: #fff;
  color: #000;
  margin-right: 8px;
  left: unset;
  right: unset;
  transition: all 0.3s ease;
  border-radius: 100%;
}
.articleSingle__button:last-child {
  margin-right: 0;
}
.articleSingle__button span {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.articleSingle__button:after {
  content: none;
}
.articleSingle__image,
.articleSingle__slider {
  width: 100%;
  flex: 0 0 auto;
  margin-right: 72px;
  position: relative;
}
.articleSingle__image .swiper-container,
.articleSingle__slider .swiper-container {
  width: 100%;
}
.articleSingle--recipe .articleSingle__image,
.articleSingle--recipe .articleSingle__slider,
.articleSingle--tribute .articleSingle__image,
.articleSingle--tribute .articleSingle__slider {
  margin-right: 0;
  width: 100%;
}
.articleSingle--zodiac .articleSingle__image,
.articleSingle--zodiac .articleSingle__slider {
  width: 100%;
  max-width: 294px;
}
.articleSingle--default .articleSingle__image,
.articleSingle--default .articleSingle__slider {
  width: calc(75% - 8px);
  margin-right: 24px;
  max-width: 1074px;
  flex: 0 0 auto;
}
.articleSingle--withVideo.articleSingle--default .articleSingle__image,
.articleSingle--withVideo.articleSingle--default .articleSingle__slider {
  margin-right: 24px;
  max-width: 1074px;
  align-self: flex-start;
}
.articleSingle--withVideo .articleSingle__image,
.articleSingle--withVideo .articleSingle__slider {
  width: 100%;
  margin-right: 0;
  flex: auto;
  position: relative;
  cursor: pointer;
}
.articleSingle--withVideo .articleSingle__image .icon,
.articleSingle--withVideo .articleSingle__slider .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 88px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 88px;
  line-height: 88px;
  color: #fff;
  z-index: 4;
  background-color: transparent !important;
  padding: 0;
  margin: 0;
  pointer-events: none;
  letter-spacing: 0;
  opacity: 1;
  transition: all 0.3s ease;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.articleSingle--withVideo .articleSingle__image.playing .icon,
.articleSingle--withVideo .articleSingle__slider.playing .icon {
  opacity: 0;
}
.articleSingle--withVideo .articleSingle__image:after,
.articleSingle--withVideo .articleSingle__slider:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: linear-gradient(
    315deg,
    rgba(0, 0, 0, 0.4) 15.4%,
    rgba(0, 0, 0, 0) 100%
  );
  background-repeat: no-repeat;
  pointer-events: none;
}
.articleSingle--book .articleSingle__image,
.articleSingle--book .articleSingle__slider {
  margin-right: 0;
  max-width: 300px;
}
.articleSingle--edition .articleSingle__image,
.articleSingle--edition .articleSingle__slider,
.articleSingle--press .articleSingle__image,
.articleSingle--press .articleSingle__slider {
  margin-right: 0;
  width: 100%;
  max-width: 424px;
}
.articleSingle--cover .articleSingle__image,
.articleSingle--cover .articleSingle__slider {
  margin-right: 73px;
  width: 100%;
  max-width: 293px;
}
.articleSingle--contributor .articleSingle__image,
.articleSingle--contributor .articleSingle__slider {
  max-width: 294px;
  align-self: flex-start;
}
.articleSingle__image figure,
.articleSingle__slider figure {
  aspect-ratio: 1;
}
.articleSingle__image figure img,
.articleSingle__slider figure img {
  display: block;
}
.articleSingle--recipe .articleSingle__image figure,
.articleSingle--recipe .articleSingle__slider figure,
.articleSingle--tribute .articleSingle__image figure,
.articleSingle--tribute .articleSingle__slider figure {
  aspect-ratio: 952/586;
}
.articleSingle--default .articleSingle__image figure,
.articleSingle--default .articleSingle__slider figure {
  aspect-ratio: 1074/600;
  width: 100%;
}
.articleSingle--withVideo .articleSingle__image figure,
.articleSingle--withVideo .articleSingle__slider figure {
  aspect-ratio: 1440/810;
}
.articleSingle--withVideo.articleSingle--default .articleSingle__image figure,
.articleSingle--withVideo.articleSingle--default .articleSingle__slider figure {
  aspect-ratio: 1074/600;
}
.articleSingle--book .articleSingle__image figure,
.articleSingle--book .articleSingle__slider figure {
  aspect-ratio: 293/441;
}
.articleSingle--edition .articleSingle__image figure,
.articleSingle--edition .articleSingle__slider figure,
.articleSingle--press .articleSingle__image figure,
.articleSingle--press .articleSingle__slider figure {
  aspect-ratio: 424/540;
}
.articleSingle--cover .articleSingle__image figure,
.articleSingle--cover .articleSingle__slider figure {
  aspect-ratio: 293/441;
}
.articleSingle--zodiac .articleSingle__image figure,
.articleSingle--zodiac .articleSingle__slider figure {
  aspect-ratio: 1;
}
.articleSingle__image figcaption,
.articleSingle__slider figcaption {
  position: absolute;
  color: grey;
  bottom: -12px;
  left: 0;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.articleSingle--contributor .articleSingle__image picture,
.articleSingle--contributor .articleSingle__slider picture {
  padding: 24px 0 2px 22px;
  width: 100%;
  height: 100%;
  display: block;
}
.articleSingle--contributor .articleSingle__image picture:before,
.articleSingle--contributor .articleSingle__slider picture:before {
  content: '';
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  background-color: var(--regularColor);
  border-radius: 100%;
}
.articleSingle--zodiac .articleSingle__image picture:before,
.articleSingle--zodiac .articleSingle__slider picture:before {
  content: unset;
}
.articleSingle--contributor.guest .articleSingle__image picture:before,
.articleSingle--contributor.guest .articleSingle__slider picture:before {
  background-color: var(--lightColor);
}
.articleSingle--book .articleSingle__image picture:before,
.articleSingle--book .articleSingle__slider picture:before {
  content: '';
  position: absolute;
  z-index: 0;
  left: -64px;
  top: 53px;
  width: 100%;
  height: 100%;
  background-color: var(--lightColor);
}
.articleSingle--edition .articleSingle__image picture:before,
.articleSingle--edition .articleSingle__slider picture:before,
.articleSingle--press .articleSingle__image picture:before,
.articleSingle--press .articleSingle__slider picture:before {
  content: '';
  position: absolute;
  z-index: 0;
  left: -64px;
  top: 68px;
  width: 100%;
  height: 100%;
  background-color: var(--lightColor);
}
.articleSingle--edition .articleSingle__image picture:before,
.articleSingle--edition .articleSingle__slider picture:before {
  background-color: var(--regularColor);
  z-index: -1;
}
.articleSingle--cover .articleSingle__image picture:before,
.articleSingle--cover .articleSingle__slider picture:before {
  content: '';
  position: absolute;
  z-index: -1;
  left: -64px;
  top: 53px;
  width: 100%;
  height: 100%;
  background-color: var(--regularColor);
}
.articleSingle__image img,
.articleSingle__slider img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
}
.articleSingle--contributor .articleSingle__image img,
.articleSingle--contributor .articleSingle__slider img {
  position: relative;
  z-index: 1;
  border-radius: 100%;
}
.articleSingle--contributor .articleSingle__image img,
.articleSingle--contributor .articleSingle__slider img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.articleSingle--book .articleSingle__image img,
.articleSingle--book .articleSingle__slider img,
.articleSingle--press .articleSingle__image img,
.articleSingle--press .articleSingle__slider img {
  position: relative;
  z-index: 1;
}
.articleSingle__image .link,
.articleSingle__slider .link {
  position: relative;
  z-index: 2;
  top: 24px;
}
.type38 .articleSingle__image .link,
.type38 .articleSingle__slider .link {
  top: 85px;
}
.type39 .articleSingle__image .link,
.type39 .articleSingle__slider .link {
  color: #fff;
}
.articleSingle__image--iframe:after,
.articleSingle__image--youtube:after,
.articleSingle__slider--iframe:after,
.articleSingle__slider--youtube:after {
  content: none !important;
}
.articleSingle__image--iframe:before,
.articleSingle__image--youtube:before,
.articleSingle__slider--iframe:before,
.articleSingle__slider--youtube:before {
  display: none !important;
}
.articleSingle__image video,
.articleSingle__slider video {
  margin: 0;
  display: block;
}
.articleSingle__image--youtube > figure,
.articleSingle__slider--youtube > figure {
  padding: 0 !important;
}
.articleSingle__image--youtube .videoWrp img,
.articleSingle__slider--youtube .videoWrp img {
  margin: 0;
}
.articleSingle__image--youtube .videoWrp iframe,
.articleSingle__slider--youtube .videoWrp iframe {
  display: block;
}
.articleSingle__image--youtube .videoWrp .playVideo,
.articleSingle__slider--youtube .videoWrp .playVideo {
  position: relative;
  cursor: pointer;
}
.articleSingle__image--youtube .videoWrp .playVideo figure,
.articleSingle__slider--youtube .videoWrp .playVideo figure {
  padding-top: calc(360 / 640 * 100%);
  position: relative;
  width: 100%;
}
.articleSingle__image--youtube .videoWrp .playVideo figure picture,
.articleSingle__slider--youtube .videoWrp .playVideo figure picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.articleSingle__image--youtube .videoWrp .playVideo figure img,
.articleSingle__slider--youtube .videoWrp .playVideo figure img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.articleSingle__image--youtube .videoWrp .playVideo .icon,
.articleSingle__slider--youtube .videoWrp .playVideo .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 88px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 88px;
  line-height: 88px;
  color: #fff;
  z-index: 4;
  background-color: transparent !important;
  padding: 0;
  margin: 0;
  pointer-events: none;
  letter-spacing: 0;
  opacity: 1;
  transition: all 0.3s ease;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.articleSingle__image--multiple,
.articleSingle__slider--multiple {
  display: flex;
  margin-right: 52px;
  flex-direction: row !important;
  align-self: flex-start;
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  margin-bottom: 40px;
}
.articleSingle__image--multiple figure,
.articleSingle__slider--multiple figure {
  padding: 0;
  max-width: 200px;
}
.articleSingle--zodiac .articleSingle__image--multiple figure,
.articleSingle--zodiac .articleSingle__slider--multiple figure {
  padding: 0;
}
.articleSingle__image--multiple figure picture,
.articleSingle__slider--multiple figure picture {
  position: relative;
}
.articleSingle--zodiac .articleSingle__image--multiple figure picture,
.articleSingle--zodiac .articleSingle__slider--multiple figure picture {
  position: relative;
}
.articleSingle__image--multiple figure picture img,
.articleSingle__slider--multiple figure picture img {
  display: block;
  width: 100%;
  height: auto;
}
.articleSingle--zodiac .articleSingle__image--multiple figure picture img,
.articleSingle--zodiac .articleSingle__slider--multiple figure picture img {
  display: block;
  width: 100%;
  height: auto;
}
.articleSingle__info {
  width: 80px;
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
.articleSingle--voice .articleSingle__info {
  margin-left: 45px;
}
.articleSingle__icon {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--regularColor);
  font-size: 3.3333333333rem;
  line-height: 3.3333333333rem;
  color: #fff;
  margin-bottom: 32px;
  border-radius: 100%;
}
.podcast .articleSingle__illustration {
  margin-left: auto;
  max-width: 444px;
  width: 100%;
}
.podcast .articleSingle__illustration figure {
  padding-top: calc(306 / 444 * 100%);
  position: relative;
  width: 100%;
}
.podcast .articleSingle__illustration figure picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.podcast .articleSingle__illustration figure img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.radioPage .articleSingle__illustration {
  max-width: 355px;
  margin-top: -88px;
  margin-right: 120px;
}
.radioPage .articleSingle__illustration figure {
  padding-top: calc(320 / 432 * 100%);
  position: relative;
  width: 100%;
}
.radioPage .articleSingle__illustration figure picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.radioPage .articleSingle__illustration figure img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.articleSingle__content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.articleSingle__content .articleContainer__footer {
  width: 100%;
}
.articleContainer--centered .articleSingle__content {
  min-height: 160px;
}
.podcast .articleSingle__content {
  max-width: 830px;
  margin-right: 60px;
}
.articleSingle--recipe .articleSingle__content {
  border-top: 2px solid #171717;
  border-bottom: 2px solid #171717;
  padding: 32px 0;
}
.articleSingle--centered .articleSingle__content {
  max-width: 952px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  position: relative;
  padding-bottom: 40px;
  text-align: center;
}
.articleSingle--centered .articleSingle__content:after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #171717;
  bottom: 0;
  left: 50%;
  position: absolute;
  max-width: 708px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.articleSingle--centered .articleSingle__content.noBorder:after {
  content: unset;
}
.articleSingle--tribute .articleSingle__content {
  border-top: 2px solid #171717;
  padding: 32px 0 0;
}
.articleSingle--default .articleSingle__content {
  max-width: 976px;
}
.articleSingle--withBanner .articleSingle__content {
  flex-direction: row;
}
.articleSingle--voice .articleSingle__content {
  padding-left: 120px;
}
.articleSingle__content--negativeTop {
  margin-top: -100px !important;
  padding-left: 16px;
  padding-right: 16px;
}
.articleSingle__content--compact {
  margin-top: 80px !important;
}
.articleSingle__content h1:not(.articleSingle__authorDetailsContentTitle) {
  font-size: 3.2rem;
  line-height: 3.6rem;
  border: none;
  padding: 0;
  margin: 0;
  letter-spacing: 0;
  text-transform: none;
}
.articleSingle__content
  h1:not(.articleSingle__authorDetailsContentTitle).articleSingle__title {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 3.2rem;
  line-height: 3.6rem;
  margin-top: 12px;
  letter-spacing: 0;
  text-align: left;
  margin-bottom: 0;
  min-height: 62px;
}
.singleArticlePage
  .articleSingle__content
  h1:not(.articleSingle__authorDetailsContentTitle).articleSingle__title {
  min-height: 0;
}
.articleSingle__content p {
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 1.2666666667rem;
  line-height: 1.9333333333rem;
  margin: 19px 0;
  letter-spacing: 0;
}
.articleSingle__content .iframeContainer {
  margin-bottom: 36px;
}
.articleSingle__content .link {
  margin-top: 24px;
}
.articleSingle__back {
  display: inline-flex;
  align-items: center;
  color: var(--regularColor);
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.4666666667rem;
  line-height: 1.7333333333rem;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
}
.articleSingle__back span {
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.articleSingle__category {
  font-family: SourceSerifProBlack, Georgia, serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  color: var(--regularColor);
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.articleSingle--centered .articleSingle__category {
  margin-bottom: 8px;
  justify-content: center;
  align-self: center;
}
.textCenter .articleSingle__category {
  justify-content: center;
}
.articleSingle__category span {
  display: none;
}
.articleSingle__title {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 3.2rem;
  line-height: 3.6rem;
  margin-top: 12px;
  letter-spacing: 0;
}
.articleSingle__titleSecond {
  margin-top: 4px;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 2.1333333333rem;
  line-height: 1.1875;
  letter-spacing: -0.01em;
}
.articleSingle--edition .articleSingle__title {
  margin-top: 28px;
  color: var(--darkRegularColor);
}
.articleSingle--centered .articleSingle__title {
  margin-top: 0 !important;
  text-align: center !important;
}
.articleSingle--recipe .articleSingle__title {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 2.1333333333rem;
  line-height: 2.8rem;
}
.articleSingle--tribute .articleSingle__title {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 2.1333333333rem;
  line-height: 2.8rem;
  padding: 0 32px;
}
.articleSingle__date {
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.6rem;
  margin-top: 8px;
  color: grey;
}
.articleSingle--voice .articleSingle__date {
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  text-align: center;
  margin-bottom: 32px;
  color: #171717;
}
.articleSingle--press .articleSingle__date {
  color: #171717;
}
.articleSingle--edition .articleSingle__date {
  color: var(--darkRegularColor);
  margin-top: 4px;
}
.articleSingle__authorDetails {
  margin-top: 36px;
  display: flex;
}
.type38 .articleSingle__authorDetails {
  margin-top: 26px;
}
.articleSingle__authorDetailsImage {
  width: 96px;
  overflow: hidden;
  padding-bottom: 40px;
  border-bottom: 2px solid #171717;
  margin-right: 26px;
  flex: 0 0 auto;
}
.type38 .articleSingle__authorDetailsImage {
  border-color: var(--darkRegularColor);
}
.articleSingle__authorDetailsImage img {
  width: 96px;
  height: 96px;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  border-radius: 100%;
}
.articleSingle__authorDetailsContent {
  display: flex;
  flex-direction: column;
}
.articleSingle__authorDetailsContent a {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 3.2rem;
  line-height: 3.6rem;
  color: #171717;
  margin-bottom: 12px;
}
.type38 .articleSingle__authorDetailsContent a {
  color: var(--darkRegularColor);
}
.articleSingle__authorDetailsContentTitle {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 3.2rem;
  line-height: 3.6rem;
  color: #171717;
  margin-bottom: 12px;
  border: none;
  padding: 0;
}
.type38 .articleSingle__authorDetailsContentTitle {
  color: var(--darkRegularColor);
}
.articleSingle__authorDetailsContent span {
  margin-top: auto;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 0.6666666667rem;
  letter-spacing: 0.07em;
}
.type38 .articleSingle__authorDetailsContent span {
  color: var(--darkRegularColor);
}
.articleSingle__subtitle {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  margin-top: 24px;
}
.articleSingle__subtitle--smallMargin {
  margin-top: 16px;
}
.articleSingle__intro {
  margin-top: 40px;
  padding-bottom: 24px;
  border-bottom: 2px solid #171717;
  font-family: SourceSerifProRegular, Georgia, serif;
  font-size: 1.3333333333rem;
  line-height: 2rem;
  letter-spacing: -0.01em;
}
.articleSingle--cover .articleSingle__intro {
  border: none;
  padding-bottom: 0;
}
.articleSingle--centered .articleSingle__intro {
  margin-top: 16px;
  padding-bottom: 0;
  border: none;
}
.articleSingle--press .articleSingle__intro {
  margin-top: 24px;
  padding-bottom: 0;
  border: none;
  margin-bottom: 24px;
}
.articleSingle--edition .articleSingle__intro {
  margin-top: 46px;
  padding-bottom: 36px;
}
.articleSingle--recipe .articleSingle__intro {
  margin-top: auto;
  border: none;
  padding: 0 32px;
}
.articleSingle--tribute .articleSingle__intro {
  margin-top: 46px;
  border: none;
  padding: 0 32px;
}
.articleSingle--default .articleSingle__intro {
  margin-top: 12px;
  padding: 0;
  border: none;
}
.articleSingle--zodiac .articleSingle__intro {
  margin-top: 8px;
  padding: 0;
  border: none;
  max-width: 610px;
}
.articleSingle--book .articleSingle__intro {
  max-height: 124px;
  overflow: hidden;
}
.articleSingle__intro hr {
  display: none;
}
.articleSingle__intro p {
  margin: 0;
  font-family: SourceSerifProRegular, Georgia, serif;
  font-size: 1.3333333333rem;
  line-height: 2rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  letter-spacing: -0.01em;
}
.articleSingle--edition .articleSingle__intro p {
  display: block;
}
.articleSingle--book .articleSingle__intro p {
  -webkit-line-clamp: 4;
  margin: 0 0 20px;
}
.articleSingle--book .articleSingle__intro p:last-child {
  margin-bottom: 0;
}
.articleSingle--cover .articleSingle__intro p {
  display: block;
  font-size: 1.3333333333rem;
  line-height: 1.9333333333rem;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
}
.articleSingle--cover .articleSingle__intro p:first-of-type:first-letter {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 4.4rem;
  line-height: 4.4rem;
  padding-bottom: 4px;
  padding-right: 8px;
  float: left;
}
.articleSingle--cover .articleSingle__intro p .firstletterSmall {
  display: inline-block;
}
.articleSingle--cover .articleSingle__intro p .firstletterSmall:first-letter {
  font-size: 1.3333333333rem;
  line-height: 1.9333333333rem;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
}
.articleSingle--recipe .articleSingle__intro p,
.articleSingle--tribute .articleSingle__intro p {
  -webkit-line-clamp: 5;
}
.articleSingle--zodiac .articleSingle__intro p {
  -webkit-line-clamp: 5;
}
.articleSingle--press .articleSingle__intro p {
  height: auto;
  -webkit-line-clamp: unset;
  overflow: visible;
}
.articleSingle__intro--full p {
  height: auto;
  -webkit-line-clamp: unset;
  overflow: visible;
}
.articleSingle__tags {
  padding-top: 16px;
  border-top: 2px solid #171717;
}
.articleSingle__tags + .articleSingle__endLinks {
  margin-top: 40px;
}
.articleSingle__tags .categoriesList {
  margin-bottom: 0;
}
.articleSingle__links {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
}
.articleSingle__links--plain {
  margin-top: 32px;
  padding: 0;
  border: none;
}
.articleSingle--cover .articleSingle__links {
  margin-top: 70px;
  padding-top: 24px;
  border-top: 2px solid #171717;
}
.articleSingle--cover .articleSingle__links .link {
  margin-top: 0;
}
.articleSingle--cover .articleSingle__links--plain {
  margin-top: 32px;
  padding: 0;
  border: none;
}
.articleSingle__endLinks {
  padding-top: 16px;
  border-top: 2px solid #171717;
}
.articleSingle__endLinks .articleSingle__endLinksTitle {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.3333333333rem;
  line-height: 1.6rem;
  letter-spacing: -0.01em;
}
.articleSingle__endLinks .articleSingle__endLinksTitle p {
  margin: 0;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.3333333333rem;
  line-height: 1.6rem;
  letter-spacing: -0.01em;
}
.articleSingle__endLinks .articleSingle__endLinksTitle a {
  text-decoration: underline;
}
.articleSingle__endLinks ul {
  display: flex;
  flex-direction: column;
  margin: 32px 0 0;
}
.articleSingle__endLinks ul li {
  margin-bottom: 16px;
  padding-left: 36px;
  position: relative;
}
.articleSingle__endLinks ul li:before {
  content: '\e008';
}
.articleSingle__endLinks ul li:before {
  width: 24px;
  height: 16px;
  font-size: 24px;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 2px;
  display: flex;
  align-items: center;
}
.articleSingle__endLinks ul li:last-child {
  margin-bottom: 0;
}
.articleSingle__endLinks ul li a {
  text-decoration: underline;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 1.0666666667rem;
  line-height: 1.3333333333rem;
  letter-spacing: 0.04em;
}
.articleSingle__authorContainer {
  max-width: 610px;
  display: flex;
}
.articleSingle__author {
  position: relative;
  margin-top: auto;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  color: grey;
}
.type30 .articleSingle__author {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  color: #171717;
  font-size: 1.1333333333rem;
  line-height: 1.6rem;
  letter-spacing: 0.07em;
}
.type30 .articleSingle__author figure {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 100%;
}
.type30 .articleSingle__author figure img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}
.articleSingle__author span {
  padding: 0 38px;
  background-color: #fbfbf8;
  position: relative;
  z-index: 2;
}
.type30 .articleSingle__author span {
  padding: 0 26px 0 12px;
}
.articleSingle__author:before {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #171717;
  left: 0;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.type30 .articleSingle__author:before {
  width: 48px;
  position: relative;
  top: unset;
  left: unset;
  order: 3;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.articleSingle .linkContainer {
  margin-top: 24px;
}
.articleSingle__description {
  margin-top: 64px;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: var(--articleFontSize);
  line-height: 1.52;
  letter-spacing: 0;
}
.articleSingle__description:empty {
  margin: 0;
}
.articleSingle__description #pa_inarticle_placeholder {
  margin-bottom: 36px;
}
.type38 .articleSingle__description {
  margin-top: 50px;
}
.type38 .articleSingle__description:empty {
  margin: 0;
}
.type30 .articleSingle__description {
  font-family: SourceSerifProRegular, Georgia, serif;
  letter-spacing: -0.01em;
}
.type30 .articleSingle__description:empty {
  margin: 0;
}
.articleSingle__description
  a:not(.article__category):not(.article__title):not(.article__image):not(
    .article__parentCategory
  ) {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  text-decoration: underline;
}
.articleSingle__description b,
.articleSingle__description strong {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
}
.articleSingle__description--smallMargin {
  margin-top: 24px;
  max-width: 610px;
}
.articleSingle__description--smallMargin:empty {
  margin: 0;
}
.articleSingle__description--withMarginTop {
  margin-top: 16px;
}
.articleSingle__description--withMarginTop:empty {
  margin: 0;
}
.articleSingle__description ul:not(.recipeInfo) {
  display: flex;
  flex-direction: column;
  margin: 0 0 36px;
  padding: 0;
  list-style-type: none;
}
.articleSingle__description ul:not(.recipeInfo) li {
  padding-left: 32px;
  position: relative;
  margin-bottom: 16px;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 1.2666666667rem;
  line-height: 1.9333333333rem;
  letter-spacing: 0;
}
.articleSingle__description ul:not(.recipeInfo) li:last-child {
  margin-bottom: 0;
}
.articleSingle__description ul:not(.recipeInfo) li:before {
  content: '';
  position: absolute;
  left: 8px;
  top: 10px;
  width: 6px;
  height: 6px;
  background-color: #171717;
  border-radius: 100%;
}
.articleSingle__description ul:not(.recipeInfo) li a {
  display: inline-block;
}
.articleSingle--default .articleSingle__description {
  margin-top: 0;
  margin-bottom: 40px;
}
.articleSingle--default .articleSingle__description:empty {
  margin: 0;
}
.articleSingle--withBanner .articleSingle__description {
  width: 100%;
  flex: 0 0 auto;
}
.articleSingle__description img {
  /* margin: 36px 0; */
  margin: 0;
  display: block;
  width: 100%;
  height: auto;
}
.articleSingle__description .imageBlock {
  margin: 36px 0;
  display: block;
  width: 100%;
}
.articleSingle__description .imageBlock img {
  margin: 0;
}
.articleSingle__description .imageBlock .imageBlockCaption {
  display: block;
  margin-top: 8px;
  position: relative;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.2307692308;
  letter-spacing: 0.07em;
  color: grey;
}
.lookLayout .articleSingle__description .imageBlock .imageBlockCaption {
  color: #000;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  padding-left: 52px;
}
.lookLayout .articleSingle__description .imageBlock .imageBlockCaption:before {
  content: '';
  width: 40px;
  height: 4px;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 6px;
}
.articleSingle__description .imageCenter img {
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
}
.articleSingle__description .imageLeft {
  padding: 0 24px 24px 0;
  float: left;
}
.articleSingle__description .imageLeft img {
  max-width: 250px;
  margin: 0;
}
.articleSingle__description .imageRight {
  padding: 0 0 24px 24px;
  float: right;
}
.articleSingle__description .imageRight img {
  max-width: 250px;
  margin: 0;
}
.articleSingle__description .videoWrp {
  margin: 36px 0;
}
.articleSingle__description .videoWrp img {
  margin: 0;
}
.articleSingle__description .videoWrp iframe {
  display: block;
}
.articleSingle__description .videoWrp .playVideo {
  position: relative;
  cursor: pointer;
}
.articleSingle__description .videoWrp .playVideo figure {
  padding-top: calc(360 / 640 * 100%);
  position: relative;
  width: 100%;
}
.articleSingle__description .videoWrp .playVideo figure picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.articleSingle__description .videoWrp .playVideo figure img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.articleSingle__description .videoWrp .playVideo .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 88px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 88px;
  line-height: 88px;
  color: #fff;
  z-index: 4;
  background-color: transparent !important;
  padding: 0;
  margin: 0;
  pointer-events: none;
  letter-spacing: 0;
  opacity: 1;
  transition: all 0.3s ease;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.articleSingle__description iframe {
  max-width: 100%;
}
.articleSingle__description h2,
.articleSingle__description h3,
.articleSingle__description h4,
.articleSingle__description h5,
.articleSingle__description h6 {
  padding: 0;
  border: 0;
  margin-bottom: 22px;
}
.articleSingle__description h3 {
  font-size: 1.6rem;
  line-height: 1.8666666667rem;
}
.articleSingle__description h4 {
  font-size: 1.4666666667rem;
  line-height: 1.7333333333rem;
}
.articleSingle__description h5 {
  font-size: 1.3333333333rem;
  line-height: 1.6rem;
}
.articleSingle__description h6 {
  font-size: 1.2rem;
  line-height: 1.3333333333rem;
}
.articleSingle__description p {
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: var(--articleFontSize);
  line-height: 1.52;
  margin: 0 0 36px;
}
.type38 .articleSingle__description p:last-child {
  margin-bottom: 0;
}
.articleSingle__description p:first-of-type:first-letter {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 4.4rem;
  line-height: 4.4rem;
  padding-bottom: 4px;
  padding-right: 8px;
  float: left;
}
.articleSingle__description p .firstletterSmall {
  display: inline-block;
}
.articleSingle__description p .firstletterSmall:first-letter {
  font-family: PFSpekkVARRegular, Arial, sans-serif !important;
  font-size: var(--articleFontSize);
  line-height: 1.52;
}
.articleSingle__description p a {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  text-decoration: underline;
}
.articleSingle__description p b,
.articleSingle__description p strong {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
}
.type30 .articleSingle__description p {
  font-family: SourceSerifProRegular, Georgia, serif;
  letter-spacing: -0.01em;
}
.articleSingle__description--plain p:first-of-type:first-letter {
  font-family: inherit;
  font-size: 1.3333333333rem;
  line-height: 2rem;
  padding-bottom: 0;
  padding-right: 0;
  float: none;
}
.type30 .articleSingle__description--plain p:first-of-type:first-letter {
  font-family: SourceSerifProRegular, Georgia, serif;
}
.articleSingle__description--plain p .firstletterSmall {
  display: inline-block;
}
.articleSingle__description--plain p .firstletterSmall:first-letter {
  font-family: PFSpekkVARRegular, Arial, sans-serif !important;
  font-size: var(--articleFontSize);
  line-height: 1.52;
}
.articleSingle__description ol {
  display: flex;
  flex-direction: column;
  margin: 0 0 36px;
  padding: 0;
  counter-reset: step;
  list-style-type: none;
}
.articleSingle__description ol li {
  padding-left: 32px;
  position: relative;
  margin-bottom: 16px;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 1.2666666667rem;
  line-height: 1.9333333333rem;
  letter-spacing: 0;
}
.articleSingle__description ol li:last-child {
  margin-bottom: 0;
}
.articleSingle__description ol li:before {
  counter-increment: step;
  content: counter(step) '.';
  position: absolute;
  left: 0;
  top: 0;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
}
.articleSingle__description ol[type='a'] li:before {
  content: counter(step, lower-greek) '.';
}
.articleSingle__description iframe.instagram-media {
  display: none !important;
}
.articleSingle__description iframe.instagram-media-rendered {
  max-width: 100% !important;
  min-width: 100% !important;
  width: 100% !important;
  margin-bottom: 50px !important;
  display: block !important;
}
.articleSingle__description .iframeContainer iframe.instagram-media-rendered {
  margin-bottom: 0 !important;
  margin-top: -56.25% !important;
}
.articleSingle__description .fb-post,
.articleSingle__description .fb_iframe_widget,
.articleSingle__description .instagram-media,
.articleSingle__description .tiktok-embed,
.articleSingle__description .twitter-tweet {
  margin: 36px 0 !important;
}
.articleContainer {
  display: flex;
  padding-right: 96px;
  width: 100%;
}
.articleContainer--centered {
  padding-right: 0;
  position: relative;
  width: 100%;
  margin-bottom: 0 !important;
}
.articleContainer--centered .articleSingle {
  margin: 0 auto;
  width: 100%;
  max-width: 708px;
}
.articleContainer .firstletter {
  display: inline-block;
}
.articleContainer .firstletter:first-letter {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 4.4rem;
  line-height: 4.4rem;
  padding-bottom: 4px;
  padding-right: 8px;
  float: none;
}
.articleContainer .firstletterSmall {
  display: inline-block;
}
.articleContainer .firstletterSmall:first-letter {
  font-family: PFSpekkVARRegular, Arial, sans-serif !important;
  font-size: var(--articleFontSize);
  line-height: 1.52;
}
.articleContainer__sidebar {
  width: 220px;
  margin-right: 24px;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
}
.articleContainer--centered .articleContainer__sidebar {
  position: absolute;
  left: 0;
  top: 0;
  flex: 0 0 auto;
}
.articleContainer__articles {
  margin-top: 160px;
  display: flex;
  flex-direction: column;
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
}
.articleContainer__articles .article {
  margin-bottom: 24px;
}
.articleContainer__articles .article:last-child {
  margin-bottom: 0;
}
.articleContainer__footer {
  width: calc(100% - 244px);
  margin-left: auto;
  margin-top: 36px;
}
.articleContainer--centered .articleContainer__footer {
  margin: 0 auto;
  width: 100%;
  max-width: 708px;
}
.articleContainer__footer .banner img {
  width: 100%;
}
.articleContainer__footer--noBorder {
  padding-top: 0;
  border: none;
}
.podcast .articleContainer {
  position: relative;
}
.related {
  margin-bottom: 36px;
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  border-bottom: 2px solid #171717;
  width: 100%;
}
.related__title {
  margin-bottom: 20px;
  padding-top: 12px;
  border-top: 2px solid #171717;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.7333333333rem;
  line-height: 2rem;
  letter-spacing: -0.01em;
}
.sponsored {
  display: flex;
  flex-direction: column;
}
.sponsored__title {
  margin-bottom: 5px;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  color: grey;
}
.articleActions {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: -64px;
}
.withSkin .articleActions {
  left: -36px;
}
.withSkin .articleContainer--centered .articleActions,
.withSkin
  .articleSingle:not(.articleSingle--zodiac):not(
    .articleSingle--withBorderSmall
  )
  .articleActions,
.withSkin.podcast .articleActions {
  left: -48px;
}
.type34 .articleActions {
  bottom: 0;
}
.type36 .articleActions {
  bottom: 0;
}
.articleActions__list {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.articleActions__list:last-child {
  margin-bottom: 0;
}
.articleActions__item {
  margin-bottom: 8px;
}
.articleActions__item:last-child {
  margin-bottom: 0;
}
.articleActions__link {
  width: 32px;
  height: 32px;
  font-size: 1.0666666667rem;
  line-height: 1.0666666667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #171717;
  border-radius: 100%;
}
.recipeInfo {
  display: flex;
  margin-top: 102px;
  margin-bottom: 30px;
}
.recipeInfo li {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 26px;
  border-right: 2px solid var(--lightColor);
  text-align: center;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.6rem;
  padding-bottom: 4px;
  color: var(--regularColor);
  width: 100%;
}
.recipeInfo li:first-child {
  padding-left: 0;
}
.recipeInfo li:last-child {
  padding-right: 0;
  border: none;
}
.recipeInfo li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none !important;
  color: var(--regularColor);
  font-family: PFSpekkVARMedium, Arial, sans-serif !important;
  font-size: 1.1333333333rem !important;
  line-height: 1.6rem !important;
}
.recipeInfo li i {
  width: 40px;
  height: 40px;
  font-size: 24px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  color: #fff;
  background-color: var(--regularColor);
  transition: all 0.3s ease;
  border-radius: 100%;
}
.recipeInfo li span {
  text-align: center;
}
.mobileActions {
  display: none;
  flex-direction: column;
  margin-top: 18px;
}
.mobileActions__header {
  display: flex;
  margin-bottom: 24px;
}
.mobileActions__image {
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  margin-right: 8px;
}
.mobileActions__image figure {
  overflow: hidden;
  border-radius: 100%;
}
.mobileActions__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.mobileActions__col {
  display: flex;
  flex-direction: column;
}
.mobileActions__link {
  margin-bottom: 4px;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.6rem;
}
.mobileActions__update {
  margin-top: 8px;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  color: #000;
}
.isApp .mobileActions__update {
  display: none;
}
.mobileActions__row {
  display: flex;
}
.mobileActions__row span {
  margin-right: 20px;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  color: grey;
}
.mobileActions__row span:last-child {
  margin-right: 0;
}
.mobileActions__footer {
  display: flex;
}
.mobileActions__action {
  display: flex;
  align-items: center;
  margin-right: 26px;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  text-transform: uppercase;
}
.mobileActions__action:last-child {
  margin-right: 0;
}
.mobileActions__icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 20px;
  margin-left: 8px;
}
.mainLetter {
  width: 170px;
  height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--lightColor);
  color: var(--regularColor);
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 3.8666666667rem;
  line-height: 3.4666666667rem;
  margin: 0 auto;
  border-radius: 100%;
}
.fullWidthImage {
  position: relative;
}
.fullWidthImage.compact {
  z-index: 1;
}
.withSkin .fullWidthImage {
  max-width: calc(100% - (50% - (1568px / 2) - 1px) * 2);
  margin: 0 auto;
}
.fullWidthImage:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 288px;
  z-index: 2;
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.7) 0,
    rgba(0, 0, 0, 0) 100%
  );
  background-repeat: no-repeat;
}
.fullWidthImage figure {
  position: relative;
  z-index: 0;
  padding-top: calc(937 / 1920 * 100%);
  position: relative;
  width: 100%;
}
.fullWidthImage figure picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fullWidthImage figure img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.fullWidthImage figure img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.fullWidthImage figcaption {
  width: calc(100% - 128px);
  max-width: 1440px;
  height: 158px;
  background-color: #fbfbf8;
  left: 50%;
  bottom: 0;
  position: absolute;
  z-index: 2;
  color: grey;
  line-height: 1.0666666667rem;
  padding: 12px 16px;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.isApp .fullWidthImage figcaption:empty {
  display: none;
}
.fullWidthImage.compact figcaption {
  height: auto;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}
body
  .shareaholic-share-buttons-container
  ul.shareaholic-share-buttons.shareaholic-no-margin-padding-important {
  position: relative;
  left: -6px;
}
body .shareaholic-share-buttons-container li.shareaholic-total-count {
  font-size: 0 !important;
  line-height: 0;
  margin: 0 0 24px !important;
  padding: 10px 0 0 !important;
  text-align: center;
  height: auto;
  width: 100%;
  left: 0;
  top: 0;
  position: relative;
  float: left;
  list-style: none !important;
  background: 0 0 !important;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  text-align: center;
  justify-content: flex-start;
}
body .shareaholic-share-buttons-container li.shareaholic-total-count.shr-hide {
  display: none !important;
}
body .shareaholic-share-buttons-container li.shareaholic-total-count:before {
  content: '';
  width: 32px;
  height: 2px;
  background-color: #171717;
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
body
  .shareaholic-share-buttons-container
  li.shareaholic-total-count
  .shareaholic-shares-label {
  position: relative;
  top: 0;
  padding: 0;
  letter-spacing: 0.07em;
  color: #171717 !important;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 4px;
  text-transform: uppercase;
}
body
  .shareaholic-share-buttons-container
  li.shareaholic-total-count
  .shareaholic-total-share-count {
  position: relative;
  top: 0;
  font-size: 28px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: #171717 !important;
  font-family: PFSpekkVARBold, Arial, sans-serif;
}
body.withSkin
  .shareaholic-share-buttons-container
  li.shareaholic-total-count
  .shareaholic-total-share-count {
  font-size: 22px;
}
body .shareaholic-share-buttons-container .shareaholic-share-buttons-wrapper {
  display: flex;
}
body .shareaholic-share-buttons-container .shareaholic-custom {
  margin: 0;
}
.articleQuote {
  display: flex;
  max-width: 952px;
  width: 100%;
  margin: 0 auto 68px;
}
.articleQuote__image {
  width: 100%;
  max-width: 464px;
  flex: 0 0 auto;
  margin-right: 24px;
}
.articleQuote__image figure {
  position: relative;
}
.articleQuote__image figure img {
  display: block;
}
.articleQuote__image figure figcaption {
  display: block;
  padding: 12px 0 0;
  position: absolute;
  left: 0;
  bottom: 0;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  color: grey;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.articleQuote__content {
  display: flex;
  flex-direction: column;
  padding: 24px;
  border-top: 2px solid #171717;
  border-bottom: 2px solid #171717;
  justify-content: center;
}
.articleQuote--plain .articleQuote__content {
  border: none;
  padding: 0;
  justify-content: flex-start;
}
.articleQuote__content b,
.articleQuote__content strong {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
}
.articleQuote__content p {
  margin: 0 auto;
  max-width: 384px;
  text-align: center;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 2.1333333333rem;
  line-height: 2.5333333333rem;
  letter-spacing: -0.01em;
}
.articleQuote--plain .articleQuote__content p {
  margin-bottom: 36px;
  text-align: left;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: var(--articleFontSize);
  line-height: 1.52;
  max-width: 100%;
}
.articleQuote--plain .articleQuote__content p:last-child {
  margin-bottom: 0;
}
.articleQuote__content a {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  text-decoration: underline;
}
.videoComponent {
  width: 100%;
  display: block;
  position: relative;
  max-width: 1196px;
  margin: 0 auto 40px;
}
.videoComponent:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  width: 100vw;
  height: 100%;
  background-color: #171717;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.videoComponent video {
  margin: 0;
  display: block;
  width: 100%;
  height: auto;
  cursor: pointer;
}
.videoComponent--youtube > figure {
  padding: 0 !important;
}
.videoComponent--youtube .videoWrp img {
  margin: 0;
}
.videoComponent--youtube .videoWrp iframe {
  display: block;
}
.videoComponent--youtube .videoWrp .playVideo {
  position: relative;
  cursor: pointer;
}
.videoComponent--youtube .videoWrp .playVideo figure {
  padding-top: calc(360 / 640 * 100%);
  position: relative;
  width: 100%;
}
.videoComponent--youtube .videoWrp .playVideo figure picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.videoComponent--youtube .videoWrp .playVideo figure img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.videoComponent--youtube .videoWrp .playVideo .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 88px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 88px;
  line-height: 88px;
  color: #fff;
  z-index: 4;
  background-color: transparent !important;
  padding: 0;
  margin: 0;
  pointer-events: none;
  letter-spacing: 0;
  opacity: 1;
  transition: all 0.3s ease;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.videoComponent.playing .icon {
  opacity: 0;
}
.videoComponent .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 88px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 88px;
  line-height: 88px;
  color: #fff;
  z-index: 4;
  background-color: transparent !important;
  padding: 0;
  margin: 0;
  pointer-events: none;
  letter-spacing: 0;
  opacity: 1;
  transition: all 0.3s ease;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.articleCenterContainer {
  max-width: 830px;
  margin: 0 auto;
  width: 100%;
}
.articleCenterContainer__content {
  border-bottom: 2px solid #171717;
  margin-bottom: 24px;
}
.articleCenterContainer__content--noBorder {
  border: none;
}
.articleCenterContainer__content p {
  margin: 0 0 36px;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: var(--articleFontSize);
  line-height: 1.45;
  letter-spacing: -0.01em;
}
.articleCenterContainer__content p strong {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
}
.articleCenterContainer__content ul:not(.recipeInfo) {
  display: flex;
  flex-direction: column;
  margin: 0 0 36px;
  padding: 0;
  list-style-type: none;
}
.articleCenterContainer__content ul:not(.recipeInfo) li {
  padding-left: 32px;
  position: relative;
  margin-bottom: 16px;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 1.2666666667rem;
  line-height: 1.9333333333rem;
  letter-spacing: 0;
}
.articleCenterContainer__content ul:not(.recipeInfo) li:last-child {
  margin-bottom: 0;
}
.articleCenterContainer__content ul:not(.recipeInfo) li:before {
  content: '';
  position: absolute;
  left: 8px;
  top: 10px;
  width: 6px;
  height: 6px;
  background-color: #171717;
  border-radius: 100%;
}
.articleCenterContainer__content ol {
  display: flex;
  flex-direction: column;
  margin: 0 0 36px;
  padding: 0;
  counter-reset: step;
  list-style-type: none;
}
.articleCenterContainer__content ol li {
  padding-left: 32px;
  position: relative;
  margin-bottom: 16px;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 1.2666666667rem;
  line-height: 1.9333333333rem;
  letter-spacing: 0;
}
.articleCenterContainer__content ol li:last-child {
  margin-bottom: 0;
}
.articleCenterContainer__content ol li:before {
  counter-increment: step;
  content: counter(step) '.';
  position: absolute;
  left: 0;
  top: 0;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
}
.articleCenterContainer__content ol[type='a'] li:before {
  content: counter(step, lower-greek) '.';
}
.articleCenterContainer__content b,
.articleCenterContainer__content strong {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
}
.articleCenterContainer__content
  a:not(.article__category):not(.article__title):not(.article__image):not(
    .article__parentCategory
  ) {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  text-decoration: underline;
}
.articleAreas {
  max-width: 830px;
  margin: 0 auto;
  width: 100%;
}
.articleAreas .areas {
  margin-bottom: 80px;
}
.articleAreas .areas:last-child {
  margin-bottom: 0;
}
.slideShowImage {
  position: relative;
  cursor: pointer;
}
.slideShowImage:before {
  width: 40px;
  height: 40px;
  background-color: #171717;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  right: 24px;
  top: 24px;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
  border-radius: 100%;
  transition: all 0.3s ease;
}
.largeImage {
  margin-top: 20px;
  margin-bottom: 56px;
  background-color: #e5e5e5;
  width: 100%;
}
.largeImage figure {
  padding-top: calc(960 / 1440 * 100%);
  position: relative;
  width: 100%;
}
.largeImage figure picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.largeImage figure img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.largeImage figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.largeImage figcaption {
  position: absolute;
  color: grey;
  bottom: -12px;
  left: 0;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.podcastContainer iframe {
  display: block;
}
.maxWidthContent {
  width: calc(100% - 488px);
  max-width: 1073px;
  margin: 0 auto 80px;
}
.articleSection {
  margin-bottom: 16px;
}
.articleSection .iframeContainer {
  margin-bottom: 40px;
}
.articleSection video {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
}
.articleSection .videoWrp {
  margin-bottom: 40px;
}
.articleSection .videoWrp img {
  margin: 0;
}
.articleSection .videoWrp iframe {
  display: block;
}
.articleSection .videoWrp .playVideo {
  position: relative;
  cursor: pointer;
}
.articleSection .videoWrp .playVideo figure {
  padding-top: calc(360 / 640 * 100%);
  position: relative;
  width: 100%;
}
.articleSection .videoWrp .playVideo figure picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.articleSection .videoWrp .playVideo figure img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.articleSection .videoWrp .playVideo .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 88px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 88px;
  line-height: 88px;
  color: #fff;
  z-index: 4;
  background-color: transparent !important;
  padding: 0;
  margin: 0;
  pointer-events: none;
  letter-spacing: 0;
  opacity: 1;
  transition: all 0.3s ease;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.articleSection__content--gallery figure {
  margin-bottom: 40px;
}
.articleSection__content--gallery figure img {
  display: block;
}
.articleSection__content--gallery figcaption {
  display: block;
  margin-top: 12px;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.2307692308;
  letter-spacing: 0.07em;
  color: grey;
}
.breadcrumb {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 32px;
  padding: 0;
}
.breadcrumb__item {
  color: grey;
  font-size: 0.75rem;
  line-height: 1.1;
  margin-bottom: 8px;
  position: relative;
}
.breadcrumb__item:not(:last-child) {
  margin-right: 8px;
  padding-right: 8px;
}
.breadcrumb__item:not(:last-child):after {
  content: '/';
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
.breadcrumb a {
  color: grey;
}
body:not(.lookLayout) .grid .banner:not(.b1x1) {
  margin: 0 auto !important;
  top: 0 !important;
  position: unset !important;
}
.banners {
  display: flex;
  justify-content: space-between;
}
.banner:before {
  content: attr(data-bannertext);
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 0.8rem;
  display: block;
  text-align: left;
  background: 0 0;
}
.banner.b728x90:before {
  text-align: center;
}
.banners .banner {
  margin: 0 24px;
}
.type42 .banner {
  margin-bottom: 0;
}
.type41 .banner {
  margin-top: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  align-self: flex-start;
}
.type48 .banner {
  margin-top: 0;
  margin-bottom: calc(100% + 680px);
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  align-self: flex-start;
}
.type48 .banner:last-child {
  margin-bottom: 0;
}
.type50 .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
}
.type21 .banner {
  margin-top: auto;
}
.type38 .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
}
.type33 .banner,
.type49 .banner {
  margin-top: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  align-self: flex-start;
}
.type39 .banner {
  margin-top: 80px;
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
}
.type8 .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
}
.type9 .banner {
  margin-top: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
}
.type10 .banner {
  margin-top: 60px;
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
}
.type10 .banner.noMarginTop {
  margin-top: 0;
}
.type11 .banner,
.type12 .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  align-self: flex-start;
}
.type3 .banner,
.type4 .banner {
  margin-top: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  align-self: flex-start;
}
.type2 .banner {
  margin-top: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  align-self: flex-start;
}
.type2.categorySection--small .banner {
  margin-top: 30px;
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  align-self: flex-start;
}
.type1 .banner {
  margin-top: 40px;
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
}
.type35 .banner,
.type36 .banner,
.type6 .banner {
  margin: 40px auto;
}
.type13 .banner {
  margin-bottom: 30px;
}
.type19 .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  align-self: flex-start;
}
.type26 .banner,
.type27 .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
}
.type32 .banner {
  margin: 0 auto;
}
.type32 .articles .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  margin-bottom: 0;
}
.type31 .articles .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
}
.type37 .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
}
.type20 .banner,
.type20b .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  align-self: flex-start;
}
.type20.categorySection--black .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  align-self: flex-start;
  margin-top: 116px;
}
.withPodcaster .type20.categorySection--black .banner {
  margin-top: 80px;
}
.type53 .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  align-self: flex-start;
  margin-top: 122px;
}
.radioPage .type20.categorySection--black .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  align-self: flex-start;
  margin-top: 0;
}
.type47 .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  align-self: flex-start;
}
.type43 .banner,
.type44 .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  align-self: flex-start;
  margin-top: 0;
}
.type44.formComplete .banner {
  margin-top: 80px;
}
.type24 .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  align-self: flex-start;
}
.noSticky .banner {
  position: relative;
  top: 0;
}
.noSticky.type24 .sidebar .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  align-self: flex-start;
}
.noSticky.type24 .sidebar .banner:first-child {
  position: relative;
  top: 0;
}
.podcast .type24 .minWidthCol .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  align-self: flex-start;
}
.type40 .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  align-self: flex-start;
}
.type30 .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  align-self: flex-start;
}
.synastries .type30 .banner {
  margin: 0;
}
.synastries .type30 .banner:first-child {
  position: relative;
  top: 0;
  margin-bottom: 56px;
}
.articleContainer .banner {
  margin-left: auto;
  margin-right: auto;
  margin-top: 36px;
  margin-bottom: 36px;
  position: relative;
  top: 0;
  text-align: center;
  clear: both;
}
.articleContainer .banner:last-child {
  margin-bottom: 0;
}
.articleContainer .banner.noStyleBanner {
  margin: 0 !important;
  padding: 0 !important;
  height: 1px;
}
.type35 .banner:last-child {
  margin-bottom: 0;
}
.multipleBanners .banner {
  margin: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  align-self: flex-start;
  display: block;
}
.banner--medium {
  max-width: 300px;
}
.banner--wide {
  height: 90px;
  width: 100%;
  max-width: 728px;
  display: block;
}
.banner--withMargin {
  margin-bottom: 45px;
}
.banner--withMarginAuto {
  margin: 0 auto;
}
.banner--withMarginAuto img {
  margin: 0 auto;
}
.banner--withMarginAuto.marginTopAuto {
  margin-top: auto;
}
.banner--withDefaultMargin {
  margin-top: 40px;
  margin-bottom: 40px;
}
.banner--smallMarginTop {
  margin-top: 53px;
}
.banner img {
  display: block;
}
.banner.marginAuto img {
  margin: 0 auto;
}
.customBanner {
  display: flex;
  flex-direction: column;
  background: #3a3a39
    url(/content/media/images/customBannerBg.svg?k=web-54f87c677d) no-repeat
    center/cover;
  padding: 32px;
  align-items: center;
  text-align: center;
  margin-top: 32px;
}
.type32 .customBanner {
  margin-top: 24px;
}
.lookLayout .customBanner {
  margin-bottom: 32px;
  background-color: #e4e4e4;
  background-image: none;
  padding: 24px 16px;
  margin-top: 56px;
}
.customBanner__title {
  color: var(--lightColor);
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.7333333333rem;
  line-height: 2rem;
  margin-bottom: 24px;
  text-transform: uppercase;
}
.lookLayout .customBanner__title {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1.6666666667rem;
  line-height: 1.2;
  letter-spacing: 0;
  color: #000;
  margin: 0;
}
.customBanner__subtitle {
  margin-bottom: 16px;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.4666666667rem;
  line-height: 1.3636363636;
  letter-spacing: 0;
  color: #000;
}
.promoSection figure {
  aspect-ratio: 1568/320;
}
.bannerCol:first-child {
  flex: 1;
}
.bannerCol:last-child {
  flex: 2;
  padding-top: 40px;
}
.bannerColumns {
  flex: 2;
  display: flex;
  flex-direction: column;
}
.mobileBanner {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2147483640;
  width: 100vw;
  text-align: center;
  line-height: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition:
    transform 0.3s ease,
    -webkit-transform 0.3s ease;
}
.mobileBanner.hideBanner {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.mobileBanner button.mobileBanner__close {
  position: absolute;
  right: 0;
  z-index: 12;
  top: 0;
  background-color: #fff;
  color: #000;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 1;
  padding: 0;
  outline: 0;
  min-height: 0;
  min-width: 0;
}
.mobileBanner button.mobileBanner__close:after {
  content: '\e017';
}
.button,
button {
  cursor: pointer;
  min-height: 48px;
  min-width: 140px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.button:not(.disabled):not(.burgerMenu):not(.megaMenu__close),
button:not(.disabled):not(.burgerMenu):not(.megaMenu__close) {
  cursor: pointer;
  /*   background-color: #dc2833; */
  color: #fff;
  /*   padding: 0 12px; */
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.1333333333rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  border: none;
  letter-spacing: 0.1em;
  box-shadow: none;
  transition: all 0.3s ease;
}
.lookLayout
  .button:not(.disabled):not(.controls__step):not(.controls__play):not(
    .audioPlayerBar__close
  ):not(.volume__button):not(.formGroup__button):not(
    .searchFormGroup__button
  ):not(.burgerMenu):not(.megaMenu__close),
.lookLayout
  button:not(.disabled):not(.controls__step):not(.controls__play):not(
    .audioPlayerBar__close
  ):not(.volume__button):not(.formGroup__button):not(
    .searchFormGroup__button
  ):not(.burgerMenu):not(.megaMenu__close) {
  min-width: 225px;
  border: 4px solid #000;
  letter-spacing: 0.09em;
  line-height: 1.6;
  background-color: transparent;
  color: #000;
  position: relative;
  overflow: hidden;
}
.lookLayout
  .button:not(.disabled):not(.controls__step):not(.controls__play):not(
    .audioPlayerBar__close
  ):not(.volume__button):not(.formGroup__button):not(
    .searchFormGroup__button
  ):not(.burgerMenu):not(.megaMenu__close):before,
.lookLayout
  button:not(.disabled):not(.controls__step):not(.controls__play):not(
    .audioPlayerBar__close
  ):not(.volume__button):not(.formGroup__button):not(
    .searchFormGroup__button
  ):not(.burgerMenu):not(.megaMenu__close):before {
  content: '';
  width: 0;
  height: 100%;
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
  background-color: #000;
  position: absolute;
  left: -10%;
  top: 0;
  z-index: -1;
  transition: width 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.lookLayout
  .button:not(.disabled):not(.controls__step):not(.controls__play):not(
    .audioPlayerBar__close
  ):not(.volume__button):not(.formGroup__button):not(
    .searchFormGroup__button
  ):not(.burgerMenu):not(.megaMenu__close).button--dark,
.lookLayout
  button:not(.disabled):not(.controls__step):not(.controls__play):not(
    .audioPlayerBar__close
  ):not(.volume__button):not(.formGroup__button):not(
    .searchFormGroup__button
  ):not(.burgerMenu):not(.megaMenu__close).button--dark {
  background-color: #000;
  color: #fff;
}
.lookLayout
  .button:not(.disabled):not(.controls__step):not(.controls__play):not(
    .audioPlayerBar__close
  ):not(.volume__button):not(.formGroup__button):not(
    .searchFormGroup__button
  ):not(.burgerMenu):not(.megaMenu__close).button--dark:before,
.lookLayout
  button:not(.disabled):not(.controls__step):not(.controls__play):not(
    .audioPlayerBar__close
  ):not(.volume__button):not(.formGroup__button):not(
    .searchFormGroup__button
  ):not(.burgerMenu):not(.megaMenu__close).button--dark:before {
  content: unset;
}
.lookLayout
  .button:not(.disabled):not(.controls__step):not(.controls__play):not(
    .audioPlayerBar__close
  ):not(.volume__button):not(.formGroup__button):not(
    .searchFormGroup__button
  ):not(.burgerMenu):not(.megaMenu__close).mobileBanner__close,
.lookLayout
  button:not(.disabled):not(.controls__step):not(.controls__play):not(
    .audioPlayerBar__close
  ):not(.volume__button):not(.formGroup__button):not(
    .searchFormGroup__button
  ):not(.burgerMenu):not(.megaMenu__close).mobileBanner__close {
  position: absolute;
  background-color: #fff;
  min-width: 0;
  border: none;
}
.lookLayout
  .button:not(.disabled):not(.controls__step):not(.controls__play):not(
    .audioPlayerBar__close
  ):not(.volume__button):not(.formGroup__button):not(
    .searchFormGroup__button
  ):not(.burgerMenu):not(.megaMenu__close).mobileBanner__close:before,
.lookLayout
  button:not(.disabled):not(.controls__step):not(.controls__play):not(
    .audioPlayerBar__close
  ):not(.volume__button):not(.formGroup__button):not(
    .searchFormGroup__button
  ):not(.burgerMenu):not(.megaMenu__close).mobileBanner__close:before {
  content: unset;
}
.lookLayout .subscribe .button:not(.disabled),
.lookLayout .subscribe button:not(.disabled) {
  min-width: 140px;
  background-color: #000;
  color: #fff;
}
.lookLayout .subscribe .button:not(.disabled):before,
.lookLayout .subscribe button:not(.disabled):before {
  content: unset;
}
.button.button--tag,
button.button--tag {
  height: 40px;
  min-height: 0;
  min-width: 0;
  padding: 0 24px;
  color: #171717;
  background-color: var(--mediumColor);
  line-height: 1.4117647059;
  letter-spacing: 0.09em;
}
.button.button--tag.active,
button.button--tag.active {
  color: #fff;
  background-color: #171717;
}
.button.button--mag,
button.button--mag {
  min-width: 225px;
  border: 4px solid #000;
  letter-spacing: 0.09em;
  line-height: 1.6;
  background-color: transparent;
  color: #000;
}
.button.button--black,
button.button--black {
  background-color: #171717;
}
.button--dynamic:not(.disabled),
button--dynamic:not(.disabled) {
  font-family: SourceSerifProBold, Georgia, serif;
  background-color: var(--regularColor);
}
.button--disabled,
button--disabled {
  opacity: 0.3;
}
.button--absolute,
button--absolute {
  position: absolute;
  right: 12px;
  top: 32px;
}
.button--small,
button--small {
  min-height: 36px;
}
.button--withIcon:not(.disabled),
button--withIcon:not(.disabled) {
  padding: 0 8px 0 16px;
}
.button--withIcon:not(.disabled)
  span:not(.loading):not(.loading-inner):not(.loader-bullet),
button--withIcon:not(.disabled)
  span:not(.loading):not(.loading-inner):not(.loader-bullet) {
  position: relative;
  top: 1px;
}
.button--withIcon:not(.disabled)
  span:not(.loading):not(.loading-inner):not(.loader-bullet).mobileHidden,
button--withIcon:not(.disabled)
  span:not(.loading):not(.loading-inner):not(.loader-bullet).mobileHidden {
  top: 0;
  margin-left: 4px;
}
.button--withArrow:not(.disabled),
button--withArrow:not(.disabled) {
  padding: 0 16px;
}
.button--withArrow:not(.disabled)
  span:not(.loading):not(.loading-inner):not(.loader-bullet),
button--withArrow:not(.disabled)
  span:not(.loading):not(.loading-inner):not(.loader-bullet) {
  position: relative;
  top: 1px;
  margin-left: 8px;
  font-size: 0.8666666667rem;
  display: flex;
  align-items: center;
}
.cta {
  background-color: #404040;
  padding: 52px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.cta--today {
  background-color: #171717;
}
.cta--cover {
  background-color: #171717;
}
.cta--culture {
  --lightColor: #f6dfde;
  --mediumColor: #edbfbd;
  --regularColor: #dc2833;
  --darkRegularColor: #3b2727;
  --darkMediumColor: #5f4545;
  --darkLightColor: #947372;
}
.cta--life {
  --lightColor: #f4dac7;
  --mediumColor: #e8b590;
  --regularColor: #c85f2a;
  --darkRegularColor: #47210d;
  --darkMediumColor: #673f27;
  --darkLightColor: #976b4e;
}
.cta--viral {
  --lightColor: #f3e6b6;
  --mediumColor: #ebd586;
  --regularColor: #ce980b;
  --darkRegularColor: #3e2e03;
  --darkMediumColor: #614f1d;
  --darkLightColor: #948144;
}
.cta--city {
  --lightColor: #e0e8ec;
  --mediumColor: #c2d1d9;
  --regularColor: #5899b5;
  --darkRegularColor: #27353b;
  --darkMediumColor: #46545b;
  --darkLightColor: #74838a;
}
.cta--zodiac {
  --lightColor: #d1e8da;
  --mediumColor: #a4d2b6;
  --regularColor: #0c9876;
  --darkRegularColor: #273b2d;
  --darkMediumColor: #405948;
  --darkLightColor: #658671;
}
.cta--today {
  --lightColor: #e0e7f5;
  --mediumColor: #b6c1e7;
  --regularColor: #4964c2;
  --darkRegularColor: #262a49;
  --darkMediumColor: #454969;
  --darkLightColor: #737799;
}
.cta--voice {
  --lightColor: #eee0f5;
  --mediumColor: #ddc1ea;
  --regularColor: #824bc8;
  --darkRegularColor: #31273b;
  --darkMediumColor: #53465e;
  --darkLightColor: #877492;
}
.cta--large {
  padding: 30px 122px 30px;
  min-height: 304px;
  align-items: center;
}
.cta:before {
  content: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.cta--default {
  max-width: 1398px;
  min-height: 208px;
}
.cta--avStories:before {
  content: '';
  background: url(/content/media/images/promo/av-stories.png?k=web-54f87c677d)
    no-repeat right center/1120px;
}
.cta--av:before,
.cta--avPets:before {
  content: '';
  background: url(/content/media/images/promo/av.png?k=web-54f87c677d) no-repeat
    right top/700px;
}
.cta--avPets:before {
  background: url(/content/media/images/promo/av-pets.png?k=web-54f87c677d)
    no-repeat right center/700px;
}
.cta--cinema:before {
  content: '';
  background: url(/content/media/images/promo/cinema.png?k=web-54f87c677d)
    no-repeat right center/cover;
}
.cta--today:before {
  content: '';
  background: url(/content/media/images/promo/edition.png?k=web-54f87c677d)
    no-repeat 80% center/cover;
}
.cta--map:before {
  content: '';
  background: url(/content/media/images/promo/map.png?k=web-54f87c677d)
    no-repeat right center/cover;
}
.cta--cover:before {
  content: '';
  background: url(/content/media/images/promo/cover.png?k=web-54f87c677d)
    no-repeat right center/cover;
}
.cta--stories:before {
  content: '';
  background: url(/content/media/images/promo/stories.png?k=web-54f87c677d)
    no-repeat right center/cover;
}
.cta--saw:before {
  content: '';
  background: url(/content/media/images/promo/saw.png?k=web-54f87c677d)
    no-repeat right center/cover;
}
.cta--talk:before {
  content: '';
  background: url(/content/media/images/promo/talk.png?k=web-54f87c677d)
    no-repeat right center/cover;
}
.cta__col {
  width: 100%;
  padding: 0 80px;
  display: flex;
  z-index: 1;
}
.cta__col--small {
  max-width: 322px;
  padding: 0;
}
.cta--cover .cta__col--small {
  max-width: 506px;
}
.cta--default .cta__col--small {
  max-width: 532px;
}
.cta__col--withButton {
  flex-direction: column;
}
.cta__col .buttonWrapper {
  margin-top: 24px;
}
.cta__col p {
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 1.2666666667rem;
  line-height: 1.9333333333rem;
  color: var(--lightColor);
  margin: 0;
  letter-spacing: 0;
}
.cta--cover .cta__col p {
  color: #fff;
}
.cta__col p a {
  color: var(--lightColor);
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  text-decoration: underline;
}
.cta__col p strong {
  color: var(--mediumColor);
  font-weight: 400;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
}
.cta__col--bold p {
  font-family: PFSpekkVARMedium, Arial, sans-serif;
}
.cta__col--right {
  justify-content: flex-end;
}
.ctaBox {
  width: 280px;
  position: relative;
  padding: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: var(--lightColor);
  margin-left: auto;
  align-self: flex-start;
  margin-top: 46px;
  padding-bottom: 32px;
}
.ctaBox:before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #404040;
  display: block;
  position: absolute;
  left: -16px;
  bottom: -16px;
  z-index: -1;
}
.ctaBox--withBg {
  margin-top: 230px;
  padding: 38px 30px 66px 74px;
  position: relative;
}
.ctaBox--withBg:before {
  content: none;
}
.ctaBox--withBg:after {
  content: '';
  position: absolute;
  left: 20px;
  bottom: 30px;
  z-index: 2;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: url(/content/media/images/cta.svg?k=web-54f87c677d) no-repeat
    center center/contain;
}
.ctaBox__title {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.7333333333rem;
  line-height: 2rem;
  color: #171717;
  letter-spacing: -0.01em;
  margin-bottom: 50px;
}
.ctaBox--withBg .ctaBox__title {
  max-width: 150px;
  margin: 0 auto 20px;
}
.ctaBox .button {
  align-self: center;
  white-space: nowrap;
}
.simpleContent {
  display: flex;
  flex-direction: column;
  max-width: 610px;
  margin-top: 24px;
}
.simpleContent__title {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  margin-bottom: 16px;
}
.simpleContent p {
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 1.2666666667rem;
  line-height: 1.9333333333rem;
  margin: 0 0 36px;
  letter-spacing: 0;
}
.thankyou {
  text-align: center;
  max-width: 420px;
  margin: 0 auto;
}
.thankyou__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background-color: var(--regularColor);
  color: #fff;
  font-size: 33px;
  line-height: 33px;
  margin: 0 auto 20px;
  border-radius: 100%;
}
.thankyou__title {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.7333333333rem;
  line-height: 2rem;
  margin-bottom: 20px;
  letter-spacing: 0;
  display: block;
}
.thankyou p {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.7333333333rem;
  line-height: 2rem;
  margin-bottom: 48px;
  margin-top: 0;
  letter-spacing: 0;
}
.simpleText {
  padding-right: 122px;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 1.3333333333rem;
  line-height: 29px;
  letter-spacing: -0.01em;
  color: #171717;
  margin-bottom: 40px;
}
.simpleText__intro {
  border-bottom: 2px solid #171717;
  padding-bottom: 32px;
  margin-bottom: 32px;
}
.simpleText p {
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 1.3333333333rem;
  line-height: 29px;
  letter-spacing: -0.01em;
  color: #171717;
  margin: 0 0 32px;
}
.simpleText p:last-of-type {
  margin-bottom: 0;
}
.simpleText h3 {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 24px;
  letter-spacing: 0.09em;
  color: #171717;
  text-transform: uppercase;
  margin: 0 0 4px;
  padding: 0;
  border: none;
}
.tagText {
  margin: 32px 0 72px;
  max-width: 976px;
}
.tagText__image {
  width: 100%;
  max-width: 294px;
  flex: 0 0 auto;
  margin-right: 48px;
  margin-bottom: 16px;
  float: left;
}
.tagText p {
  font-family: SourceSerifProRegular, Georgia, serif;
  font-size: 1.3333333333rem;
  line-height: 30px;
  letter-spacing: -0.01em;
  color: #171717;
  margin: 0 0 32px;
}
.tagText p:last-of-type {
  margin-bottom: 0;
}
.errorBox {
  margin: 50px 0 160px;
}
.errorBox__content {
  max-width: 590px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.errorBox__content svg {
  width: 100%;
  height: auto;
  max-width: 530px;
  margin-bottom: 48px;
}
.errorBox__content > span {
  color: #404040;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1.7333333333rem;
  line-height: 2rem;
  letter-spacing: 0;
}
.errorBox__content p {
  margin: 12px 0 0;
  font-size: 1.2rem;
  line-height: 1.7333333333rem;
  letter-spacing: -0.01em;
  color: #404040;
}
.errorBox__content .link {
  color: #404040;
  margin-top: 24px;
  font-size: 0.9333333333rem;
  line-height: 1.0666666667rem;
}
.formWrapper {
  padding-left: 220px;
  position: relative;
}
.popup .formWrapper {
  padding-left: 0;
}
.formWrapper__illustration {
  width: 150px;
  height: 150px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  border-radius: 100%;
}
.popup .formWrapper__illustration {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.formContainer--withPadding {
  padding: 40px 122px;
  background-color: var(--lightColor);
  margin-bottom: 40px;
}
.formContainer--maxWidth {
  max-width: 708px;
}
.formContainer--default {
  padding: 40px 24px;
  background-color: var(--lightColor);
  width: 100%;
  margin-bottom: 40px;
}
.articleSingle .formContainer--default {
  padding: 24px;
}
.popup .formContainer--default {
  margin-bottom: 0;
  padding: 40px 122px;
}
.form__subtitle {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.3333333333rem;
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin-bottom: 56px;
  display: block;
}
.form__title {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.7333333333rem;
  line-height: 2rem;
  letter-spacing: 0;
  color: var(--darkRegularColor);
  margin-bottom: 32px;
  display: block;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.formGroup {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
  width: 100%;
  position: relative;
}
.subscribe .formGroup,
.tileSelection .formGroup {
  margin-bottom: 0;
}
.formGroup--withButton {
  flex-direction: row;
}
.lookLayout .formGroup--absolute {
  align-items: center;
  margin-top: 16px;
}
.formGroup__text {
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 16px;
  letter-spacing: 0.07em;
}
.formGroup__field {
  height: 48px;
  outline: 0;
  border: none;
  background-color: #fbfbf8;
  color: #171717;
  width: 100%;
  padding: 0 16px;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.3333333333rem;
  letter-spacing: 0;
  transition: all 0.2s ease;
  box-shadow: none;
  border-radius: 0;
}
.formGroup__field::-webkit-input-placeholder {
  color: #cfcfcf;
  opacity: 1;
  height: 48px;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.1333333333rem;
  letter-spacing: 0;
}
.formGroup__field:-moz-placeholder {
  color: #cfcfcf;
  opacity: 1;
  height: 48px;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.1333333333rem;
  letter-spacing: 0;
}
.formGroup__field::-moz-placeholder {
  color: #cfcfcf;
  opacity: 1;
  height: 48px;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.1333333333rem;
  letter-spacing: 0;
}
.formDark .formGroup__field {
  background-color: #f2f2f2;
}
.formGroup__field::-webkit-input-placeholder {
  height: auto;
}
.formGroup--withError .formGroup__field {
  color: #dc2833;
}
.formGroup--date .formGroup__field {
  padding-right: 48px;
}
.formGroup__field--plain {
  background-color: transparent;
  height: 40px;
  padding: 0;
}
.formGroup__field--textarea {
  min-height: 171px;
  height: auto;
  resize: vertical;
  padding: 16px;
}
.formGroup__field:focus {
  background-color: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.14);
}
.subscribe .formGroup__field {
  background-color: #404040;
  padding: 0 12px;
  font-size: 1rem;
}
.subscribe .formGroup__field::-webkit-input-placeholder {
  color: grey;
  font-size: 1rem;
}
.subscribe .formGroup__field:-moz-placeholder {
  color: grey;
  font-size: 1rem;
}
.subscribe .formGroup__field::-moz-placeholder {
  color: grey;
  font-size: 1rem;
}
.subscribe .formGroup__field:focus,
.subscribe .formGroup__field:valid {
  background-color: #f2f2f2;
}
.lookLayout .formGroup__field {
  min-width: 324px;
  padding: 0 16px;
  background-color: transparent !important;
  border: 1px solid #000;
}
.lookLayout .formGroup__container--select .formGroup__field {
  border-width: 2px;
  min-width: 0;
  margin: 0;
}
.formGroup label,
.formGroup__label {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  color: var(--darkRegularColor);
  text-transform: uppercase;
  margin-bottom: 8px;
  letter-spacing: 0.1em;
}
.formGroup--withError .formGroup label,
.formGroup--withError .formGroup__label {
  color: #dc2833;
}
.formGroup label span,
.formGroup__label span {
  text-transform: none;
}
.subscribe .formGroup__label {
  color: #fff;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 0.9333333333rem;
  line-height: 1.1428571429;
  width: 100%;
  margin-bottom: 0;
  text-transform: none;
  position: absolute;
  left: 0;
  top: -6px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.formGroup--withError label {
  color: #dc2833;
}
.formGroup__errors {
  margin-top: 6px;
}
.lookLayout .formGroup__errors {
  width: 100%;
  padding: 0 20px;
}
.formGroup__error:not(.formGroup__field) {
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  color: #dc2833;
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: -4px;
  letter-spacing: 0.1em;
  white-space: nowrap;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.footer .formGroup__error:not(.formGroup__field),
.lookLayout .formGroup__error:not(.formGroup__field) {
  position: relative;
  bottom: 0;
  margin-top: 4px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.formGroup .field-validation-error {
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  color: #dc2833;
  letter-spacing: 0.1em;
  white-space: nowrap;
  margin-top: 4px;
}
.formGroup__success:not(.formGroup__field) {
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  color: #0c9876;
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: -4px;
  letter-spacing: 0.1em;
  white-space: nowrap;
  display: flex;
  align-items: center;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.footer .formGroup__success:not(.formGroup__field) {
  position: relative;
  bottom: 0;
  margin-top: 4px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.formGroup__success:not(.formGroup__field) span {
  width: 32px;
  height: 32px;
  font-size: 12px;
  line-height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.formGroup__container {
  position: relative;
}
.formGroup--date .formGroup__container:before {
  content: '\e01a';
}
.formGroup--date .formGroup__container:before {
  color: var(--mediumColor);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  pointer-events: none;
  right: 16px;
  top: 50%;
  font-size: 1.6rem;
  line-height: 1;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.formGroup__info {
  max-width: 292px;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  color: var(--darkRegularColor);
  margin-top: 8px;
}
.inline-fields {
  display: flex;
}
.inline-fields .formGroup {
  margin-right: 24px;
}
.inline-fields .formGroup:last-child {
  margin-right: 0;
}
.select {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  background-color: transparent;
  transition: all 0.3s ease;
}
.select.active {
  background-color: #fff;
  z-index: 10;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
}
.select__value {
  height: 48px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  cursor: pointer;
  color: #171717;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.3333333333rem;
  background-color: #fbfbf8;
  padding: 0 12px 0 16px;
}
.select--plain .select__value {
  background-color: transparent;
}
.select--small .select__value {
  height: 40px;
  padding: 0 8px 0 10px;
}
.select__value.default {
  color: #cfcfcf;
}
.lookLayout .select__value.default {
  color: #000;
}
.select__value:before {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  font-size: 24px;
  line-height: 24px;
  color: #171717;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  transition: all 0.3s ease;
}
.select__value.active {
  background-color: #fff;
}
.select--plain .select__value.active {
  background-color: #fff;
}
.select__value.active:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.select__options {
  display: none;
  padding: 0 40px 8px 8px;
  background-color: #fff;
  max-height: 164px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #cfcfcf transparent;
}
.select--small .select__options {
  max-height: 320px;
  padding: 0 4px 8px 4px;
}
.select__options li {
  cursor: pointer;
  display: block;
  padding: 8px;
  background-color: transparent;
  color: #171717;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.3333333333rem;
  margin-bottom: 4px;
  transition: all 0.3s ease;
}
.select--small .select__options li {
  padding: 6px;
}
.select__options li:last-child {
  margin-bottom: 0;
}
.select__options li.active {
  color: var(--regularColor);
}
.select ::-webkit-scrollbar {
  width: 3px;
  height: 24px;
}
.select ::-webkit-scrollbar-track {
  display: none;
}
.select ::-webkit-scrollbar-thumb {
  background-color: #cfcfcf;
}
.checkbox-container {
  display: flex;
  position: relative;
}
.checkbox-container label {
  cursor: pointer;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  color: var(--darkRegularColor);
  padding-left: 48px;
  letter-spacing: 0.1em;
  margin-bottom: 0;
  text-transform: none;
}
.checkbox-container label a {
  text-decoration: underline;
}
.subscribe .checkbox-container label {
  color: #f2f2f2;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  display: block;
  font-size: 0.8rem;
  line-height: 1rem;
  padding-left: 40px;
  padding-top: 3px;
}
.subscribe .checkbox-container label a {
  color: #f2f2f2;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
}
.lookLayout .checkbox-container label {
  color: #000;
}
.lookLayout .checkbox-container label a {
  color: #000;
}
.checkbox-container label:after,
.checkbox-container label:before {
  position: absolute;
  left: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.checkbox-container label:before {
  color: #fff;
  opacity: 0;
  font-size: 9px;
  line-height: 9px;
  width: 22px;
  height: 22px;
  padding-left: 2px;
  padding-top: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: all 0.3s ease;
}
.subscribe .checkbox-container label:before {
  color: #171717;
}
.lookLayout .checkbox-container label:before {
  color: #000;
}
.checkbox-container label:after {
  content: '';
  width: 22px;
  height: 22px;
  background: 0 0;
  border: 2px solid var(--darkRegularColor);
  cursor: pointer;
  z-index: 1;
  border-radius: 100%;
  transition: all 0.3s ease;
}
.subscribe .checkbox-container label:after {
  border-color: #f2f2f2;
}
.lookLayout .checkbox-container label:after {
  border-width: 1px;
  border-color: #000;
}
.checkbox-container input[type='checkbox'] {
  outline: 0;
  visibility: hidden;
  width: 0;
  position: absolute;
}
.checkbox-container input[type='checkbox']:checked + label:after {
  border-color: var(--regularColor);
  background-color: var(--regularColor);
}
.subscribe .checkbox-container input[type='checkbox']:checked + label:after {
  border-color: #f2f2f2;
  background-color: #f2f2f2;
}
.lookLayout .checkbox-container input[type='checkbox']:checked + label:after {
  border-color: #000;
}
.formDark .checkbox-container input[type='checkbox']:checked + label:after {
  border-color: #171717;
  background-color: #171717;
}
.checkbox-container input[type='checkbox']:checked + label:before {
  opacity: 1;
}
.checkbox-container input[type='checkbox']:disabled + label:after {
  border-color: grey;
  background-color: transparent;
}
.checkbox-container input[type='checkbox']:disabled + label:before {
  color: grey;
}
.radio-container {
  margin: 0;
}
.inline-fields .radio-container {
  margin-right: 12px;
}
.inline-fields .radio-container:last-child {
  margin-right: 0;
}
.radio-container input[type='radio'] {
  display: none;
}
.radio-container input[type='radio']:checked + label {
  background-color: var(--regularColor);
  color: #fff;
}
.radio-container label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 28px;
  line-height: 26px;
  color: var(--regularColor);
  background-color: #fff;
  width: 48px;
  height: 48px;
  cursor: pointer;
  border-radius: 100%;
  transition: all 0.2s ease;
}
.radio-container label i {
  position: relative;
  left: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.formSuccess {
  display: flex;
  align-items: center;
}
.formSuccess span {
  width: 32px;
  height: 32px;
  font-size: 12px;
  line-height: 1;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--darkRegularColor);
  margin-right: 20px;
  border-radius: 100%;
}
.formSuccess p {
  margin: 0;
  color: var(--darkRegularColor);
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 20px;
}
.categorySectionFilters .checkboxFull {
  width: 100%;
  max-width: 244px;
  margin: 0 24px 24px 0;
}
.pageWithTopFilters .checkboxFull {
  margin: 0;
  max-width: 100%;
}
.checkboxFull input[type='checkbox'] {
  outline: 0;
  visibility: hidden;
  width: 0;
  position: absolute;
}
.checkboxFull input[type='checkbox']:checked + label {
  color: #fff;
  background-color: var(--regularColor);
}
.checkboxFull input[type='checkbox']:checked + label:before {
  content: '\e017';
}
.checkboxFull input[type='checkbox']:checked + label:before {
  opacity: 1;
}
.checkboxFull label {
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  background-color: #f2f2f2;
  color: #000;
  position: relative;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.3333333333rem;
  letter-spacing: 0;
  margin-bottom: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.checkboxFull label:before {
  content: '\e017';
}
.categorySectionFilters .checkboxFull label {
  height: 52px;
  margin: 0;
  background-color: #fbfbf8;
}
.checkboxFull label:before {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 8px;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1;
  opacity: 0;
  color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
.switch {
  display: flex;
  padding: 6px;
  background-color: #f2f2f2;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 18px;
}
.categorySectionFilters .switch {
  min-width: 318px;
  margin-top: 0;
}
.switch__radio {
  margin-right: 6px;
  width: 100%;
}
.switch__radio:last-child {
  margin-right: 0;
}
.switch__radio label {
  width: 100%;
  height: 28px;
  background-color: transparent;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.2307692308;
  letter-spacing: 0.07em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--regularColor);
  cursor: pointer;
  text-align: center;
  transition: all 0.3s ease;
}
.switch__radio input[type='radio'] {
  display: none;
}
.switch__radio input[type='radio']:checked + label {
  background-color: var(--regularColor);
  color: #fff;
}
.filters {
  display: flex;
  flex-direction: column;
  max-width: 244px;
  position: relative;
  z-index: 20;
}
.filters--multiple {
  max-width: 100%;
}
.categorySectionFilters .filters {
  max-width: 100%;
  margin-bottom: 16px;
  margin-top: 0;
}
.pageWithTopFilters .filters {
  margin: 0;
  align-self: start;
  width: 100%;
}
.type2 .filters.is-sticky,
.type41 .filters.is-sticky {
  width: 100% !important;
  left: 0 !important;
}
.filters--withMargin {
  margin-top: 24px;
}
.filters__container {
  display: flex;
  flex-direction: column;
}
.categorySectionFilters .filters__container {
  display: flex;
  padding-top: 0;
}
.filters__header {
  position: relative;
  display: none;
  align-items: center;
  color: #fff;
  background-color: var(--regularColor);
  height: 48px;
  padding: 0 40px 0 8px;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.3333333333rem;
  letter-spacing: 0;
  margin-bottom: 16px;
  transition: all 0.3s ease;
}
.filters__header:before {
  position: absolute;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 24px;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.filters__header i {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 24px;
  margin-right: 16px;
}
.filters__header span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clearFilters {
  display: none;
  align-items: center;
  color: var(--regularColor);
  cursor: pointer;
  white-space: nowrap;
  margin-top: 16px;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  letter-spacing: 0.07em;
}
.filterGroup .clearFilters {
  margin: 0 0 16px;
}
.clearFilters.visible {
  display: flex;
}
.clearFilters i {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 24px;
  margin-right: 16px;
  position: relative;
  top: 2px;
}
.filter {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}
.filter:last-child {
  margin-bottom: 40px;
}
.categorySectionFilters .filter {
  width: 100%;
  max-width: 244px;
  margin: 0 24px 24px 0;
  position: relative;
}
.categorySectionFilters .filter.open {
  z-index: 2;
}
.pageWithTopFilters .filter {
  margin: 0;
  max-width: 100%;
}
.filter input {
  display: none;
}
.filter__header {
  position: relative;
  display: flex;
  align-items: center;
  height: 28px;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.1333333333rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.filter__header i {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 24px;
  margin-right: 12px;
}
.filter__header span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter__select {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 40px;
  padding: 0 40px 0 36px;
  margin-top: 4px;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.3333333333rem;
  letter-spacing: 0;
  transition: all 0.3s ease;
}
.filterGroup .filter__select {
  padding-left: 16px;
  margin: 0;
  height: 52px;
}
.filter.open .filter__select {
  color: var(--regularColor);
  background-color: var(--lightColor);
}
.categorySectionFilters .filter__select {
  background-color: #fff;
}
.categorySectionFilters .filter.open .filter__select {
  background-color: #fff;
}
.filter.active .filter__select {
  color: var(--regularColor);
}
.categorySection--darkWithBg .filter__select {
  color: var(--lightColor);
}
.categorySection--darkWithBg .filter.open .filter__select {
  color: var(--mediumColor);
  background-color: var(--darkMediumColor);
}
.categorySection--darkWithBg .filter.active .filter__select {
  color: var(--mediumColor);
}
.filter__select:before {
  position: absolute;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 24px;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%) scaleY(1);
  transform: translateY(-50%) scaleY(1);
}
.filterGroup .filter__select:before {
  right: 8px;
}
.filter.open .filter__select:before {
  -webkit-transform: translateY(-50%) scaleY(-1);
  transform: translateY(-50%) scaleY(-1);
}
.filter__select span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: grey;
}
.filterGroup .filter__select span {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  color: #000;
}
.filter.active .filter__select span,
.filter.open .filter__select span {
  color: var(--regularColor);
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
}
.categorySection--darkWithBg .filter__select span {
  color: var(--lightColor);
}
.categorySection--darkWithBg .filter.open .filter__select span {
  color: var(--mediumColor);
}
.categorySection--darkWithBg .filter.active .filter__select span {
  color: var(--mediumColor);
}
.filter__content {
  display: none;
  margin-top: 4px;
}
.categorySectionFilters .filter__content {
  margin: 0;
  position: absolute;
  left: 0;
  bottom: -4px;
  min-width: 100%;
  background-color: #fff;
  padding: 16px;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
}
.filter__content .searchFieldGroup {
  padding-left: 36px;
  margin: 12px 0 24px;
}
.filterGroup .filter__content .searchFieldGroup {
  margin: 12px 0;
  padding: 0;
}
.filterGroup .filter__content .searchFieldGroup__button {
  right: 8px;
}
.filterGroup .filter__content .searchFieldGroup__field {
  padding-right: 40px;
}
.categorySectionFilters .filter__content .searchFieldGroup {
  margin-top: 0;
}
.filter__content .searchFieldGroup--simple {
  margin-bottom: 12px;
}
.filter__content .searchFieldGroup input {
  display: block;
}
.filter__items {
  max-height: 520px;
  scrollbar-width: thin;
  scrollbar-color: #cfcfcf transparent;
  overflow-y: auto;
}
.categorySectionFilters .filter__items {
  max-height: 320px;
}
.categorySection--darkWithBg .filter__items {
  scrollbar-color: var(--darkMediumColor) transparent;
}
.filter__options {
  padding-bottom: 24px;
  position: relative;
  margin-bottom: 4px;
}
.categorySectionFilters .filter__options,
.filterGroup .filter__options {
  padding-bottom: 0;
  margin-bottom: 12px;
}
.filter__options:after {
  content: '';
  width: calc(100% - 46px);
  bottom: 0;
  right: 10px;
  height: 1px;
  background-color: #cfcfcf;
  position: absolute;
}
.categorySectionFilters .filter__options:after,
.filterGroup .filter__options:after {
  content: unset;
}
.filter__options:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.filter__options:last-child:after {
  content: none;
}
.filter__item {
  display: flex;
  align-items: center;
  min-height: 32px;
  cursor: pointer;
  padding: 0 0 0 36px;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  letter-spacing: 0;
  color: #171717;
  width: 100%;
  transition: all 0.3s ease;
}
.categorySection--darkWithBg .filter__item {
  color: var(--mediumColor);
}
.filter--withRating .filter__item {
  padding-left: 8px !important;
}
.categorySectionFilters .filter--withRating .filter__item {
  padding-left: 0 !important;
}
.filterGroup .filter__item {
  padding-left: 16px;
}
.categorySectionFilters .filter__item {
  padding-left: 0;
}
.filter__item .rating {
  margin-top: 0;
}
.filter__item:first-child {
  margin-top: 6px;
}
.categorySectionFilters .filter__item:first-child {
  margin-top: 0;
}
.filter__item:last-child {
  margin-bottom: 0;
}
.filter__item.current {
  color: var(--regularColor);
}
.categorySection--darkWithBg .filter__item.current {
  color: var(--regularColor);
}
.filter__item.current a {
  color: var(--regularColor);
}
.categorySection--darkWithBg .filter__item.current a {
  color: var(--regularColor);
}
.filter__item span {
  color: grey;
  margin-left: 8px;
}
.categorySectionFilters .filter__item span {
  margin-left: 0;
}
.filter__item--header {
  pointer-events: none;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  margin-top: 0 !important;
}
.filter__item a {
  padding: 6px 0;
  width: 100%;
}
.categorySection--darkWithBg .filter__item a {
  color: var(--mediumColor);
}
.filter__itemVal {
  color: inherit;
  padding-block: 6px;
}
.filter ::-webkit-scrollbar {
  width: 3px;
  height: 24px;
}
.filter ::-webkit-scrollbar-track {
  display: none;
}
.filter ::-webkit-scrollbar-thumb {
  background-color: #cfcfcf;
}
.categorySection--darkWithBg .filter ::-webkit-scrollbar-thumb {
  background-color: var(--darkMediumColor);
}
.filterGroup {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid #000;
}
.categorySectionFilters .filterGroup {
  padding: 0;
}
.filterGroup:last-child {
  margin-bottom: 0;
  border: none;
}
.filterGroup .filter {
  margin-bottom: 16px;
}
.pageWithTopFilters .filterGroup .filter {
  margin: 0;
}
.filterGroup__title {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.3333333333rem;
  line-height: 1.2;
  letter-spacing: 0;
  margin-bottom: 16px;
}
.categorySection--darkWithBg .filterGroup__title {
  color: var(--lightColor);
}
.filterGroup__content {
  padding-right: 24px;
}
.categorySectionFilters .filterGroup__content,
.filterGroup__contentInner {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  align-items: flex-start;
}
.filterGroup__contentInner {
  width: 100%;
}
.pageWithTopFilters .filterGroup__content {
  flex-wrap: nowrap;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 24px;
}
.pageWithTopFilters .filterGroup__content--col5 {
  grid-template-columns: repeat(5, 1fr);
}
.pageWithTopFilters .filterGroup__content--col4 {
  grid-template-columns: repeat(4, 1fr);
}
.pageWithTopFilters .filterGroup__content--col3 {
  grid-template-columns: repeat(3, 1fr);
}
.filterTags {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.filterTags .button {
  margin: 0 16px 16px 0;
}
.mobileDropDown__header {
  position: relative;
  display: none;
  align-items: center;
  color: #fff;
  background-color: var(--regularColor);
  height: 48px;
  padding: 0 40px 0 16px;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.3333333333rem;
  letter-spacing: 0;
  margin-bottom: 16px;
  margin-top: 16px;
  transition: all 0.3s ease;
}
.mobileDropDown__header:before {
  position: absolute;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 24px;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mobileDropDown__header span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gallery {
  display: flex;
  width: 100vw;
  position: relative;
  left: 50%;
  margin: 24px 0 56px;
  margin-left: -50vw;
}
.withSkin .gallery {
  width: calc(100% + var(--gridSpace) * 2);
  margin-left: calc(-1 * var(--gridSpace));
  margin-right: calc(-1 * var(--gridSpace));
  left: 0;
}
.gallery:not(.gallery--full):not(.defaultHeight) {
  background-color: #f4f4f4;
  padding: 40px 0;
}
.gallery figure img {
  display: block;
}
.gallery figure figcaption {
  display: block;
  padding: 12px 16px 0;
  position: relative;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  color: grey;
}
.gallery__image {
  margin-right: 18px;
  flex: 1;
}
.gallery__image:last-child {
  margin-right: 0;
}
.gallery__image figure img {
  max-height: 1080px;
  margin: 0 auto;
}
.gallery.defaultHeight .gallery__image figure img {
  max-height: none;
  margin: 0;
}
.gallery--full {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-columns: 1fr;
}
.glossary {
  display: flex;
  align-items: center;
  height: 80px;
  justify-content: space-evenly;
  background-color: var(--lightColor);
  width: 100%;
}
.glossary li {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--darkRegularColor);
  cursor: pointer;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1.7333333333rem;
  line-height: 1.7333333333rem;
  text-transform: uppercase;
  transition: all 0.3s ease;
  border-radius: 100%;
}
.glossary li.active {
  color: #fff;
  background-color: var(--regularColor);
}
.glossary li.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  color: var(--darkRegularColor) !important;
}
.simpleMap {
  width: 100%;
  margin: 0 0 40px;
  position: relative;
  z-index: 0;
}
.simpleMap iframe,
.simpleMap > div {
  width: 100%;
  height: 360px;
  position: relative;
  outline: 0;
}
.megaMenu {
  --lightColor: #e5e5e5;
  --mediumColor: #cfcfcf;
  --regularColor: #dc2833;
  --darkRegularColor: #000;
  --darkMediumColor: #808080;
  --darkLightColor: #f2f2f2;
}
.lookLayout .megaMenu {
  background-color: #000;
}
.megaMenu.active {
  overflow: visible;
  z-index: 2147483641;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  box-shadow: 16px 0 30px rgba(0, 0, 0, 0.3);
}
.megaMenu__logo {
  aspect-ratio: 122/24;
  width: 122px;
  position: absolute;
  left: 50%;
  top: 16px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.lookLayout .megaMenu__logo {
  aspect-ratio: 100/24;
  width: 100px;
}
.megaMenu__close {
  cursor: pointer;
  display: block;
  width: 32px;
  height: 32px;
  background: none;
  border: none;
  padding: 0;
  margin: 0 0 16px 40px;
  color: #fff;
  font-size: 2.2rem;
  line-height: 1;
  transition: all 0.3s ease;
  text-align: left;
}
.lookLayout .megaMenu__close {
  color: #fff;
}
.megaMenu__content {
  display: flex;
  flex-direction: column;
}
.megaMenu__list {
  display: flex;
  flex-direction: column;
  padding: 12px 0 14px;
  position: relative;
}
.megaMenu.smallHeight .megaMenu__list {
  padding: 4px 0 6px;
}
.megaMenu__list:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 40px;
  width: calc(100% - 80px);
  height: 2px;
  background-color: #cfcfcf;
}
.lookLayout .megaMenu__list:before {
  background-color: #fff;
}
.megaMenu__list:first-child {
  margin-top: 26px;
}
.megaMenu.smallHeight .megaMenu__list:first-child {
  margin-top: 16px;
}
.megaMenu__list:last-child {
  padding-bottom: 0;
}
.megaMenu__list:last-child:before {
  display: none;
}
.megaMenu .megaMenu__list--social {
  flex-direction: row;
  justify-content: space-between;
  padding: 8px 28px;
}
.lookLayout .megaMenu .megaMenu__list--social {
  justify-content: center;
}
.megaMenu.smallHeight .megaMenu .megaMenu__list--social {
  padding: 8px 28px;
}
.megaMenu .megaMenu__list--social li {
  padding: 0;
}
.megaMenu .megaMenu__list--social li:not(:last-child) {
  margin-bottom: 0;
}
.megaMenu--compact .megaMenu__list--small,
.megaMenu:not(.megaMenu--compact) .megaMenu__list--smallHeight,
.smallHeight .megaMenu__list--social {
  display: none;
}
.megaMenu__list.megaMenu__list--social a {
  font-size: 1.6rem;
}
.megaMenu li,
.megaMenu__item {
  height: 48px;
  display: flex;
  position: relative;
  padding: 0 40px;
}
.megaMenu li:not(:last-child),
.megaMenu__item:not(:last-child) {
  margin-bottom: 6px;
}
.megaMenu li--default,
.megaMenu__item--default {
  --regularColor: #3333ff;
  --lightColor: #e0defa;
  --mediumColor: #c4c3fd;
}
.megaMenu li--culture,
.megaMenu__item--culture {
  --regularColor: #dc2833;
  --lightColor: #f6dfde;
  --mediumColor: #edbfbd;
}
.megaMenu li--life,
.megaMenu__item--life {
  --regularColor: #c85f2a;
  --lightColor: #f4dac7;
  --mediumColor: #e8b590;
}
.megaMenu li--viral,
.megaMenu__item--viral {
  --regularColor: #ce980b;
  --lightColor: #f3e6b6;
  --mediumColor: #ebd586;
}
.megaMenu li--city,
.megaMenu__item--city {
  --regularColor: #5899b5;
  --lightColor: #e0e8ec;
  --mediumColor: #c2d1d9;
}
.megaMenu li--zodiac,
.megaMenu__item--zodiac {
  --regularColor: #0c9876;
  --lightColor: #d1e8da;
  --mediumColor: #a4d2b6;
}
.megaMenu li--voice,
.megaMenu__item--voice {
  --regularColor: #824bc8;
  --lightColor: #eee0f5;
  --mediumColor: #ddc1ea;
}
.megaMenu li--today,
.megaMenu__item--today {
  --regularColor: #4964c2;
  --lightColor: #e0e7f5;
  --mediumColor: #b6c1e7;
}
.megaMenu li--lookmag,
.megaMenu__item--lookmag {
  --regularColor: #171717;
}
.megaMenu li--withSubmenu:before,
.megaMenu__item--withSubmenu:before {
  content: '';
  width: calc(100% - 32px);
  height: 56px;
  position: absolute;
  left: 16px;
  top: 24px;
  background-color: var(--mediumColor);
  opacity: 0;
  pointer-events: none;
  z-index: 0;
  display: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: opacity 0.3s ease;
}
.megaMenu li--withSubmenu.active:before,
.megaMenu__item--withSubmenu.active:before {
  opacity: 1;
}
.megaMenu__list--small .megaMenu li,
.megaMenu__list--small .megaMenu__item {
  margin-bottom: 0;
}
.megaMenu__list--small .megaMenu li:last-child,
.megaMenu__list--small .megaMenu__item:last-child {
  margin-bottom: 0;
}
.megaMenu li.current > a,
.megaMenu__item.current > a {
  color: var(--regularColor);
}
.megaMenu div.megaMenu__link {
  cursor: default;
  transition:
    color 0.3s ease,
    -webkit-transform 0.3s ease;
  transition:
    color 0.3s ease,
    transform 0.3s ease;
  transition:
    color 0.3s ease,
    transform 0.3s ease,
    -webkit-transform 0.3s ease;
}
.megaMenu li > a,
.megaMenu__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  z-index: 1;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #171717;
}
.lookLayout .megaMenu li > a,
.lookLayout .megaMenu__link {
  color: #fff;
}
.lookLayout .megaMenu__item.hover .megaMenu li > a,
.lookLayout .megaMenu__item.hover .megaMenu__link {
  color: #000;
  background-color: #fff;
  padding-left: 16px;
}
.lookLayout .megaMenu__item.active .megaMenu li > a,
.lookLayout .megaMenu__item.active .megaMenu__link {
  color: #000;
  background-color: #fff;
  padding-left: 16px;
}
.megaMenu li > a span,
.megaMenu__link span {
  width: 24px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  line-height: 1.6rem;
  position: relative;
}
.lookLayout .megaMenu li > a span,
.lookLayout .megaMenu__link span {
  color: #fff;
}
.megaMenu li > a span.submenuIcon,
.megaMenu__link span.submenuIcon {
  color: #cfcfcf;
}
.megaMenu__list--small .megaMenu li > a,
.megaMenu__list--small .megaMenu__link {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
}
.megaMenu__submenu {
  z-index: 0;
}
.megaMenu.smallHeight .megaMenu__submenu {
  padding: 64px 32px 24px;
}
.megaMenu__list--smallHeight .megaMenu__submenu {
  padding: 32px 32px 72px;
  top: unset;
  bottom: 0;
}
.megaMenu.smallHeight .megaMenu__list--smallHeight .megaMenu__submenu {
  padding: 24px 32px 64px;
}
.megaMenu__submenu:before {
  content: '';
  display: block;
  width: calc(100% + 296px);
  height: 48px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: var(--mediumColor);
  opacity: 1;
  pointer-events: none;
  z-index: 0;
  transition: all 0.3s ease;
}
.megaMenu__list--smallHeight .megaMenu__submenu:before {
  top: unset;
  bottom: 0;
}
.megaMenu.smallHeight .megaMenu__submenu:before {
  height: 42px;
}
.megaMenu__submenu li {
  height: 40px;
  padding: 0;
  margin-bottom: 0;
}
.megaMenu__submenu li:before {
  content: '';
  display: block;
  width: calc(100% + 64px);
  height: 40px;
  position: absolute;
  left: -32px;
  top: 0;
  background-color: var(--lightColor);
  opacity: 0;
  pointer-events: none;
  z-index: 0;
  transition: all 0.3s ease;
}
.megaMenu__submenu li:last-child {
  margin-bottom: 0;
}
.megaMenu__submenu li.current a {
  color: var(--regularColor);
}
.megaMenu__submenu li a {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1.0666666667rem;
  line-height: 1.6rem;
}
.megaMenu__submenu li a.current {
  color: var(--regularColor);
}
.megaMenu.smallHeight {
  padding-block: 18px;
}
.megaMenu.smallHeight .megaMenu__item,
.megaMenu.smallHeight li {
  height: clamp(36px, 6.29vh, 48px);
}
.megaMenu.smallHeight .megaMenu__item:not(:last-child),
.megaMenu.smallHeight li:not(:last-child) {
  margin-bottom: clamp(1px, 0.1vh, 8px);
}
.megaMenu.smallHeight .megaMenu__item li,
.megaMenu.smallHeight li li {
  height: clamp(36px, 5.29vh, 48px);
}
.megaMenu.smallHeight .megaMenu__close {
  top: 12px;
}
.modal {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.modal__bg {
  background-color: rgba(0, 0, 0, 0.5);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.modal__wrap {
  background-color: #fff;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 40px 24px;
  position: relative;
  width: 800px;
  max-width: 92vw;
  max-height: 88vh;
}
.modal--l .modal__wrap {
  width: 1200px;
}
.modal__close {
  position: absolute;
  right: 0;
  top: 0;
}
.moreImage {
  display: flex;
  flex-direction: column;
  background-color: var(--lightColor);
  padding: 40px 25px;
  margin-top: auto;
}
.moreImage--culture {
  --lightColor: #f6dfde;
}
.moreImage--life {
  --lightColor: #f4dac7;
}
.moreImage--viral {
  --lightColor: #f3e6b6;
}
.moreImage--city {
  --lightColor: #e0e8ec;
}
.moreImage--zodiac {
  --lightColor: #d1e8da;
}
.moreImage--today {
  --lightColor: #e0e7f5;
}
.moreImage--voice {
  --lightColor: #eee0f5;
}
.moreImage__media img {
  display: block;
  width: 100%;
}
.moreImage .link {
  margin-top: 40px;
}
.infoBox {
  margin: 50px 0;
  position: relative;
  padding-top: 30px;
  padding-left: 122px;
  width: 100%;
}
.infoBox--smallMargin {
  margin: 40px 0;
}
.infoBox__illustration {
  width: 150px;
  height: 150px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  border-radius: 100%;
}
.infoBox__content {
  min-height: 150px;
  padding: 32px 98px 32px 122px;
  background-color: var(--lightColor);
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  z-index: 1;
}
.infoBox__text {
  max-width: 285px;
  margin-right: 24px;
}
.infoBox__text p {
  color: var(--darkRegularColor);
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.2666666667rem;
  line-height: 1.9333333333rem;
  letter-spacing: 0;
  margin: 0;
}
ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ul li a {
  display: block;
}
.simpleList {
  display: flex;
}
.simpleList li {
  margin-right: 32px;
}
.simpleList li:last-child {
  margin-right: 0;
}
.simpleList li a {
  color: #f2f2f2;
  text-transform: uppercase;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 0.9333333333rem;
  letter-spacing: 0.1em;
}
.lookLayout .simpleList li a {
  color: #000;
  font-size: 1rem;
  line-height: 1.6;
  border-bottom: 2px solid transparent;
}
.largeList {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.largeList li {
  width: 100%;
  text-align: center;
}
.largeList li a {
  color: #fff;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.4rem;
  letter-spacing: 0.1em;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
}
.largeList li a span {
  font-size: 1.7333333333rem;
  line-height: 1.7333333333rem;
  margin-left: 12px;
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.largeList li a span.italic {
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.4rem;
  margin: 0 6px;
}
.smallList {
  display: flex;
}
.smallList li a {
  color: #f2f2f2;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
.lookLayout .smallList li a {
  color: #000;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  line-height: 1.8461538462;
  border-bottom: 2px solid transparent;
}
.socialList {
  display: flex;
  justify-content: center;
}
.socialList li {
  margin: 0 16px;
}
.lookLayout .socialList li {
  margin: 0 6px;
}
.socialList li a {
  color: #f2f2f2;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 1.7333333333rem;
  line-height: 1;
}
.lookLayout .socialList li a {
  color: #000;
}
.socialList li a:before {
  display: inline-block;
  vertical-align: top;
}
.toolsList {
  display: flex;
  align-items: center;
  padding-left: 16px;
}
.toolsList li:not(:last-child) {
  margin-right: 24px;
}
.toolsList li.current a {
  color: var(--regularColor);
}
.transparent:not(.podcast) .sticky .toolsList li.current a:not(.button) {
  color: var(--regularColor);
}
.toolsList li a {
  color: var(--mediumColor);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  letter-spacing: 0.1em;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  white-space: nowrap;
}
.transparent:not(.podcast) .sticky .toolsList li a:not(.button) {
  color: #171717;
}
.toolsList li a.button {
  line-height: 1.6rem;
  background-color: var(--regularColor);
}
.lookMagPalette .toolsList li a.button {
  --regularColor: #000;
}
.toolsList li a.button span:not(.mobileHidden) {
  margin-left: 4px;
}
.toolsList li a span:not(.mobileHidden) {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  font-size: 1.6rem;
  line-height: 1.6rem;
}
.articleInfoList {
  display: flex;
  margin-top: 40px;
}
.articleSingle--recipe .articleInfoList {
  margin-top: 64px;
  margin-left: auto;
  margin-right: auto;
  margin: 64px auto 32px;
}
.articleInfoList__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 42px;
  border-right: 2px solid #171717;
  text-align: center;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.6rem;
  padding-bottom: 4px;
  width: 100%;
}
.articleInfoList__item:first-child {
  padding-left: 0;
}
.articleInfoList__item:last-child {
  padding-right: 0;
  border: none;
}
.articleInfoList__item i {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.articleInfoList__item a {
  text-align: center;
  min-height: 48px;
}
.singleArticlePage .articleInfoList__item a {
  min-height: 0 !important;
}
.articleInfoList__item span {
  max-width: 98px;
  text-align: center;
}
.articleExtrasList {
  margin-top: 92px;
  padding-bottom: 24px;
  border-bottom: 2px solid #171717;
  display: flex;
  flex-direction: column;
}
.articleExtrasList__item {
  color: grey;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
}
.categoriesList {
  display: flex;
  margin-bottom: 20px;
  flex-wrap: wrap;
  grid-row-gap: 10px;
}
.lookMagPalette .categoriesList {
  --regularColor: #808080;
}
.categoriesList__item {
  margin-right: 32px;
}
.categoriesList__link {
  color: var(--regularColor);
  font-family: SourceSerifProBlack, Georgia, serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  text-transform: uppercase;
  font-feature-settings:
    'pnum' on,
    'lnum' on;
}
.issue {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
  text-align: center;
}
.mobileActions .issue {
  flex-direction: row;
  text-align: left;
  align-items: center;
  margin-bottom: 4px;
}
.issue__label {
  margin-bottom: 4px;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.2307692308;
  letter-spacing: 0.07em;
  color: #171717;
}
.mobileActions .issue__label {
  margin: 0 8px 0 0;
}
.issue__number {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1.8666666667rem;
  line-height: 1;
  letter-spacing: -0.05em;
  color: #171717;
}
.actionsList {
  display: flex;
  flex-direction: column;
  max-width: 171px;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  margin-bottom: 60px;
  position: relative;
  z-index: 2;
}
.criticBlock .actionsList {
  margin-bottom: 0;
}
.actionsList__item {
  padding: 24px 0;
  border-bottom: 2px solid #171717;
  width: 100%;
  text-align: center;
}
.criticBlock .actionsList__item {
  border-color: var(--lightColor);
}
.actionsList__item--date {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: grey;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  letter-spacing: 0.07em;
}
.criticBlock .actionsList__item--date {
  color: var(--lightColor);
}
.actionsList__item--date span:not(.issue__label):not(.issue__number) {
  margin-top: 8px;
  color: #000;
}
.criticBlock
  .actionsList__item--date
  span:not(.issue__label):not(.issue__number) {
  color: var(--lightColor);
}
.actionsList__item:first-child {
  padding-top: 0;
}
.actionsList__item:last-child {
  padding-bottom: 0;
  border: none;
}
.actionsList__link {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.criticBlock .actionsList__link {
  color: var(--lightColor);
}
.actionsList__link figure {
  overflow: hidden;
  border-radius: 100%;
}
.actionsList__link figure img {
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  width: 80px;
  height: 80px;
}
.actionsList__link span {
  margin-top: 16px;
  font-size: 1.0666666667rem;
  line-height: 1.6rem;
}
.actions {
  display: flex;
  flex-direction: column;
}
.actions__item {
  margin-bottom: 24px;
}
.actions__item:last-child {
  margin-bottom: 0;
}
.actions__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  text-transform: uppercase;
}
.actions__icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 24px;
  color: #fff;
  background-color: #171717;
  /* margin-bottom: 8px; */
  border-radius: 100%;
}
.audio-trigger-wrapper {
  display: block;
  margin-top: 16px;
}
.audio-player-trigger {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 13px;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
}
.audioPlayer:not(.playing) .actions__icon:after,
.audioPlayer:not(.playing) .mobileActions__icon:after {
  content: '\e040';
}
.audioPlayer:not(.playing) .actions__icon:after,
.audioPlayer:not(.playing) .mobileActions__icon:after {
  display: none;
}
.audioPlayer.playing {
  opacity: 0.6;
  pointer-events: none;
}
.audioPlayer.playing .actions__icon:before {
  content: '\e069';
}
.audioPlayer.playing .mobileActions__icon:before {
  content: '\e069';
}
.listWithHeader {
  display: flex;
  flex-direction: column;
  position: relative;
}
.listWithHeader:before {
  content: '';
  width: 100%;
  max-width: 171px;
  height: 2px;
  background-color: #171717;
}
.listWithHeader__title {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1.7333333333rem;
  line-height: 2rem;
  padding-top: 20px;
}
.listWithHeader ul {
  display: flex;
  flex-direction: column;
  margin-top: 32px;
  position: relative;
}
.listWithHeader ul li {
  display: flex;
  align-items: flex-start;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.6rem;
  margin-bottom: 16px;
  letter-spacing: 0.07em;
}
.listWithHeader ul li:last-child {
  margin-bottom: 0;
}
.listWithHeader ul li i {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 24px;
  margin-right: 16px;
  position: relative;
  top: 2px;
  flex: 0 0 auto;
}
.infoList {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  position: relative;
}
.infoList--mobile {
  display: none;
}
.infoList:after,
.infoList:before {
  content: '';
  width: 100%;
  max-width: 171px;
  height: 2px;
  background-color: #171717;
}
.type36 .infoList {
  margin-top: 76px;
}
.infoList--small {
  margin-top: 32px;
}
.infoList--small:after {
  content: none;
}
.listWithHeader .infoList--small {
  margin-top: 0;
}
.listWithHeader .infoList--small:before {
  content: none;
}
.infoList--fixed {
  margin-top: 48px;
}
.infoList__item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 32px;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.6rem;
  letter-spacing: 0.07em;
}
.infoList--small .infoList__item {
  margin-bottom: 16px;
}
.infoList__item:first-child {
  margin-top: 32px;
}
.infoList--small .infoList__item:last-child {
  margin-bottom: 0;
}
.infoList__item i {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 24px;
  margin-right: 16px;
  position: relative;
  flex: 0 0 auto;
}
.infoList__link {
  width: 100%;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  text-decoration: underline;
}
.vote {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.vote li {
  width: 32px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  text-align: center;
  transition: all 0.3s ease;
}
.vote li.active {
  color: var(--regularColor);
}
.vote li span {
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gender {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.gender li {
  width: 50px;
  display: flex;
  flex-direction: column;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  text-align: center;
  text-transform: uppercase;
  color: grey;
  position: relative;
}
.gender li:first-child {
  left: -8px;
}
.gender li:last-child {
  right: -8px;
}
.gender li span {
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.searchCategories {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 56px;
}
.searchCategories li {
  margin-right: 24px;
  margin-bottom: 8px;
  white-space: nowrap;
}
.searchCategories li a {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.1333333333rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.searchCategories li.current a {
  color: #dc2833;
}
.tagsList {
  display: flex;
  flex-direction: column;
  padding-right: 98px;
}
.tagsList__content {
  margin-bottom: 40px;
  padding-bottom: 18px;
  border-bottom: 2px solid #171717;
  display: flex;
  flex-direction: column;
}
.tagsList__items {
  margin: 32px 0 16px;
  display: flex;
  flex-wrap: wrap;
  height: 83px;
  overflow: hidden;
  transition: height 0.3s ease;
}
.tagsList__items.open {
  height: auto;
}
.tagsList li {
  margin-right: 32px;
  margin-bottom: 16px;
  white-space: nowrap;
}
.tagsList li a {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.1333333333rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.tagsList li.current a {
  color: var(--regularColor);
}
.followList {
  display: flex;
}
.category .followList {
  position: absolute;
  right: 0;
  top: 26px;
}
.singleArticlePage .followList {
  flex-direction: column;
  max-width: 171px;
}
.followList__title {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  color: #fff;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.withPodcaster .followList__title {
  padding-right: 24px;
  margin-right: 20px;
  border-right: 2px solid #fff;
  display: flex;
  align-items: center;
}
.singleArticlePage .followList__title {
  color: #171717;
  text-align: center;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 2px solid #171717;
  font-family: PFSpekkVARBold, Arial, sans-serif;
}
.followList__items {
  margin-left: 8px;
  display: flex;
  align-items: center;
}
.withPodcaster .followList__items {
  align-items: flex-start;
}
.singleArticlePage .followList__items {
  flex-direction: column;
  margin-left: 0;
}
.followList__items li {
  margin-right: 8px;
}
.withPodcaster .followList__items li {
  margin-right: 32px;
}
.singleArticlePage .followList__items li {
  flex-direction: column;
  margin-right: 0;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 2px solid #171717;
  width: 100%;
  text-align: center;
}
.followList__items li:last-child {
  margin-right: 0;
}
.withPodcaster .followList__items li:last-child {
  margin-right: 0;
}
.singleArticlePage .followList__items li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.followList__items li a {
  color: #fff;
}
.singleArticlePage .followList__items li a {
  color: #171717;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.singleArticlePage .followList__items li a strong {
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.6rem;
  margin-top: 8px;
}
.withPodcaster .followList__items li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.6rem;
  letter-spacing: 0.07em;
}
.withPodcaster .followList__items li a strong {
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.6rem;
}
.followList__items li span {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.singleArticlePage .followList__items li span {
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 32px;
}
.tagsSection {
  margin-bottom: 18px;
  overflow-x: auto;
}
.homePage .tagsSection {
  margin-top: -12px;
}
.culturePalette .tagsSection {
  --lightColor: #f6dfde;
  --mediumColor: #edbfbd;
  --regularColor: #dc2833;
  --darkRegularColor: #3b2727;
  --darkMediumColor: #5f4545;
  --darkLightColor: #947372;
}
.lifePalette .tagsSection {
  --lightColor: #f4dac7;
  --mediumColor: #e8b590;
  --regularColor: #c85f2a;
  --darkRegularColor: #47210d;
  --darkMediumColor: #673f27;
  --darkLightColor: #976b4e;
}
.viralPalette .tagsSection {
  --lightColor: #f3e6b6;
  --mediumColor: #ebd586;
  --regularColor: #ce980b;
  --darkRegularColor: #3e2e03;
  --darkMediumColor: #614f1d;
  --darkLightColor: #948144;
}
.cityPalette .tagsSection {
  --lightColor: #e0e8ec;
  --mediumColor: #c2d1d9;
  --regularColor: #5899b5;
  --darkRegularColor: #27353b;
  --darkMediumColor: #46545b;
  --darkLightColor: #74838a;
}
.zodiacPalette .tagsSection {
  --lightColor: #d1e8da;
  --mediumColor: #a4d2b6;
  --regularColor: #0c9876;
  --darkRegularColor: #273b2d;
  --darkMediumColor: #405948;
  --darkLightColor: #658671;
}
.todayPalette .tagsSection {
  --lightColor: #e0e7f5;
  --mediumColor: #b6c1e7;
  --regularColor: #4964c2;
  --darkRegularColor: #262a49;
  --darkMediumColor: #454969;
  --darkLightColor: #737799;
}
.voicePalette .tagsSection {
  --lightColor: #eee0f5;
  --mediumColor: #ddc1ea;
  --regularColor: #824bc8;
  --darkRegularColor: #31273b;
  --darkMediumColor: #53465e;
  --darkLightColor: #877492;
}
.tagsSection__list {
  display: flex;
  align-items: flex-end;
}
.tagsSection__list li {
  margin-right: 24px;
  white-space: nowrap;
}
.tagsSection__list li a {
  font-family: SourceSerifProBold, Georgia, serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  letter-spacing: 0.1em;
  font-feature-settings:
    'pnum' on,
    'lnum' on;
  color: var(--mediumColor);
}
.illustrations {
  display: flex;
  justify-content: center;
  border-top: 2px solid #171717;
  border-bottom: 2px solid #171717;
  padding: 0 0 14px;
  overflow-x: hidden;
}
.illustrations--multiple {
  flex-wrap: wrap;
  border: none;
  padding: 0;
  margin-top: 14px;
}
.illustration {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 16.6666666667%;
}
.illustrations--multiple .illustration {
  margin: 20px 0;
  width: 25%;
}
.illustration--culture {
  --regularColor: #dc2833;
}
.illustration--life {
  --regularColor: #c85f2a;
}
.illustration--viral {
  --regularColor: #ce980b;
}
.illustration--city {
  --regularColor: #5899b5;
}
.illustration--zodiac {
  --regularColor: #0c9876;
}
.illustration--today {
  --regularColor: #4964c2;
}
.illustration--voice {
  --regularColor: #824bc8;
}
.illustration div.illustration__image {
  width: 100%;
  max-width: 220px;
  margin: 0 auto;
  height: auto;
}
.illustration div.illustration__image figure {
  aspect-ratio: 220/164;
}
.illustration div.illustration__image figure img {
  display: block;
  transition: opacity 0.3s ease;
}
.illustration__image {
  height: 164px;
  width: auto;
}
.illustration__image img {
  display: block;
}
.illustration__image path {
  transition: all 0.3s ease;
}
.illustration__title {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.35;
  text-transform: uppercase;
  text-align: center;
  margin-top: 6px;
}
.illustration__date {
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.6rem;
  text-transform: uppercase;
  text-align: center;
}
.illustrationHeader__content {
  width: 150px;
  height: 108px;
  margin-left: 56px;
  position: relative;
}
.illustrationHeader__content--centered {
  margin: 0 auto;
}
.illustrationHeader--main .illustrationHeader__content {
  z-index: 0;
  width: 146px;
  height: 103px;
  margin-left: 96px;
}
.illustrationHeader--mini .illustrationHeader__content {
  width: 146px;
  height: 103px;
  margin: 0;
}
.illustrationHeader__content--small {
  width: 146px;
  height: 103px;
}
.illustrationHeader__link {
  position: absolute;
  z-index: 4;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.illustrationHeader__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 18px;
  overflow: hidden;
  color: #fff;
  height: 100%;
  position: relative;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 2rem;
}
.illustrationHeader--main .illustrationHeader__title {
  color: var(--darkRegularColor);
  border: none;
  margin: 0;
}
.illustrationHeader__title span {
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 1.4666666667rem;
  line-height: 1.6rem;
}
.illustrationHeader__content--small .illustrationHeader__title {
  padding-top: 18px;
  justify-content: center;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.7333333333rem;
  line-height: 2rem;
}
.illustrationHeader__content--small .illustrationHeader__title span {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1rem;
  position: relative;
  top: -2px;
}
.illustrationHeader__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.illustrationHeader__bg img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
}
.illustrationHeader__image {
  position: absolute;
  left: 40px;
  bottom: -17px;
  width: 90px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.illustrationHeader--main .illustrationHeader__image {
  left: 44px;
  bottom: 0;
  width: 114px;
}
.illustrationHeader--mini .illustrationHeader__image {
  left: 24px;
  bottom: -12px;
  width: 96px;
}
.illustrationHeader__image img {
  display: block;
  width: 100%;
  height: auto;
}
.illustrationsMenu {
  --illustrationsMenuSpace: 48px;
  display: flex;
  gap: var(--illustrationsMenuSpace);
}
.isApp .illustrationsMenu {
  display: none;
}
.illustrationsMenu__item {
  flex: 1;
}
.illustrationsMenu__link {
  display: flex;
  align-items: center;
  color: #171717;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
  text-transform: uppercase;
  position: relative;
}
.illustrationsMenu__item.current .illustrationsMenu__link {
  color: var(--regularColor);
}
.illustrationsMenu__link:before {
  content: none;
  width: 80px;
  height: 80px;
  position: absolute;
  z-index: 0;
  left: 18px;
  top: 22px;
  background-color: #fff;
  border-radius: 100%;
}
.illustrationsMenu--withCircle
  .illustrationsMenu__item.current
  .illustrationsMenu__link:before {
  content: '';
}
.illustrationsMenu__image {
  width: 120px;
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
}
.illustrationsMenu__image path {
  fill: #404040;
  transition: all 0.3s ease;
}
.illustrationsMenu__item.current .illustrationsMenu__image path {
  fill: var(--regularColor);
}
.news {
  display: flex;
  position: relative;
}
.culturePalette .news {
  --lightColor: #f6dfde;
  --mediumColor: #edbfbd;
  --regularColor: #dc2833;
  --darkRegularColor: #3b2727;
  --darkMediumColor: #5f4545;
  --darkLightColor: #947372;
}
.lifePalette .news {
  --lightColor: #f4dac7;
  --mediumColor: #e8b590;
  --regularColor: #c85f2a;
  --darkRegularColor: #47210d;
  --darkMediumColor: #673f27;
  --darkLightColor: #976b4e;
}
.viralPalette .news {
  --lightColor: #f3e6b6;
  --mediumColor: #ebd586;
  --regularColor: #ce980b;
  --darkRegularColor: #3e2e03;
  --darkMediumColor: #614f1d;
  --darkLightColor: #948144;
}
.cityPalette .news {
  --lightColor: #e0e8ec;
  --mediumColor: #c2d1d9;
  --regularColor: #5899b5;
  --darkRegularColor: #27353b;
  --darkMediumColor: #46545b;
  --darkLightColor: #74838a;
}
.zodiacPalette .news {
  --lightColor: #d1e8da;
  --mediumColor: #a4d2b6;
  --regularColor: #0c9876;
  --darkRegularColor: #273b2d;
  --darkMediumColor: #405948;
  --darkLightColor: #658671;
}
.todayPalette .news {
  --lightColor: #e0e7f5;
  --mediumColor: #b6c1e7;
  --regularColor: #4964c2;
  --darkRegularColor: #262a49;
  --darkMediumColor: #454969;
  --darkLightColor: #737799;
}
.voicePalette .news {
  --lightColor: #eee0f5;
  --mediumColor: #ddc1ea;
  --regularColor: #824bc8;
  --darkRegularColor: #31273b;
  --darkMediumColor: #53465e;
  --darkLightColor: #877492;
}
.lookMagPalette .news {
  --regularColor: #171717;
  --mediumColor: #171717;
}
.news__list {
  display: flex;
}
.news .article:not(:last-child) {
  margin-right: 23px;
}
.news__title {
  color: var(--regularColor);
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2.1333333333rem;
  width: 56px;
  position: absolute;
  height: 64px;
  border-top: 2px solid var(--regularColor);
  display: flex;
  align-items: center;
  justify-content: space-between;
  letter-spacing: 0;
  left: 0;
  top: 50%;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: rotate(-90deg) translate(-50%, -100%);
  transform: rotate(-90deg) translate(-50%, -100%);
}
.withSkin .news__title {
  border-color: transparent;
}
.news__title:before {
  content: '';
  width: 8px;
  height: 8px;
  background-color: var(--regularColor);
  flex: 0 0 auto;
  margin-right: 6px;
  border-radius: 90px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
.newsletter-popup .popup__close {
  font-size: 51px;
}
.newsletter-popup .popup__content {
  background-color: #dc2833;
  padding: 47px 58px 52px;
}
.newsletter-popup .formContainer--default {
  all: unset;
}
.newsletter-popup .form__heading,
.newsletter-popup .form__title {
  color: #fff;
  text-align: center;
}
.newsletter-popup .form__heading {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 3.3333333333rem;
  margin: 0;
  line-height: 1.1;
}
.newsletter-popup .form__title {
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 2.2666666667rem;
  line-height: 1.17;
  margin: 22px 0;
  letter-spacing: -0.01em;
}
.newsletter-popup .form__logo {
  margin-block: 16px 28px;
  text-align: center;
}
.newsletter-popup .form__icon {
  color: #000;
  margin: 12px 0 20px;
  text-align: center;
  font-size: 4.2rem;
}
.newsletter-popup .formGroup--withButton {
  flex-direction: column;
  margin-bottom: 20px;
  gap: 9px;
}
.newsletter-popup .formGroup--absolute {
  margin: 0;
}
.newsletter-popup .formGroup__field {
  background-color: #fff;
  height: 56px;
  font-size: 1.3333333333rem;
}
.newsletter-popup .formGroup__button {
  background-color: #171717;
  width: 100%;
  height: 56px;
}
.newsletter-popup .checkbox-container label {
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-style: normal;
  font-size: 1rem;
  letter-spacing: 0.3px;
  color: #f2f2f2;
}
.newsletter-popup .checkbox-container label:after {
  border-color: inherit;
}
.newsletter-popup .checkbox-container label a {
  color: inherit;
}
.formGroup__errors_newsletterpopup .formGroup__error {
  position: relative;
  margin: 0;
  top: auto;
}
.newsletterSnippet {
  background-color: #fff;
  color: #dc2833;
  border-top: solid 2px #000;
  border-bottom: solid 2px #000;
  margin: 32px 0;
  width: 100%;
}
.articleSingle__endLinks + .newsletterSnippet {
  margin-top: 0;
}
.newsletterSnippet .formWrapper {
  padding: 0;
}
.newsletterSnippet .statusBox {
  text-align: center;
}
.newsletterSnippet .statusBox p:first-of-type:first-letter {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 2.2666666667rem;
  line-height: 1.11;
  padding-bottom: 0;
  padding-right: 0;
  float: none;
}
.newsletterSnippet .statusBox__title {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 2rem;
  line-height: 1.11;
  margin: 0;
  color: inherit;
}
.newsletterSnippet .statusBox__text {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1.3333333333rem;
  color: #000;
  margin: 4px 0;
}
.newsletterSnippet .form__subtitle {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1.3333333333rem;
  color: #000;
  margin: 4px 0;
}
.newsletterSnippet__row {
  position: relative;
  margin: 0 0 8px;
  text-align: center;
}
.newsletterSnippet__row .form__icon {
  position: absolute;
  top: 0;
}
.newsletterSnippet .form__title {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 2rem;
  line-height: 1.11;
  margin: 0;
  color: inherit;
}
.newsletterSnippet .form__title:first-of-type:first-letter {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 2.2666666667rem;
  line-height: 1.11;
  padding-bottom: 0;
  padding-right: 0;
  float: none;
}
.newsletterSnippet .formGroup {
  margin-bottom: 16px;
  margin-inline: auto;
  width: min(519px, 100%);
}
.newsletterSnippet .formGroup__field {
  background-color: #f2f2f2;
}
.newsletterSnippet .formGroup--withButton {
  gap: 8px;
  padding-top: 25px;
  position: relative;
}
.newsletterSnippet .formGroup--withButton label {
  position: absolute;
  top: 0;
  left: 0;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 1rem;
  font-style: normal;
  letter-spacing: 1.35px;
  line-height: 1.13;
  margin: 0;
  color: #fff;
}
.newsletterSnippet .formGroup--absolute {
  margin-bottom: 0;
}
.newsletterSnippet .formGroup__error {
  position: static;
  -webkit-transform: none;
  transform: none;
  color: #000;
  display: block;
}
.newsletterSnippet .formContainer--default {
  background: 0 0;
  padding: 0;
  margin: 0;
}
.newsletterSnippet .checkbox-container label {
  --darkRegularColor: #000;
  font-size: 1rem;
  font-style: normal;
}
.newsletterSnippet .checkbox-container a {
  color: inherit;
}
.notification {
  display: flex;
  background-color: var(--lightColor);
  color: var(--regularColor);
  width: 100%;
  margin-bottom: 40px;
  align-items: center;
  padding: 28px 32px;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.3333333333rem;
  line-height: 1.6rem;
  letter-spacing: -0.01em;
}
.textPage .notification {
  --lightColor: #f6dfde;
  --regularColor: #dc2833;
}
.notification i {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 64px;
  line-height: 64px;
  margin-right: 32px;
  flex: 0 0 auto;
}
.pagination-container {
  width: 100%;
  margin: 62px 0;
}
.lookLayout .pagination-container {
  margin-bottom: 0;
}
.type2 .pagination-container {
  order: 2;
}
.pagination-container.leftAligned {
  margin: 40px 0 0;
  order: 3;
}
.pagination-container.leftAligned ul {
  justify-content: flex-start;
}
.pagination-container ul {
  align-items: center;
  display: flex;
  list-style: none;
  margin: 0;
  justify-content: center;
  padding: 0;
}
.pagination-container li {
  line-height: 1;
  margin: 0 3px;
}
.pagination-container li .icon {
  display: inline-block;
  vertical-align: top;
}
.pagination-container li.active .page {
  color: #fff;
  background-color: #171717;
}
.lookLayout .pagination-container li.active .page {
  background-color: #000;
}
.categorySection--darkWithBg .pagination-container li.active .page {
  color: #171717;
  background-color: var(--mediumColor);
}
.podcast .pagination-container li.active .page {
  color: #171717;
  background-color: #fff;
}
.pagination-container li.page-arrow .page {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}
.pagination-container li.PagedList-skipToFirst,
.pagination-container li.PagedList-skipToLast,
.pagination-container li.disabled {
  display: none;
}
.pagination-container li.PagedList-ellipses .page,
.pagination-container li.PagedList-ellipses a,
.pagination-container li.page-ellipsis .page,
.pagination-container li.page-ellipsis a {
  font-size: 1.0666666667rem;
  line-height: 1.3333333333rem;
  letter-spacing: 0.1em;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #171717;
}
.lookLayout .pagination-container li.PagedList-ellipses .page,
.lookLayout .pagination-container li.PagedList-ellipses a,
.lookLayout .pagination-container li.page-ellipsis .page,
.lookLayout .pagination-container li.page-ellipsis a {
  color: #000;
}
.categorySection--darkWithBg .pagination-container li.PagedList-ellipses .page,
.categorySection--darkWithBg .pagination-container li.PagedList-ellipses a,
.categorySection--darkWithBg .pagination-container li.page-ellipsis .page,
.categorySection--darkWithBg .pagination-container li.page-ellipsis a {
  color: var(--mediumColor);
}
.podcast .pagination-container li.PagedList-ellipses .page,
.podcast .pagination-container li.PagedList-ellipses a,
.podcast .pagination-container li.page-ellipsis .page,
.podcast .pagination-container li.page-ellipsis a {
  color: #fff;
}
.pagination-container .page {
  color: #171717;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.1333333333rem;
  line-height: 1.6rem;
  transition: all 0.3s ease-out;
  width: 40px;
  height: 40px;
  letter-spacing: 0.07em;
  background-color: transparent;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  border-radius: 100%;
}
.lookLayout .pagination-container .page {
  color: #000;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
}
.categorySection--darkWithBg .pagination-container .page {
  color: var(--mediumColor);
}
.pagination-container .page.actPage {
  color: #171717;
}
.lookLayout .pagination-container .page.actPage {
  color: #000;
}
.podcast .pagination-container .page {
  color: #fff;
}
.pagination-container .page span {
  display: flex;
  align-items: center;
}
.audioPlayerBar {
  --playerWidth: 440px;
  position: fixed;
  z-index: 12;
  left: 50%;
  bottom: 24px;
  width: 100%;
  max-width: var(--playerWidth);
  background-color: #171717;
  padding: 14px 14px 12px;
  display: flex;
  flex-direction: column;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 8px;
}
.audioPlayerBar__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.audioPlayerBar button:not(.disabled) {
  background-color: transparent;
  width: 24px;
  height: 24px;
  font-size: 1.6rem;
  min-width: 0;
  min-height: 0;
  padding: 0;
}
.audioPlayerBar button:not(.disabled).controls__step {
  width: 32px;
  height: 32px;
  font-size: 2.1333333333rem;
}
.audioPlayerBar button:not(.disabled).controls__play {
  width: 36px;
  height: 36px;
  font-size: 1.0666666667rem;
  color: #171717;
  background-color: #fff;
  border-radius: 50%;
  padding-left: 2px;
}
.audioPlayerBar button:not(.disabled).controls__play.paused {
  font-size: 1.6rem;
}
.audioPlayerBar button:not(.disabled).controls__play.paused:before {
  content: '\e040';
}
.controls {
  display: flex;
  align-items: center;
  gap: 64px;
}
.volume {
  height: 32px;
  width: 24px;
  padding: 4px 0;
  position: relative;
}
.volume__slider {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  width: 24px;
  height: 0;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  transition: all 0.3s ease;
  overflow: hidden;
}
.volume__sliderInner {
  background-color: #404040;
  border-radius: 90px;
  padding: 10px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.volume__sliderBar {
  position: absolute;
  width: 4px;
  height: calc(100% - 20px);
  background-color: #cfcfcf;
  left: 50%;
  top: 50%;
  cursor: pointer;
  border-radius: 90px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
}
.volume__sliderProgress {
  position: absolute;
  width: 100%;
  height: 0;
  background-color: #dc2833;
  left: 0;
  bottom: 0;
  cursor: pointer;
  border-radius: 90px;
}
.volume__button.muted:before {
  content: '\e039';
}
.timeline {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
}
.timeline__bar {
  position: relative;
  height: 2px;
  background-color: grey;
  border-radius: 90px;
  cursor: pointer;
}
.timeline__barProgress {
  position: absolute;
  cursor: pointer;
  width: 0;
  height: 100%;
  background-color: #fff;
  left: 0;
  top: 0;
  border-radius: 90px;
}
.timeline__barProgress:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition:
    transform 0.3s ease,
    -webkit-transform 0.3s ease;
}
.timeline__text {
  margin-top: 6px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.time {
  color: #fff;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 0.8rem;
  line-height: 1.3333333333;
  letter-spacing: 0;
}
.time--total {
  color: #cfcfcf;
}
.popup {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 300;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 120px 0 30px;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: rgba(23, 23, 23, 0.6);
}
.popup.open {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.popup.full {
  height: 100vh;
  width: 100%;
  padding: 0;
  background-color: #fbfbf8;
}
.popup.large {
  height: 100vh;
  width: 100%;
  padding: 0;
  background-color: rgba(39, 53, 59, 0.6);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background-blend-mode: multiply;
}
.popup__content {
  position: relative;
  width: 100%;
  max-width: 952px;
  align-self: flex-start;
}
.popup--banner .popup__content {
  width: auto;
  align-self: center;
}
.popup.full .popup__content {
  max-width: 100%;
  height: 100%;
}
.popup.large .popup__content {
  max-width: 1568px;
  margin: auto;
}
.popup.small .popup__content {
  max-width: 600px;
}
.popup__inner {
  width: 100%;
  height: 100%;
}
.popup__close {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #171717;
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 2;
}
.popup--banner .popup__close {
  right: 0;
  top: -8px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  background-color: #000;
  color: #fff;
  width: 40px;
  height: 40px;
}
.popup--banner .popup__close span {
  line-height: 1;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup.full .popup__close {
  top: 82px;
  right: 64px;
}
.popup.large .popup__close {
  right: 80px;
  top: 80px;
  color: #fff;
}
.podcaster {
  margin: 56px 0 0;
  display: flex;
  align-items: flex-start;
}
.podcaster h2 {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 2.1333333333rem;
  line-height: 2.5333333333rem;
  margin: 0 0 12px;
  padding: 0;
}
.podcaster p {
  margin: 0 0 26px;
  font-size: 1.2rem;
  line-height: 1.7333333333rem;
}
.podcaster__image {
  width: 208px;
  flex: 0 0 auto;
  margin-left: 56px;
}
.podcaster__image figure {
  padding-top: calc(192 / 192 * 100%);
  position: relative;
  width: 100%;
}
.podcaster__image figure picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.podcaster__image figure img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.podcaster__image figure picture {
  padding: 16px 0 0 16px;
}
.podcaster__image figure picture:before {
  content: '';
  display: block;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  background-color: var(--regularColor);
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
}
.podcaster__image figure picture img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  display: block;
  border-radius: 100%;
}
.podcastItem {
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 0;
  width: 100%;
  max-width: 300px;
}
.podcastItem__image {
  max-width: 296px;
  position: relative;
}
.podcastItem__image figure {
  padding-top: calc(272 / 272 * 100%);
  position: relative;
  width: 100%;
}
.podcastItem__image figure picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.podcastItem__image figure img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.podcastItem__image figure:before {
  content: '\e042';
}
.podcastItem__image figure:before {
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 1;
  color: #fff;
  position: absolute;
  left: calc(50% + 12px);
  bottom: 12px;
  z-index: 4;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.podcastItem__image figure picture {
  padding: 24px 0 0 24px;
}
.podcastItem__image figure picture:before {
  content: '';
  display: block;
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  background-color: var(--regularColor);
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
}
.podcastItem__image figure picture:after {
  content: '';
  background-image: linear-gradient(
    360deg,
    rgba(0, 0, 0, 0.5) 0,
    rgba(0, 0, 0, 0) 100%
  );
  background-repeat: no-repeat;
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 2;
  border-radius: 100%;
}
.podcastItem__image figure img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  position: relative;
  z-index: 2;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  display: block;
  border-radius: 100%;
}
.podcastItem__author {
  max-width: 160px;
  width: 100%;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.1111111111;
  letter-spacing: -0.01em;
  color: #fff;
  position: absolute;
  left: calc(50% + 12px);
  bottom: 54px;
  z-index: 4;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.podcastItem__content {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  height: 100%;
}
.podcastItem__content p {
  margin: 12px 0 24px;
  font-size: 1.2rem;
  line-height: 1.4444444444;
  letter-spacing: -0.01em;
  color: #e5e5e5;
  padding-right: 24px;
}
.podcastItem__title {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.7333333333rem;
  line-height: 1.1538461538;
  letter-spacing: -0.01em;
  color: #fff;
}
.podcastItem__title:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.podcastItem .link {
  margin: auto 0 0;
  position: relative;
  z-index: 3;
}
.polls h3 {
  padding: 0;
  margin: 0 0 16px;
  border: none;
  font-size: 2.2666666667rem;
  line-height: 1.1176470588;
  letter-spacing: 0;
  max-width: 936px;
}
.polls__subtitle {
  font-family: SourceSerifProRegular, Georgia, serif;
  font-size: 1.2rem;
  line-height: 1.4444444444;
  letter-spacing: -0.01em;
  max-width: 740px;
}
.polls__grid {
  margin: 40px 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px 64px;
  max-width: 984px;
}
.polls .buttonWrapper {
  text-align: center;
}
.polls .buttonWrapper .button {
  background-color: #171717;
  font-family: SourceSerifProBlack, Georgia, serif;
  font-size: 0.9333333333rem;
  line-height: 1.1428571429;
}
.polls .banner {
  margin: 56px auto 0;
}
.poll {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  min-width: 0;
  width: 100%;
}
.poll--percentage {
  cursor: auto;
}
.poll--percentage .poll__image:before {
  content: none;
}
.poll__image {
  width: 100%;
  max-width: 236px;
  margin: 0 0 24px;
  padding: 16px 0 0 16px;
  position: relative;
}
.poll__image:before {
  content: '\e061';
}
.poll--selected .poll__image:before {
  content: '\e061';
}
.poll--selected .poll__image:before {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  background-color: #0c9876;
}
.poll--selected .poll__image:after {
  opacity: 1;
}
.poll__image:before {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #171717;
  color: #fff;
  width: 64px;
  height: 64px;
  overflow: hidden;
  font-size: 42px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  border-radius: 100%;
  transition: all 0.3s ease;
}
.poll__image:after {
  content: '';
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  position: absolute;
  left: 0;
  top: 0;
  background-color: #e5e5e5;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 100%;
}
.poll__image figure {
  padding-top: calc(270 / 270 * 100%);
  position: relative;
  width: 100%;
}
.poll__image figure picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.poll__image figure img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.poll__image figure img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  border-radius: 100%;
}
.poll__percent {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #171717;
  color: #fff;
  width: 64px;
  height: 64px;
  overflow: hidden;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.4666666667rem;
  line-height: 1;
  letter-spacing: -0.01em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  border-radius: 100%;
}
.poll--popular .poll__percent {
  background-color: #dc2833;
  color: #fff;
}
.poll__content {
  position: relative;
  padding: 0 8px;
  height: 100%;
}
.poll__title {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.7333333333rem;
  line-height: 1.2307692308;
  letter-spacing: -0.01em;
  transition: all 0.3s ease;
}
.poll p {
  margin-top: 12px;
  margin-bottom: 0;
  font-family: SourceSerifProRegular, Georgia, serif;
  font-size: 1.0666666667rem;
  line-height: 1.375;
  letter-spacing: -0.01em;
  transition: all 0.3s ease;
}
.progressbar {
  display: flex;
  margin: 12px -12px 8px;
  flex-wrap: wrap;
}
.progressbar__item {
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 8px 16px;
  overflow: hidden;
  flex: 0 0 auto;
  background-color: #e5e5e5;
  color: #171717;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.3333333333rem;
  line-height: 1.4666666667rem;
  letter-spacing: -0.01em;
  border-radius: 100%;
}
.progressbar__item:not(.progressbar__item--complete):not(
    .progressbar__item--active
  ) {
  cursor: pointer;
}
.progressbar__item--active {
  background-color: #171717;
  color: #fff;
}
.progressbar__item--complete {
  background-color: #cfcfcf;
  color: grey;
}
.quiz__content {
  position: relative;
  overflow: hidden;
}
.quiz__image {
  position: relative;
  z-index: 0;
}
.quiz__image figure {
  padding-top: calc(600 / 1074 * 100%);
  position: relative;
  width: 100%;
}
.quiz__image figure picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.quiz__image figure img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.quiz__inner {
  position: relative;
  z-index: 2;
  width: calc(100% - 128px);
  max-width: 830px;
  margin: -88px auto 0;
  background-color: #fbfbf8;
  display: flex;
  flex-direction: column;
  padding: 0 16px;
}
.quiz__inner .buttonWrapper {
  padding: 16px 0 0;
  margin: 0 auto;
  max-width: 586px;
  width: 100%;
  text-align: center;
}
.quiz__inner .buttonWrapper .button {
  background-color: #171717;
  font-family: SourceSerifProBlack, Georgia, serif;
  font-size: 0.9333333333rem;
  line-height: 1.1428571429;
}
.quiz__message {
  max-width: 586px;
  margin: 0 auto 24px;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 1.3333333333rem;
  line-height: 1.45;
  letter-spacing: -0.01em;
  overflow: hidden;
}
.quiz__message p {
  margin: 0 0 24px;
}
.quiz__message p:last-child {
  margin-bottom: 0;
}
.quiz__message a {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  text-decoration: underline;
  display: inline-block;
}
.quiz__message ol,
.quiz__message ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 24px;
}
.quiz__message ol li:before,
.quiz__message ul li:before {
  display: none;
}
.quiz__message ol:last-child,
.quiz__message ul:last-child {
  margin-bottom: 0;
}
.quiz__message ol li,
.quiz__message ul li {
  position: relative;
  margin-bottom: 8px;
  padding-left: 36px;
}
.quiz__message ol li:before,
.quiz__message ul li:before {
  content: '\e02e';
}
.quiz__message ol li:before,
.quiz__message ul li:before {
  display: block;
  position: absolute;
  left: -18px;
  font-size: 14px;
  top: 5px;
}
.quiz__message ol li:last-child,
.quiz__message ul li:last-child {
  margin-bottom: 0;
}
.quiz__question {
  padding: 28px 0;
  width: 100%;
  max-width: 586px;
  margin: 0 auto;
  text-align: center;
  letter-spacing: -0.01em;
  position: relative;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.8666666667rem;
  line-height: 1.1428571429;
  border-bottom: 2px solid #000;
}
.quiz__questionBottom {
  text-align: center;
  margin: 24px auto 0;
  width: calc(100% + 96px);
  left: -48px;
  position: relative;
  font-family: SourceSerifProRegular, Georgia, serif;
  font-size: 1.2rem;
  line-height: 1.4444444444;
  letter-spacing: -0.01em;
}
.quiz__questionBottom p {
  margin: 0 0 24px;
}
.quiz__questionBottom p:last-child {
  margin-bottom: 0;
}
.quiz__options {
  display: flex;
  flex-direction: column;
  margin: 16px 0;
}
.quiz__option {
  margin-bottom: 16px;
}
.quiz__option:last-child {
  margin-bottom: 0;
}
.quiz__option--percentage {
  cursor: default;
  pointer-events: none;
}
.quiz__optionInput {
  display: none;
}
.quiz__optionInput:checked + .quiz__optionLabel .quiz__optionText {
  color: #171717;
}
.quiz__optionInput:checked + .quiz__optionLabel .quiz__optionText:before {
  background-color: #f2f2f2;
}
.quiz__optionInput:checked
  + .quiz__optionLabel
  .quiz__optionSelection:not(.quiz__optionSelection--false):not(
    .quiz__optionSelection--correct
  ) {
  background-color: #ecece9;
}
.quiz__option--popular
  .quiz__optionInput:checked
  + .quiz__optionLabel
  .quiz__optionSelection:not(.quiz__optionSelection--false):not(
    .quiz__optionSelection--correct
  ) {
  background-color: #000;
}
.quiz__optionInput:disabled + .quiz__optionLabel {
  pointer-events: none;
  cursor: default;
}
.quiz__optionLabel {
  display: flex;
  align-items: center;
  cursor: pointer;
  flex-direction: row-reverse;
}
.quiz__optionText {
  padding: 16px 24px;
  margin-left: 34px;
  letter-spacing: -0.01em;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.4666666667rem;
  color: #171717;
  line-height: 1.1818181818;
  position: relative;
  width: 100%;
  transition: all 0.3s ease;
}
.quiz__optionText:before {
  content: '';
  background-color: transparent;
  width: 100%;
  height: calc(100% + 4px);
  position: absolute;
  left: 0;
  top: 50%;
  z-index: -1;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
.quiz__optionSelection {
  margin-left: auto;
  width: 56px;
  height: 56px;
  flex: 0 0 auto;
  background-color: #ecece9;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  letter-spacing: -0.01em;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.3333333333rem;
  line-height: 1.1;
  border-radius: 100%;
  transition: all 0.3s ease;
}
.quiz__option--popular .quiz__optionSelection {
  background-color: #000;
}
.quiz__optionSelection--correct {
  background-color: #0c9876;
}
.quiz__optionSelection--correct:before {
  content: '\e061';
}
.quiz__optionSelection--false {
  background-color: #dc2833;
}
.quiz__optionSelection--false:before {
  content: '\e017';
}
.quiz__optionSelection:before {
  font-size: 32px;
  line-height: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.quiz__optionSelection strong {
  font-weight: 400;
  position: absolute;
  left: -24px;
  top: 50%;
  color: #000;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.3333333333rem;
  line-height: 1.1;
  letter-spacing: -0.01em;
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}
.quiz__results {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px 0;
}
.quiz__results span {
  width: 64px;
  height: 64px;
  background-color: #171717;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  letter-spacing: -0.01em;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.4666666667rem;
  line-height: 1.1818181818;
  border-radius: 100%;
}
.quiz .banner {
  margin: 56px auto 0;
}
.search {
  --searchWidth: 538px;
  margin-right: 24px;
  font-size: 1.7333333333rem;
  line-height: 1.7333333333rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: var(--mediumColor);
  position: relative;
  z-index: 2;
  transition: all 0.3s ease;
}
.transparent:not(.podcast) .sticky .search {
  color: #171717;
}
.search__icon {
  width: 24px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search .searchForm {
  left: 0;
  margin: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 2;
  width: 0;
  height: 36px;
  transition: all 0.3s ease;
}
.search .searchForm:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--darkMediumColor);
  z-index: 0;
}
.lookMagPalette .search .searchForm:before {
  --darkMediumColor: #000;
}
.sticky .search .searchForm:before {
  opacity: 1;
}
.lookLayout .sticky .search .searchForm:before,
.lookMagPalette .sticky .search .searchForm:before {
  background-color: #000;
}
.search.active .searchForm {
  width: var(--searchWidth);
}
.search__results {
  --searchResultsSpace: 40px;
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #fff;
  padding: 16px;
  transition: opacity 0.2s ease-out;
  width: calc(var(--searchWidth) - var(--searchResultsSpace));
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
}
.search__results:not(.show) {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.lookLayout .search__results {
  --searchResultsSpace: 0px;
}
.search__resultsContent {
  padding-right: 12px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 544px;
  scrollbar-width: thin;
  scrollbar-color: #cfcfcf transparent;
}
.search__resultsContent .article {
  width: 100%;
  border: none;
  margin: 0;
  padding: 16px;
  background-color: transparent;
  margin-bottom: 8px;
  transition: all 0.3s ease;
}
.search__resultsContent .article:last-child {
  margin-bottom: 0;
}
.search__resultsContent .article__category {
  margin-top: 0;
  margin-bottom: 4px;
}
.lookLayout .search__resultsContent .article__category {
  margin: 0;
  align-self: flex-start;
}
.lookLayout .search__resultsContent .article__info {
  margin: 8px 0;
}
.search__resultsContent .article__info:after {
  content: '';
}
.search__resultsContent .article__info span {
  color: grey;
}
.search__resultsContent .article__content {
  padding: 0;
}
.search__resultsContent .article__title {
  color: #171717 !important;
}
.search__results ::-webkit-scrollbar {
  width: 3px;
  height: 24px;
}
.search__results ::-webkit-scrollbar-track {
  display: none;
}
.search__results ::-webkit-scrollbar-thumb {
  background-color: #cfcfcf;
}
.search .search-results-size span {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.3333333333rem;
  line-height: 1.6rem;
  letter-spacing: -0.01em;
  color: grey;
}
.spinner {
  margin: 6px auto;
  width: auto;
  height: 20px;
  text-align: center;
  font-size: 10px;
  cursor: default;
}
.spinner > div {
  background-color: #b3b3b3;
  height: 100%;
  width: 5px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner > div.rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner > div.rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.spinner > div.rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner > div.rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
  0%,
  100%,
  40% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%,
  100%,
  40% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.searchFormGroup {
  display: flex;
  height: 100%;
  position: relative;
  z-index: 1;
}
.searchFormGroup__field {
  height: 36px;
  background-color: transparent;
  outline: 0;
  border: none;
  color: var(--mediumColor);
  width: 100%;
  padding: 0 28px 2px 14px;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.2rem;
  box-shadow: none;
  border-radius: 0;
}
.lookLayout .searchFormGroup__field,
.lookMagPalette .searchFormGroup__field {
  color: #fff;
}
.searchFormGroup__field::-webkit-input-placeholder {
  color: var(--darkLightColor);
  height: 36px;
  opacity: 1;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 2.4rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.lookLayout .searchFormGroup__field::-webkit-input-placeholder {
  color: #fff;
}
.searchFormGroup__field:-moz-placeholder {
  color: var(--darkLightColor);
  height: 36px;
  opacity: 1;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 2.4rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.lookLayout .searchFormGroup__field:-moz-placeholder {
  color: #fff;
}
.searchFormGroup__field::-moz-placeholder {
  color: var(--darkLightColor);
  height: 36px;
  opacity: 1;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 2.4rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.lookLayout .searchFormGroup__field::-moz-placeholder {
  color: #fff;
}
.lookLayout .sticky .searchFormGroup__field::-webkit-input-placeholder,
.lookLayout .textPage .searchFormGroup__field::-webkit-input-placeholder {
  color: #fff;
}
.lookLayout .sticky .searchFormGroup__field:-moz-placeholder,
.lookLayout .textPage .searchFormGroup__field:-moz-placeholder {
  color: #fff;
}
.lookLayout .sticky .searchFormGroup__field::-moz-placeholder,
.lookLayout .textPage .searchFormGroup__field::-moz-placeholder {
  color: #fff;
}
.lookLayout .sticky .searchFormGroup__field,
.lookLayout .textPage .searchFormGroup__field {
  color: #fff;
}
.searchFormGroup__close {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.0666666667rem;
  line-height: 1.0666666667rem;
  color: var(--mediumColor);
  position: absolute;
  right: 46px;
  top: 50%;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
.lookMagPalette .searchFormGroup__close {
  --mediumColor: #fff;
}
.searchFormGroup__close.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
button.searchFormGroup__button {
  min-width: 36px;
  min-height: 36px;
  font-size: 1.0666666667rem;
  line-height: 1.0666666667rem;
  background-color: var(--regularColor);
  color: #fff;
}
.lookLayout .sticky button.searchFormGroup__button {
  background-color: #000 !important;
}
.searchField {
  max-width: 244px;
  margin-bottom: 40px;
}
.filterGroup .searchField {
  max-width: 100%;
  padding-right: 24px;
}
.searchField--withMargin {
  margin-top: 26px;
}
.searchFieldGroup {
  position: relative;
}
.searchFieldGroup__field {
  height: 34px;
  background-color: transparent;
  outline: 0;
  border: none;
  color: #171717;
  width: 100%;
  padding: 0 28px 8px 8px;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.3333333333rem;
  letter-spacing: 0;
  border-bottom: 2px solid #171717;
  box-shadow: none;
  border-radius: 0;
}
.categorySectionFilters .searchFieldGroup__field {
  padding-left: 0;
  min-width: 280px;
}
.pageWithTopFilters .searchFieldGroup__field {
  min-width: 240px;
}
.searchFieldGroup__field::-webkit-input-placeholder {
  color: #cfcfcf;
  opacity: 1;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.8666666667rem;
  letter-spacing: 0;
}
.categorySection--darkWithBg
  .searchFieldGroup__field::-webkit-input-placeholder {
  color: var(--darkMediumColor);
}
.searchFieldGroup__field:-moz-placeholder {
  color: #cfcfcf;
  opacity: 1;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.8666666667rem;
  letter-spacing: 0;
}
.categorySection--darkWithBg .searchFieldGroup__field:-moz-placeholder {
  color: var(--darkMediumColor);
}
.searchFieldGroup__field::-moz-placeholder {
  color: #cfcfcf;
  opacity: 1;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.8666666667rem;
  letter-spacing: 0;
}
.categorySection--darkWithBg .searchFieldGroup__field::-moz-placeholder {
  color: var(--darkMediumColor);
}
.categorySection--darkWithBg .searchFieldGroup__field {
  color: var(--lightColor);
  border-color: var(--lightColor);
}
.searchFieldGroup__button {
  min-width: 24px !important;
  min-height: 24px !important;
  font-size: 1.6rem !important;
  line-height: 1.6rem !important;
  background-color: transparent !important;
  color: #171717 !important;
  position: absolute;
  right: 0;
  top: 50%;
  padding: 0 !important;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.categorySection--darkWithBg .searchFieldGroup__button {
  color: var(--lightColor) !important;
}
.searchBox {
  max-width: 976px;
  margin: 56px 0 0;
}
.searchBox .searchField {
  margin-bottom: 32px;
  max-width: 100%;
}
.searchBox .articles {
  padding: 0;
}
.searchResults {
  min-height: 400px;
}
.searchResults .banner {
  margin: auto auto 0;
}
.header__logo,
.primaryNav,
.search__icon {
  transition: opacity 0.2s ease-out 0.3s;
}
.openSearch .header__logo,
.openSearch .primaryNav,
.openSearch .search__icon {
  opacity: 0;
  pointer-events: none;
  transition: opacity 10ms ease;
}
.lookSubscribe {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  border-bottom: 4px solid #000;
  padding-bottom: 56px;
}
.lookSubscribe--withMargin {
  margin: 80px 0 32px;
}
.lookSubscribe__header {
  margin-bottom: 56px;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
.lookSubscribe__header:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 4px;
  background-color: #000;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.lookSubscribe__headerContent {
  padding: 0 24px;
  background-color: #f4f4f4;
  display: flex;
  align-items: center;
  position: relative;
}
.lookSubscribe--withMargin .lookSubscribe__headerContent {
  background-color: #fbfbf8;
}
.lookSubscribe__headerContent span {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 3.0666666667rem;
  line-height: 1;
}
.lookSubscribe__headerImage {
  width: 320px;
  margin-right: 48px;
}
.lookSubscribe--withMargin .lookSubscribe__headerImage {
  margin: 0;
}
.lookSubscribe__headerImage figure {
  padding-top: calc(76 / 319 * 100%);
  position: relative;
  width: 100%;
}
.lookSubscribe__headerImage figure picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.lookSubscribe__headerImage figure img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.euBox {
  height: 320px;
  max-width: 1398px;
  position: relative;
  background: url(/content/media/images/europe/background.jpg?k=web-54f87c677d)
    no-repeat left center/cover;
}
.euBox__title {
  padding: 0 24px;
  position: absolute;
  border: none;
  margin: 0;
  color: #fff;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 2.9333333333rem;
  line-height: 1;
  letter-spacing: 0.09em;
}
.sharethis-inline-share-buttons {
  display: flex !important;
  flex-direction: column;
  margin-bottom: 24px;
  z-index: 2 !important;
}
.sharethis-inline-share-buttons .st-btn {
  padding: 0 !important;
  margin: 0 0 8px;
  width: 32px;
  height: 32px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border: 2px solid #171717 !important;
  border-radius: 100% !important;
  transition: all 0.3s ease !important;
}
.sharethis-inline-share-buttons .st-btn:last-child {
  margin-bottom: 0;
}
.sharethis-inline-share-buttons .st-btn img {
  width: 16px !important;
  height: 16px !important;
  top: 0 !important;
  transition: all 0.3s ease;
}
.slides {
  width: 100%;
  position: relative;
  margin: 24px 0 56px;
  overflow: hidden;
}
.popup .slides {
  margin: 0;
  padding: 64px;
  height: 100%;
}
.popup .slides .swiper-container,
.popup .slides .swiper-slide,
.popup .slides .swiper-wrapper {
  height: 100%;
  width: 100%;
}
.slides__item {
  display: flex;
  background-color: #fbfbf8;
}
.popup .slides__item {
  height: 100%;
  width: 100%;
}
.popup.large .slides__item,
.thumbsSlider .slides__item {
  background-color: transparent;
}
.slides__back {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #171717;
  position: absolute;
  top: 16px;
  left: 0;
  z-index: 2;
  display: none;
}
.slides__image {
  width: 100%;
  height: 600px;
}
.popup .slides__image {
  height: 100%;
  margin: 0;
  position: relative;
}
.thumbsSlider .slides__image {
  height: 100%;
  margin: 0;
  position: relative;
  align-self: flex-start;
}
.slides__image figure {
  width: 100%;
  height: 100%;
}
.slides__image figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.popup .slides__image figure img {
  -o-object-fit: contain;
  object-fit: contain;
}
.slides__image video {
  margin: 0;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.slides__image.playing .icon {
  opacity: 0;
}
.slides__image .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 64px;
  line-height: 64px;
  color: #fff;
  z-index: 4;
  background-color: transparent !important;
  padding: 0;
  margin: 0;
  pointer-events: none;
  letter-spacing: 0;
  opacity: 1;
  transition: all 0.3s ease;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.slides__image--iframe,
.slides__image--video {
  align-self: center;
}
.slides__image--youtube {
  align-self: center;
}
.slides__image--youtube .videoWrp img {
  margin: 0;
}
.slides__image--youtube .videoWrp iframe {
  display: block;
}
.slides__image--youtube .videoWrp .playVideo {
  position: relative;
  cursor: pointer;
}
.slides__image--youtube .videoWrp .playVideo figure {
  padding-top: calc(360 / 640 * 100%);
  position: relative;
  width: 100%;
}
.slides__image--youtube .videoWrp .playVideo figure picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.slides__image--youtube .videoWrp .playVideo figure img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.slides__image--youtube .videoWrp .playVideo .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 64px;
  line-height: 64px;
  color: #fff;
  z-index: 4;
  background-color: transparent !important;
  padding: 0;
  margin: 0;
  pointer-events: none;
  letter-spacing: 0;
  opacity: 1;
  transition: all 0.3s ease;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.slides__content {
  width: 342px;
  flex: 0 0 auto;
  margin-left: 24px;
  display: flex;
  flex-direction: column;
  padding: 40px 12px;
  border-top: 2px solid #171717;
  border-bottom: 2px solid #171717;
  align-items: center;
  justify-content: center;
}
.thumbsSlider .slides__content {
  width: calc(25% - 16px);
  min-width: 342px;
  padding: 32px 0 40px;
  border-color: #fff;
}
.popup.large .slides__content {
  border-color: #fff;
  padding-left: 0;
  padding-right: 0;
}
.slides__item.open .slides__content {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.slides__content span:not(.slides__back):not(.icon-long-arrow-right) {
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  color: var(--regularColor);
  display: block;
  text-align: center;
  letter-spacing: 0.1em;
}
.slides__content p {
  margin: auto;
  text-align: center;
  font-size: 1.3333333333rem;
  line-height: 2rem;
  letter-spacing: 0;
}
.popup.large .slides__content p {
  margin: 0;
  text-align: left;
  font-size: 1.1333333333rem;
  color: var(--mediumColor);
}
.slides__content .article {
  margin: 40px 0;
}
.slides__content .article__title {
  color: #fff;
}
.thumbsSlider .slides__content .article {
  margin-top: 0;
}
.thumbsSlider .slides__content .article p {
  margin: 8px 0 16px;
  text-align: left;
  font-size: 1.1333333333rem;
  line-height: 1.1764705882;
  color: var(--darkLightColor);
}
.thumbsSlider .slides__content .article .rating {
  margin-top: 0;
}
.slides__content .movieInfo {
  margin-bottom: 24px;
}
.slides__content .button {
  margin: auto auto 0;
  color: var(--lightColor);
  background-color: var(--regularColor);
}
.slides__title {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 2.2666666667rem;
  line-height: 2.5333333333rem;
  margin-top: 16px;
  text-align: center;
  letter-spacing: 0;
}
.slides__more {
  display: none;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #171717;
  position: absolute;
  bottom: 16px;
  right: 0;
  z-index: 2;
  display: none;
}
.slides__button {
  width: 40px;
  display: flex;
  flex-direction: column;
  color: #171717;
  bottom: 50px;
  top: unset;
  left: unset;
  font-size: 12px;
}
.slides__button--prev {
  right: 190px;
  align-items: flex-end;
}
.slides__button--next {
  right: 110px;
  align-items: flex-start;
}
.slides__button span {
  padding-bottom: 8px;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.6rem;
  letter-spacing: 0.1em;
}
.slides .swiper-button-next:after,
.slides .swiper-button-prev:after {
  content: none;
}
.owl-carousel {
  display: block;
}
.owl-carousel:not(.owl-loaded) {
  overflow: hidden;
  white-space: nowrap;
}
.owl-carousel:not(.owl-loaded) > * {
  display: inline-block;
  vertical-align: top;
}
.gridSlider {
  width: 100%;
  position: relative;
}
.gridSlider .swiper-wrapper {
  display: flex;
}
.gridSlider .swiper-slide {
  height: auto;
  max-width: 33.3333333333%;
  margin-right: 24px;
}
.gridSlider--l4 .swiper-slide {
  max-width: 25%;
}
.gridSlider .article {
  height: 100%;
}
.gridSlider .article--book .article__info {
  margin-top: auto;
}
.gridSlider__container {
  width: 100%;
}
.gridSlider__button {
  width: 56px;
  height: 56px;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  top: calc(50% - 50px);
  border-radius: 100%;
  transition: all 0.3s ease;
}
.gridSlider--middleArrows .gridSlider__button {
  background-color: #171717;
}
.categorySection--whiteText .gridSlider--middleArrows .gridSlider__button {
  color: #171717;
  background-color: #fff;
}
.gridSlider__button.swiper-button-disabled {
  opacity: 0;
}
.gridSlider__button span {
  font-size: 24px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gridSlider__button--prev {
  left: 0;
  -webkit-transform: translateX(-35%);
  transform: translateX(-35%);
}
.gridSlider__button--next {
  right: 0;
  -webkit-transform: translateX(35%);
  transform: translateX(35%);
}
.gridSlider .swiper-button-next:after,
.gridSlider .swiper-button-prev:after {
  content: none;
}
.thumbsSlider {
  width: 100%;
  position: relative;
}
.thumbsSlider__container,
.thumbsSlider__thumbs {
  width: 100%;
  overflow: hidden;
}
.thumbsSlider__container {
  margin: 0 0 32px;
}
.thumbsSlider__bottom {
  position: relative;
}
.thumbsSlider__thumbs .article {
  cursor: pointer;
  flex-direction: column;
}
.thumbsSlider__thumbs .article__image,
.thumbsSlider__thumbs .article__title {
  pointer-events: none;
}
.thumbsSlider__thumbs .article__image {
  width: 100%;
  margin: 0;
}
.thumbsSlider__thumbs .article__title {
  color: #fff;
  font-size: 1.4666666667rem;
  line-height: 1.1818181818;
}
.thumbsSlider__thumbs .article p {
  margin-top: 8px;
  color: var(--darkLightColor);
}
.thumbsSlider__button {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  bottom: 100%;
  top: unset;
  background-color: #171717;
  border-radius: 100%;
  transition: all 0.3s ease;
}
.thumbsSlider__button.swiper-button-disabled {
  opacity: 0;
}
.thumbsSlider__button span {
  font-size: 24px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.thumbsSlider__button--prev {
  left: 0;
  -webkit-transform: translate(-50%, 140px);
  transform: translate(-50%, 140px);
}
.thumbsSlider__button--next {
  right: 0;
  -webkit-transform: translate(50%, 140px);
  transform: translate(50%, 140px);
}
.thumbsSlider .swiper-button-next:after,
.thumbsSlider .swiper-button-prev:after {
  content: none;
}
.statusBox__text,
.statusBox__title {
  color: #fff;
  text-align: center;
}
.statusBox__title {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 3.3333333333rem;
  margin: 0;
  line-height: 1.1;
}
.statusBox__text {
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 2.2666666667rem;
  line-height: 1.17;
  margin: 22px 0 44px;
  letter-spacing: -0.01em;
}
.statusBox__icon {
  text-align: center;
  margin: 44px 0 33px;
}
.statusBox .button {
  height: 56px;
}
.statusBox .button--black {
  background-color: #171717;
}
.statusBox .button--full {
  width: 100%;
}
.sidebar {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sidebar + .bannerColumns {
  margin-top: 16px;
}
.culturePalette .sidebar--dynamic {
  --lightColor: #f6dfde;
  --mediumColor: #edbfbd;
  --regularColor: #dc2833;
  --darkRegularColor: #3b2727;
  --darkMediumColor: #5f4545;
  --darkLightColor: #947372;
}
.lifePalette .sidebar--dynamic {
  --lightColor: #f4dac7;
  --mediumColor: #e8b590;
  --regularColor: #c85f2a;
  --darkRegularColor: #47210d;
  --darkMediumColor: #673f27;
  --darkLightColor: #976b4e;
}
.viralPalette .sidebar--dynamic {
  --lightColor: #f3e6b6;
  --mediumColor: #ebd586;
  --regularColor: #ce980b;
  --darkRegularColor: #3e2e03;
  --darkMediumColor: #614f1d;
  --darkLightColor: #948144;
}
.cityPalette .sidebar--dynamic {
  --lightColor: #e0e8ec;
  --mediumColor: #c2d1d9;
  --regularColor: #5899b5;
  --darkRegularColor: #27353b;
  --darkMediumColor: #46545b;
  --darkLightColor: #74838a;
}
.zodiacPalette .sidebar--dynamic {
  --lightColor: #d1e8da;
  --mediumColor: #a4d2b6;
  --regularColor: #0c9876;
  --darkRegularColor: #273b2d;
  --darkMediumColor: #405948;
  --darkLightColor: #658671;
}
.todayPalette .sidebar--dynamic {
  --lightColor: #e0e7f5;
  --mediumColor: #b6c1e7;
  --regularColor: #4964c2;
  --darkRegularColor: #262a49;
  --darkMediumColor: #454969;
  --darkLightColor: #737799;
}
.voicePalette .sidebar--dynamic {
  --lightColor: #eee0f5;
  --mediumColor: #ddc1ea;
  --regularColor: #824bc8;
  --darkRegularColor: #31273b;
  --darkMediumColor: #53465e;
  --darkLightColor: #877492;
}
.lookMagPalette .sidebar--dynamic {
  --mediumColor: #171717;
}
.type8 .sidebar {
  flex: 2;
}
.type8 .sidebar:last-child {
  flex: 0 0 auto;
  align-self: flex-end;
}
.sidebar--withPadding {
  padding: 0 21px;
}
.sidebar--withHeader {
  margin-top: -40px;
}
.sidebar--withMarginTop {
  margin-top: 46px;
}
.sidebar__title {
  margin-bottom: 50px;
  text-transform: uppercase;
}
.sidebar__title a {
  position: relative;
}
.sidebar__title a:after {
  content: '\e059';
}
.sidebar__title a:after {
  font-size: 24px;
}
.sidebar__title--smallMargin {
  margin-bottom: 13px;
}
.sidebar__title--mediumMargin {
  margin-bottom: 24px;
}
.sidebar__title--smallLineHeight {
  line-height: 1.6rem;
}
.sidebar--dynamic .sidebar__title {
  color: var(--mediumColor);
  border-color: var(--mediumColor);
}
.sidebar__articles {
  display: flex;
  flex-direction: column;
}
.type13 .sidebar__articles {
  height: 100%;
}
.type13 .sidebar__articles .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  margin-bottom: 0;
}
.sidebar__articles--defaultMargin .article {
  margin-bottom: 32px;
}
.sidebar__articles--defaultMargin .article:last-child {
  margin-bottom: 0;
}
.sidebar__all {
  text-align: right;
  margin: 0;
}
.sidebar__items {
  display: flex;
  flex-direction: column;
  margin-top: 118px;
}
.type8 .sidebar__items {
  margin-top: 32px;
  margin-bottom: 0;
}
.sidebarItem {
  display: flex;
  flex-direction: column;
  margin-bottom: 42px;
  max-width: 300px;
  text-align: center;
}
.type8 .sidebarItem:last-child {
  margin-bottom: 0;
}
.sidebarItem__title {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.7333333333rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  letter-spacing: 0.03em;
}
.sidebarItem__title:before {
  content: '';
  width: 48px;
  height: 2px;
  background-color: #171717;
  margin-bottom: 12px;
}
.sidebarItem__title + a:not(.sidebarItem__link) {
  margin-top: 12px;
}
.sidebarItem p {
  letter-spacing: 0;
  line-height: 1.4666666667rem;
  margin: 15px 0 0;
}
.sidebarItem__link {
  margin-top: 22px;
  display: flex;
  text-align: left;
  padding-right: 48px;
  position: relative;
  font-family: SourceSerifProBold, Georgia, serif;
  color: var(--regularColor);
  letter-spacing: 0.01em;
}
.sidebarItem__link:before {
  position: absolute;
  right: 0;
  top: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.6666666667rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sidebarTip {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  max-width: 342px;
  text-align: center;
}
.sidebarTip__content {
  padding-top: 30px;
  border-top: 2px solid #171717;
}
.sidebarTip__title {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.4666666667rem;
  line-height: 1.7333333333rem;
  letter-spacing: -0.01em;
  display: block;
  padding: 0 24px;
}
.sidebarTip p {
  letter-spacing: 0;
  line-height: 1.4666666667rem;
  margin: 35px 0 0;
  padding: 0 12px;
}
.sidebarTip .linkMore {
  margin-top: 22px;
}
.subCategories {
  display: flex;
  position: relative;
  overflow-y: hidden;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #cfcfcf transparent;
}
.subCategories li {
  margin-right: 24px;
}
.subCategories li:last-child {
  margin-right: 0;
}
.subCategories li.current a {
  color: var(--regularColor);
}
.darkHeader .subCategories li.current a {
  color: var(--regularColor);
}
.darkHeader .sticky .subCategories li.current a {
  color: var(--regularColor);
}
.subCategories li a {
  color: var(--darkRegularColor);
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  text-transform: uppercase;
  white-space: nowrap;
}
.darkHeader .subCategories li a {
  color: var(--mediumColor);
}
.darkHeader .sticky .subCategories li a {
  color: var(--darkRegularColor);
}
.subCategories li a.current {
  color: var(--regularColor);
}
.darkHeader .subCategories li a.current {
  color: var(--regularColor);
}
.darkHeader .sticky .subCategories li a.current {
  color: var(--regularColor);
}
.articleTabs__list {
  display: flex;
  align-items: flex-start;
  margin-bottom: 14px;
}
.articleTabs__list li:not(:last-child) {
  margin-right: 40px;
}
.articleTabs__list li.active a {
  border-color: #171717;
}
.articleTabs__list li a {
  text-transform: uppercase;
  padding-bottom: 1px;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 2.1333333333rem;
  border-bottom: 2px solid transparent;
}
.articleTabs__content {
  overflow-y: auto;
  scrollbar-width: thin;
  padding: 8px 30px 24px 0;
  scrollbar-color: #cfcfcf transparent;
}
.articleTabs__content:not(.active) {
  display: none;
}
.articleTabs ::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.articleTabs ::-webkit-scrollbar-track {
  display: none;
}
.articleTabs ::-webkit-scrollbar-thumb {
  background-color: #cfcfcf;
  border-radius: 10px;
}
[data-tab_trigger] {
  cursor: pointer;
}
[data-tab_trigger] > a {
  pointer-events: none;
}
.tabContent {
  width: 100%;
}
.tabContent:not(.active) {
  display: none;
}
.text {
  max-width: 590px;
  margin-top: 60px;
}
.text__title {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 2.8rem;
  line-height: 2.9333333333rem;
  margin-bottom: 16px;
  display: block;
}
.text p {
  font-size: 1.2rem;
  line-height: 1.7333333333rem;
  letter-spacing: 0;
}
.textBox {
  margin-bottom: 40px;
}
.textBox h2,
.textBox h3,
.textBox h4,
.textBox h5,
.textBox h6 {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 2.1333333333rem;
  line-height: 38px;
  letter-spacing: -0.01em;
  margin: 0 0 12px;
  border: none;
  padding: 0;
}
.textBox p {
  font-size: 1.2rem;
  line-height: 26px;
  letter-spacing: -0.01em;
}
.tiles {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}
.tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  min-height: 442px;
  padding: 24px 24px 34px;
  border-top: 2px solid #171717;
  border-bottom: 2px solid #171717;
  background-color: var(--lightColor);
}
.tiles .tile {
  border-bottom: none;
  background-color: transparent;
  min-height: 0;
  padding: 44px 24px 54px;
}
.tiles .tile:last-child {
  border-bottom: 2px solid #171717;
}
.tile form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  flex: auto;
}
.tiles .tile form {
  height: auto;
}
.tile__title {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1.7333333333rem;
  line-height: 2rem;
  text-align: center;
  text-transform: uppercase;
}
.tiles .tile__title {
  margin-bottom: 32px;
}
.tile__content {
  width: 100%;
}
.tiles .tile__content {
  margin-bottom: 32px;
}
.tile__content--inline {
  display: flex;
  justify-content: space-between;
}
.tiles .tile__content--inline {
  justify-content: center;
}
.tile__content p {
  max-width: 244px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.2666666667rem;
  line-height: 1.9333333333rem;
  letter-spacing: 0;
}
.tiles .tile__content p {
  padding: 0;
}
.tileSelection {
  display: flex;
  flex-direction: column;
  max-width: 128px;
  width: 100%;
  align-items: center;
}
.tiles .tileSelection {
  max-width: 128px;
  margin-right: 40px;
}
.tiles .tileSelection:last-child {
  margin-right: 0;
}
.tileSelection__title {
  text-align: center;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.6rem;
  margin-bottom: 24px;
}
.tileSelection__image {
  width: 116px;
  height: 122px;
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 14px;
}
.tiles .tileSelection__image {
  width: 116px;
  height: 122px;
}
.tileSelection__image figure {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.tileSelection__image figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.categorySection.type16--viral {
  --mediumColor: #f3e6b6;
}
.pageWithTopFilters .categorySection.categorySectionFilters {
  padding: 16px 0;
  background-color: var(--mediumColor);
}
.categorySection--culture {
  --mediumColor: #edbfbd;
  --regularColor: #dc2833;
}
.categorySection--life {
  --mediumColor: #e8b590;
  --regularColor: #c85f2a;
}
.categorySection--viral {
  --mediumColor: #ebd586;
  --regularColor: #ce980b;
}
.categorySection--city {
  --mediumColor: #c2d1d9;
  --regularColor: #5899b5;
}
.categorySection--zodiac {
  --mediumColor: #a4d2b6;
  --regularColor: #0c9876;
}
.categorySection--today {
  --mediumColor: #b6c1e7;
  --regularColor: #4964c2;
}
.categorySection--tributes {
  --mediumColor: #c4c3fd;
  --regularColor: #3333ff;
}
.categorySection--voice {
  --mediumColor: #ddc1ea;
  --regularColor: #824bc8;
}
.categorySection--default {
  --mediumColor: #e5e5e5;
  --regularColor: #808080;
}
.categorySection--default
  .article:not(.article--culture):not(.article--viral):not(
    .article--zodiac
  ):not(.article--voice):not(.article--city):not(.article--life):not(
    .article--today
  )
  .article__category {
  color: #171717;
}
.categorySection--darkWithBg {
  position: relative;
}
.categorySection--darkWithBg:before {
  content: '';
  width: 100%;
  height: calc(100% + 40px);
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--darkRegularColor);
  z-index: -1;
}
.darkHeader .categorySection--darkWithBg {
  padding-bottom: 80px;
}
.categorySection--darkWithBg.defaultHeight:before {
  height: 100%;
}
.categorySection--darkWithBg .article__title {
  color: var(--lightColor);
}
.categorySection--darkWithBg .article p {
  color: var(--mediumColor);
}
.categorySection--darkWithBg .article.article--withTrailer p {
  color: var(--darkLightColor);
}
.categorySection--darkWithBg .article__info {
  color: var(--mediumColor);
}
.categorySection--darkWithBg .article__info a {
  color: var(--mediumColor);
}
.categorySection--darkWithBg .article__info:after {
  background-color: var(--lightColor);
}
.categorySection--fitBg:before {
  height: 100%;
}
.categorySection--dark {
  color: #171717;
  overflow-x: hidden;
}
.categorySection--dark
  .article:not(.article--culture):not(.article--viral):not(
    .article--zodiac
  ):not(.article--voice):not(.article--city):not(.article--life):not(
    .article--today
  )
  .article__title {
  color: #171717 !important;
}
.categorySection--dark
  .article:not(.article--culture):not(.article--viral):not(
    .article--zodiac
  ):not(.article--voice):not(.article--city):not(.article--life):not(
    .article--today
  )
  .article__title:after {
  background-color: #171717;
}
.categorySection--dark .article .article__info {
  color: #cfcfcf;
}
.categorySection--dark .article .article__info:after {
  background-color: #171717;
}
.categorySection--dark .category {
  color: #171717;
}
.categorySection--dark .category__title {
  border-color: #171717;
}
.categorySection--dark .link {
  color: #171717;
}
.categorySection--whiteHeader .category,
.categorySection--whiteText .category {
  color: #fff;
}
.categorySection--whiteHeader .category__title,
.categorySection--whiteText .category__title {
  border-color: #fff;
}
.categorySection--whiteHeader .category a,
.categorySection--whiteText .category a {
  color: #fff;
}
.categorySection--whiteText .article {
  color: #fff;
}
.categorySection--whiteText .article__title {
  color: #fff;
}
.categorySection--whiteText .article__info {
  color: grey;
}
.categorySection--whiteText .article__info a {
  color: grey;
}
.categorySection--whiteText .article__info:after {
  background-color: #fff;
}
.categorySection--whiteText
  .article.article--fullWideMediumAbsolute
  .article__info
  a {
  color: #fff;
}
.categorySection--black {
  color: #fff;
  overflow-x: hidden;
}
.categoryPage .categorySection--black {
  overflow: unset;
  background-color: #171717;
}
.categoryPage .categorySection--black.categorySection--withBg {
  overflow: hidden;
}
.categoryPage.withSkin .categorySection--black {
  background-color: transparent;
}
.categoryPage.withSkin .categorySection--black .categorySection__wrapper {
  background-color: #171717;
}
.categorySection--black .article__title {
  color: #fff;
}
.categorySection--black .article__info {
  color: grey;
}
.categorySection--black .article__info:after {
  background-color: #fff;
}
.categorySection--black.type12 .article--square .article__info,
.categorySection--black.type12 .article--wide .article__info {
  flex-direction: column;
  align-items: flex-start;
}
.categorySection--black.type12 .article--square .article__info:after,
.categorySection--black.type12 .article--wide .article__info:after {
  position: absolute;
  right: 0;
  left: unset;
  top: unset;
  bottom: 12px;
}
.categorySection--black .category {
  color: #fff;
}
.categorySection--black .category__title {
  border-color: #fff;
}
.categorySection--black .link {
  color: #fff;
}
.categorySection--withBg {
  padding: 102px 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.categorySection--withBgLarge {
  padding-bottom: 40px;
}
.categorySection--withBgLarge:before {
  content: '';
  width: 100%;
  height: 288px;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.7) 0,
    rgba(0, 0, 0, 0) 100%
  );
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.categorySection--withBg > .wrapper {
  position: relative;
  z-index: 2;
}
.categorySection__wrapper {
  position: relative;
  padding-top: 40px;
}
.lookLayout .categorySection__wrapper {
  padding-top: 0;
}
.categorySection--full .categorySection__wrapper,
.categorySection--fullHeight .categorySection__wrapper {
  padding-bottom: 40px;
}
.categorySection--fullHeight.type53 .categorySection__wrapper {
  padding-top: 48px;
  padding-bottom: 80px;
}
.categorySection__wrapper:before {
  content: '';
  display: block;
  width: 100%;
  height: 210px;
  background-color: var(--mediumColor);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.lookLayout .categorySection__wrapper:before {
  content: unset;
}
.categorySectionFilters .categorySection__wrapper:before {
  height: 100%;
  background-color: var(--lightColor);
}
.categorySection--fullHeight .categorySection__wrapper:before {
  height: 100%;
  background-color: var(--darkRegularColor);
}
.categorySection--small .categorySection__wrapper:before {
  height: 152px;
  width: calc(100% - 480px);
}
.categorySection--full .categorySection__wrapper:before {
  height: 100%;
  background-color: #171717;
}
.categorySection__wrapper--noBackground {
  padding-top: 0;
}
.categorySection__wrapper--noBackground:before {
  content: none;
}
.categorySection__column {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 24px;
}
.categorySection__column:before {
  content: '';
  background-color: var(--mediumColor);
  position: absolute;
  left: -52px;
  top: 0;
  width: calc(200% + 104px);
  height: 100%;
  z-index: -1;
}
.category {
  width: 100%;
}
.filtersColumn .category {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}
.lookLayout .category {
  margin-bottom: 32px;
  position: relative;
}
.categorySection--fullHeight .category {
  max-width: 342px;
}
.categorySection--fullHeight.type53 .category {
  max-width: 100%;
}
.type3 .category.onlyLink {
  order: 4;
}
.category--inline {
  margin: 0 0 24px;
  padding-top: 20px;
  border-top: 2px solid #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.categorySection--black .category--inline {
  border-color: #fff;
}
.category--withIllustration {
  margin: 0 0 44px;
  border-bottom: 2px solid #000;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-left: 96px;
}
.category--withIllustration .link {
  margin: 0 0 20px;
}
.type1 .category.mobileHidden {
  display: flex;
  flex-direction: column;
}
.type1 .category:last-child:not(.mobileHidden) {
  margin-top: auto;
}
.homePage .type1 .category:last-child:not(.mobileHidden) {
  display: block;
}
.type37 .category {
  height: 100%;
}
.type37 .category .articles {
  height: 100%;
}
.type20 .category {
  position: relative;
}
.type20 .category .link {
  margin: 16px 0 32px;
}
.type20 .category.category--inline .link {
  margin: 0;
}
.type20 .category.category--withIllustration .link {
  margin: 0 0 20px;
}
.type51 .category {
  flex: 0;
  margin-bottom: 24px;
}
.category--flex {
  display: flex;
  flex-direction: column;
}
.category--withMargin {
  margin-top: 14px;
}
.type8 .category--withMargin {
  margin-top: auto;
  padding-top: 32px;
}
.category--withTopMargin {
  margin-top: 10px;
}
.category--withTopMarginLarge {
  margin-top: 136px;
}
.category--withTopMarginMedium {
  margin-top: 80px;
}
.category--withPadding {
  padding-right: 98px;
}
.category--relative {
  position: relative;
  z-index: 2;
}
.category--colWidth {
  max-width: calc(25% - 16px);
  min-width: 300px;
}
.category--maxWidth {
  max-width: 952px;
}
.category--halfWidth {
  width: calc(50% - 12px);
}
.category--halfWidthMax {
  width: calc(50% + 12px);
}
.category--thirdWidthMax {
  width: calc(33.3333333333% - 16px);
}
.category--quarterWidthMax {
  width: calc(25% + 8px);
}
.category__list {
  display: flex;
  flex-direction: column;
  margin-top: 80px;
}
.categorySection__wrapper--noBackground .category__list,
.type1 .category__list {
  margin-top: 40px;
}
.category__list--equalMargin {
  margin: 60px 0;
}
.category__list.large {
  margin-top: 24px;
  max-width: 218px;
}
.category__list.medium {
  max-width: 218px;
}
.category__title {
  text-transform: uppercase;
}
.category__title a {
  position: relative;
}
.category__title a:after {
  content: '\e059';
}
.category__title a:after {
  font-size: 24px;
}
.categorySection--black .category__title a {
  color: #fff;
}
.categorySection--fullHeight .category__title {
  color: #fff;
  border-color: #fff;
}
.category--inline .category__title,
.category--withIllustration .category__title {
  padding: 0;
  margin: 0;
  border: none;
}
.lookLayout .category__title {
  padding-top: 0;
  font-size: 3.2rem;
  line-height: 1.125;
  padding-right: 24px;
  background-color: #f4f4f4;
  margin: 0;
  border: none;
  display: inline-block;
  text-transform: none;
  letter-spacing: 0;
}
.lookLayout .category__title:before {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  background-color: #000;
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 8px;
}
.category__title--maxWidth {
  max-width: 1074px;
  width: calc(98% - 300px);
}
.category__title--withLink {
  display: flex;
  align-items: center;
}
.category__title--withLink .formGroup {
  max-width: 200px;
  margin-left: auto;
  margin-bottom: 0;
}
.category__title--withLink .formGroup .select__value {
  color: #171717 !important;
  text-transform: none;
}
.category__title--withLink .formGroup .select__options li {
  text-transform: none;
}
.category__title--withLink a {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.3333333333rem;
  letter-spacing: -0.01em;
  text-transform: none;
}
.category__title--withLink a span {
  margin-left: 16px;
  width: 24px;
  height: 24px;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.category__title--smallMargin {
  margin-bottom: 28px;
}
.category__title figure {
  width: 76px;
}
.large .category__item.active {
  background-color: var(--lightColor);
}
.category__link {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
}
.category__item.active .category__link {
  color: var(--regularColor);
}
.large .category__link {
  height: 48px;
  padding: 0 16px;
  display: flex;
  align-items: center;
}
.medium .category__link {
  height: 48px;
  padding: 0 16px;
  display: flex;
  align-items: center;
}
.medium .category__link.active,
.medium .category__link.current {
  color: var(--regularColor);
  background-color: var(--lightColor);
}
.category__all {
  margin: 32px 0;
}
.category__all--smallMargin {
  margin: 18px 0;
}
.category__all--smallMarginTop {
  margin-top: 18px;
}
.category__all--largeMarginBottom {
  margin-bottom: 46px;
}
.category__all--mediumMargin {
  margin: 16px 0 40px;
}
.type8 .category__all {
  margin-bottom: 0;
}
.categorySection--fullHeight .category__all .link {
  color: #fff;
}
.category__articles {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}
.category__author {
  display: flex;
  align-items: center;
  margin-top: auto;
  margin-bottom: 36px;
  position: relative;
  padding-top: 24px;
}
.category__author:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 2px;
  background-color: #171717;
}
.category__author img {
  display: block;
}
.category__author span {
  margin-left: 12px;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.6rem;
}
.categories {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 24px;
  width: 100%;
}
.categories__col {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 100%;
}
.categories__col--culture {
  --mediumColor: #edbfbd;
  --regularColor: #dc2833;
}
.categories__col--life {
  --mediumColor: #e8b590;
  --regularColor: #c85f2a;
}
.categories__col--viral {
  --mediumColor: #ebd586;
  --regularColor: #ce980b;
}
.categories__col--city {
  --mediumColor: #c2d1d9;
  --regularColor: #5899b5;
}
.categories__col--zodiac {
  --mediumColor: #a4d2b6;
  --regularColor: #0c9876;
}
.categories__col--today {
  --mediumColor: #b6c1e7;
  --regularColor: #4964c2;
}
.categories__col--tributes {
  --mediumColor: #c4c3fd;
  --regularColor: #3333ff;
}
.categories__col--voice {
  --mediumColor: #ddc1ea;
  --regularColor: #824bc8;
}
.categories__articles {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1;
}
.categories__articles:before {
  content: '';
  max-width: 220px;
  width: 85%;
  height: 16px;
  background-color: var(--mediumColor);
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.categories__articles .article {
  width: 100%;
  margin: 0;
  border: none;
}
.categories__articles .article:first-child {
  margin-top: 0;
}
.categories__articles .article:not(:last-child) {
  margin-bottom: 24px;
}
.categories__articles .article--inlineSquare .article__content {
  width: calc(100% - 110px);
}
.categories__title {
  margin-bottom: 20px;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.7333333333rem;
}
.link {
  display: inline-flex;
  align-items: center;
  font-family: SourceSerifProBlack, Georgia, serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
}
.link--large {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.7333333333rem;
  line-height: 2rem;
  letter-spacing: 0;
}
.link--large span {
  top: 4px;
}
.link span {
  margin-left: 16px;
  position: relative;
  left: 0;
  display: flex;
  font-size: 0.8rem;
  transition: all 0.3s ease-in-out;
}
.linkMore {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.linkMore span {
  font-family: SourceSerifProBlack, Georgia, serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  padding: 0 24px;
  background-color: #fbfbf8;
  position: relative;
  z-index: 2;
}
.linkMore:before {
  content: '';
  height: 2px;
  width: 100%;
  background-color: #171717;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.moreLink {
  display: inline-flex;
  margin-left: auto;
  align-items: center;
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.1333333333rem;
  line-height: 1.3333333333rem;
  outline: 0;
  height: auto;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.moreLink__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  margin-left: 24px;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.moreLink.open .moreLink__icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.buttonLinks {
  display: flex;
  flex-direction: column;
  margin-top: 60px;
  max-width: 220px;
}
.buttonLinks__list {
  display: flex;
  flex-direction: column;
}
.buttonLinks li {
  margin-bottom: 16px;
}
.buttonLinks li:last-child {
  margin-bottom: 0;
}
.buttonLinks li a {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 24px;
  color: #171717;
  background-color: var(--mediumColor);
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.buttonLinks li.current a {
  color: #fff;
  background-color: var(--regularColor);
}
.sponsoredSection {
  margin: 40px -12px 0;
}
.sponsoredSection__taboola {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  padding: 0 12px;
}
.sponsoredSection__banner {
  flex-shrink: 0;
  padding: 0 12px;
}
.tooltip {
  position: relative;
}
.tooltip__main {
  color: #000;
  font-size: 1.0666666667rem;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.12);
  padding: 16px 10px;
  line-height: 1.3;
  left: -97%;
  margin-top: 10px;
}
.tooltip__main:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  left: calc(50% - 6px);
  top: -6px;
  position: absolute;
}
.tooltip--open .tooltip__main {
  opacity: 1;
  visibility: visible;
}
.tooltip__btn {
  color: #00f;
  display: inline-block;
  font-size: 0.8666666667rem;
  border: solid 1px;
  border-radius: 50%;
  margin-left: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  top: 1px;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.flowSection__asideInner {
  display: flex;
  flex-direction: column;
  padding: 0 12px;
}
.article--mgWideFull {
  grid-column-start: 1;
  grid-column-end: 3;
}
.type46 .article--mgWideFull {
  grid-column-start: 3;
  grid-column-end: 5;
}
.type46 .article--mgWideFull.toLeft {
  grid-column-start: 1;
  grid-column-end: 3;
}
.article--mgWideFullInline {
  grid-column-start: 1;
  grid-column-end: 4;
  flex-direction: row;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 24px;
}
.article--slide {
  flex-direction: row;
  align-items: center;
  background-color: #f4f4f4;
}
.article__category {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.8461538462;
  letter-spacing: 0.09em;
  background-color: #000;
  padding: 0 16px;
  color: #fff;
  text-transform: uppercase;
  margin-right: 12px;
  margin-top: 0;
}
.article__parentCategory {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.8461538462;
  letter-spacing: 0.09em;
  background-color: #000;
  padding: 0 16px;
  position: absolute;
  z-index: 6;
  color: #fff;
  left: 0;
  bottom: 0;
  text-transform: uppercase;
}
.article__content {
  padding: 0 16px;
}
.article--mgWideFullInline .article__content {
  padding: 0 16px 0 0;
}
.article--heroMag .article__content {
  padding: 16px 32px 0;
  width: 100%;
  max-width: 708px;
  background-color: #f4f4f4;
  position: relative;
  z-index: 2;
  margin: -104px auto 0;
  top: 0;
  flex-direction: row;
  flex-wrap: wrap;
}
.article--slide .article__content {
  padding: 0;
  width: 100%;
  max-width: 342px;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #f4f4f4;
}
.article__title {
  order: 2;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1.6666666667rem;
  line-height: 1.2;
  margin: 12px 0 0;
  letter-spacing: 0;
  -webkit-text-decoration: underline 0.15em transparent;
  text-decoration: underline 0.15em transparent;
}
.article--mgFull .article__title {
  margin: 8px 0 0;
  font-size: 2.6666666667rem;
  line-height: 1.1;
  max-width: 726px;
}
.article--heroMag .article__title,
.article--slide .article__title {
  font-size: 2.6666666667rem;
  line-height: 1.1;
  width: 100%;
}
.article--mgWideFullInline .article__title {
  font-size: 2.6666666667rem;
  line-height: 1.1;
  margin-top: 16px;
}
.article--book .article__title {
  margin-bottom: 0;
  padding-right: 0;
}
.article--book.portraitImage .article__title {
  font-size: 1.6666666667rem;
  line-height: 1.2;
}
.article--mgWideFull .article__title {
  font-size: 2.4rem;
  line-height: 1.1111111111;
}
.article--square .article__title {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.3333333333rem;
  font-size: 1.3333333333rem;
  line-height: 1.2;
  margin-top: 8px;
}
.article p {
  order: 3;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 1.3333333333rem;
  line-height: 1.45;
  letter-spacing: -0.01em;
  margin: 16px 0 0;
  padding: 0;
  width: 100%;
  min-height: 0;
}
.article__image {
  position: relative;
}
.article--mgWideFullInline .article__image {
  grid-column-start: 1;
  grid-column-end: 3;
  align-self: flex-start;
  width: 100%;
}
.article--slide .article__image {
  width: 100%;
  max-width: 952px;
  margin-right: 24px;
}
.article--mgWide .article__image figure {
  /*   aspect-ratio: 464/342; */
  aspect-ratio: auto;
}
.article--mgWideFull .article__image figure,
.article--mgWideFullInline .article__image figure {
  aspect-ratio: 708/342;
}
.article--mgWideFullInline .article__image figure img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.article--heroMag .article__image figure,
.article--slide .article__image figure {
  aspect-ratio: auto;
}
.article--heroMag .article__image figure img,
.article--slide .article__image figure img {
  height: 800px;
  -o-object-fit: cover;
  object-fit: cover;
}
.mgSidebar
  .article--withPodcast
  .article__image
  > a:not(.article__parentCategory):before {
  content: unset;
}
.article__info {
  margin-top: 12px;
  letter-spacing: 0.07em;
  color: #000;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  flex-wrap: wrap;
}
.article--heroMag .article__info,
.article--mgWideFullInline .article__info,
.article--slide .article__info {
  margin: 0;
}
.article__info a {
  margin-right: 4px;
  font-family: PFSpekkVARRegular, Arial, sans-serif !important;
  color: #000;
}
.article__info span {
  margin: 0;
  position: relative;
  display: flex;
  align-items: center;
}
.article__info span:before {
  content: '|';
  margin-right: 4px;
}
.article__info span:last-child {
  margin: 0;
}
.article__info:after {
  content: unset !important;
}
.grid--withMarginTop {
  margin-top: 40px;
}
.categoryPage .type45 .grid--fullWide .article:first-child {
  order: 1;
}
.categoryPage .type45 .grid--fullWide .article:nth-child(2) {
  order: 2;
}
.categoryPage .type45 .grid--fullWide .article:nth-child(3) {
  order: 3;
}
.categoryPage .type45 .grid--fullWide .article:nth-child(4) {
  order: 5;
}
.categoryPage .type45 .grid--fullWide .article:nth-child(5) {
  order: 6;
}
.categoryPage .type45 .grid--fullWide .article:nth-child(6) {
  order: 7;
}
.grid__banner {
  order: 4;
}
.bannerContainer {
  display: flex;
}
.articlePreview .article {
  width: calc(100% - 342px);
}
.articlePreview .article figure img {
  height: 600px;
  -o-object-fit: cover;
  object-fit: cover;
}
.mgArticles {
  display: flex;
  flex-direction: column;
}
.mgArticles .article {
  margin-bottom: 24px;
  flex-direction: row;
  align-items: flex-start;
}
.mgArticles .article:last-child {
  margin-bottom: 0;
}
.mgArticles .article__image {
  width: 100%;
  max-width: 464px;
  margin-right: 48px;
  flex: 0 0 auto;
}
.mgArticles .article__content {
  padding: 0;
  width: 100%;
}
.mgArticles .article__info {
  margin-top: 0;
}
.mgArticles .article__title {
  margin-top: 16px;
  font-size: 2.4rem;
  line-height: 1.1111111111;
}
.mgSidebar {
  width: 100%;
}
.mgSidebar .article {
  margin-bottom: 32px;
  flex-direction: row;
  align-items: flex-start;
}
.mgSidebar .article__image {
  width: 100%;
  max-width: 122px;
  margin-right: 16px;
  flex: 0 0 auto;
  align-self: start;
}
.mgSidebar .article__image figure {
  padding-top: calc(98 / 122 * 100%);
  position: relative;
  width: 100%;
}
.mgSidebar .article__image figure picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.mgSidebar .article__image figure img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.mgSidebar .article__image:before {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 1;
  right: 8px;
  bottom: 8px;
}
.mgSidebar .article.article--withSpeech .article__image:before {
  font-size: 16px;
}
.mgSidebar .article__content {
  padding: 0;
  width: 100%;
}
.mgSidebar .article__info {
  margin-top: 0;
}
.mgSidebar .article__title {
  margin-top: 8px;
  font-size: 1.3333333333rem;
  line-height: 1.2;
}
.mgSidebar .article__parentCategory {
  text-align: center;
  width: 100%;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.mgSidebar .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  margin: 0 auto;
  display: block;
}
.articleContainer {
  --leftSpace: 142px;
  --contentWidth: 732px;
  --contentMaxWidth: 708px;
  padding: 0;
}
.articleContainer__body,
.articleContainer__footer {
  padding-left: var(--leftSpace);
}
.articleContainer__footer {
  width: 100%;
  margin: 0;
  border: none;
  padding-top: 0;
}
.articleContainer .banner {
  margin-top: 0;
}
.articleSingle {
  --leftSpace: 142px;
  --contentWidth: 732px;
  --contentMaxWidth: 708px;
}
.articleSingle--default {
  margin-bottom: 32px;
}
.articleSingle__content {
  max-width: var(--contentWidth);
}
.articleSingle--default .articleSingle__content {
  max-width: var(--contentWidth);
  margin: 32px 0 32px 75px;
  padding-left: 16px;
}
.articleSingle__title {
  padding: 0;
  border: none;
  margin: 0;
  font-size: 2.6666666667rem;
  line-height: 1.1;
}
.articleSingle__tags {
  border: none;
  padding: 0;
  margin-bottom: 36px;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
}
.articleSingle__endLinks {
  margin-bottom: 36px;
  border-top-width: 4px;
}
.lookLayout
  .articleSingle__content
  h1:not(.articleSingle__authorDetailsContentTitle) {
  font-size: 2.6666666667rem;
  line-height: 1.1;
  margin-top: 0;
}
.articleSingle--default .articleSingle__intro {
  margin-top: 16px;
}
.articleSingle__intro p {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 1.3333333333rem;
  line-height: 1.45;
  color: #999;
  -webkit-line-clamp: unset;
}
.articleSingle__description {
  margin: 0;
}
.articleSingle__description h4 {
  margin-bottom: 8px;
}
.articleSingle__media {
  margin-top: 0;
}
.articleSingle__mediaContainer {
  margin-right: 45px;
  width: calc(100% - 366px);
}
.articleSingle__image {
  width: 100%;
}
.articleSingle--default .articleSingle__image {
  width: 100%;
  margin: 0 0 48px;
}
.articleSingle__category {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.8461538462;
  letter-spacing: 0.09em;
  background-color: #000;
  padding: 0 16px;
  position: absolute;
  z-index: 2;
  color: #fff;
  left: 0;
  bottom: 0;
  /*   text-transform: uppercase; */
}
.related {
  border-width: 4px;
  border-color: #000;
  max-width: var(--contentMaxWidth);
}
.related:last-child {
  margin-bottom: 0;
}
.related__title {
  padding-top: 8px;
  border-width: 4px;
  border-color: #000;
  letter-spacing: 0;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1.6666666667rem;
  line-height: 1.2;
}
.related .article {
  flex-direction: row;
  align-items: flex-start;
}
.related .article__image {
  width: 220px;
  margin-right: 24px;
  flex: 0 0 auto;
}
.related .article__image figure {
  padding-top: calc(220 / 220 * 100%);
  position: relative;
  width: 100%;
}
.related .article__image figure picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.related .article__image figure img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.related .article__content {
  padding: 0;
}
.related .article__info {
  margin: 0;
}
.related .article__title {
  margin-top: 16px;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 2.4rem;
  line-height: 1.1111111111;
}
.categoriesList {
  padding-top: 16px;
  border-top: 4px solid #000;
  max-width: var(--contentMaxWidth);
  margin-bottom: 22px;
}
.categoriesList__item {
  margin-right: 24px;
}
.categoriesList__link {
  border: 2px solid #000;
  padding: 0 16px;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.8461538462;
  letter-spacing: 0.09em;
}
.mobileActions {
  display: block;
  margin-top: 16px;
}
.mobileActions__header {
  align-items: center;
  margin-bottom: 0;
}
.mobileActions__image {
  margin-right: 20px;
  width: 48px;
  height: 48px;
}
.mobileActions__col {
  margin: 0;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px 48px;
}
.mobileActions__row {
  display: block;
}
.mobileActions__row a,
.mobileActions__row span {
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.2307692308;
  letter-spacing: 0.07em;
  color: #000;
}
.type45 .banner,
.type46 .banner {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  align-self: flex-start;
}
.banner--wideFull {
  height: 250px;
  width: 100%;
  max-width: 970px;
  display: block;
}
.mgArticles .banner {
  position: relative;
  top: 0;
  margin: 0 0 24px;
}
.multipleBanners .mgArticles .banner {
  position: relative;
  top: 0;
  margin: 0 0 24px !important;
}
.category__title a {
  -webkit-text-decoration: underline 0.1em transparent;
  text-decoration: underline 0.1em transparent;
}
.category__title a:after {
  content: unset;
}
.avLogo,
.mainHeading {
  transition: opacity 250ms ease-out;
}
.buttonWrapper {
  margin-top: 40px;
  width: 100%;
  text-align: center;
}
.colMaxWidth {
  width: 100%;
  max-width: 952px;
}
.audioPlayerBar {
  background-color: #000;
}
.audioPlayer {
  color: #000;
}
.audioPlayer.playing {
  opacity: 1;
  color: #999;
}
.volume__sliderInner {
  background-color: #404040;
}
.volume__sliderBar {
  background-color: #999;
}
.volume__sliderProgress {
  background-color: #fff;
}
.imageTiles {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.imageTiles__gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.imageTiles__image {
  width: 100%;
  padding-top: calc(738 / 480 * 100%);
  position: relative;
  width: 100%;
}
.imageTiles__image picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.imageTiles__image img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.imageTiles__content {
  margin: -68px auto 0;
  max-width: 708px;
  padding: 24px;
  background-color: #f4f4f4;
  text-align: center;
  position: relative;
}
.imageTiles__content p {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 2.6666666667rem;
  line-height: 1.1;
  margin: 0;
  letter-spacing: 0;
}
.illustrationContainer {
  position: relative;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.illustrationContainer:before {
  content: '';
  display: block;
  width: 100%;
  height: calc(100% - 110px);
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #e4e4e4;
  z-index: -1;
}
.illustrationContainer__image {
  width: 270px;
  flex: 0 0 auto;
}
.illustrationContainer__image figure {
  padding-top: calc(330 / 270 * 100%);
  position: relative;
  width: 100%;
}
.illustrationContainer__image figure picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.illustrationContainer__image figure img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.illustrationContainer__text {
  margin: 90px 80px 0;
  display: flex;
  flex-direction: column;
}
.illustrationContainer__title {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 2.6666666667rem;
  line-height: 1.1;
  color: #000;
  margin-bottom: 8px;
  letter-spacing: 0;
}
.illustrationContainer p {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 2.1333333333rem;
  line-height: 1.25;
  color: #000;
  margin: 0;
  letter-spacing: 0;
}
.illustrationContainer .button {
  margin-top: 90px;
}
.heroSection {
  margin-bottom: 48px;
}
.heroSection__container {
  display: flex;
}
.heroSection__menu {
  width: 122px;
  flex: 0 0 auto;
  padding-top: 68px;
  position: relative;
  z-index: 2;
}
.heroSection__logo {
  max-width: 80px;
  margin-bottom: 32px;
}
.heroSection__nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.heroSection__nav li {
  margin-bottom: 12px;
}
.heroSection__nav li:last-child {
  margin-bottom: 0;
}
.heroSection__nav li a {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #000;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  border-bottom: 2px solid transparent;
}
.heroSection__nav li a.current {
  border-color: #000;
}
.heroSection__footer {
  margin-top: 44px;
  display: flex;
  flex-direction: column;
}
.heroSection__label {
  padding: 20px 64px 20px 0;
  white-space: nowrap;
  display: flex;
  position: relative;
  margin-bottom: 16px;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #fff;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  background-color: #000;
}
.heroSection__label:before {
  content: '';
  z-index: -1;
  width: 376px;
  height: 100%;
  position: absolute;
  left: -64px;
  top: 50%;
  background-color: #000;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.heroSection__label span {
  margin-left: 16px;
  color: #999;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  text-transform: none;
}
.heroSection__social {
  display: flex;
}
.heroSection__social li {
  margin-right: 4px;
}
.heroSection__social li:last-child {
  margin-right: 0;
}
.heroSection__social li a {
  width: 24px;
  height: 24px;
  color: #000;
  font-size: 24px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.heroSection__slider {
  width: calc(100% - 122px);
  margin-left: auto;
}
.heroSection__article {
  position: relative;
  width: calc(100% - 122px);
  margin-left: auto;
}
.heroSection__article:after {
  content: '';
  height: 180px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.5) 0,
    rgba(0, 0, 0, 0) 100%
  );
  background-repeat: no-repeat;
  pointer-events: none;
}
.avLogo img {
  display: block;
}
.lookGuide {
  padding-bottom: 80px;
  border-bottom: 4px solid #000;
  width: 100%;
}
.lookGuide__header {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  margin-bottom: 64px;
}
.lookGuide__header:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 4px;
  background-color: #000;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.lookGuide__headerContent {
  padding: 0 24px;
  background-color: #f4f4f4;
  display: flex;
  align-items: center;
  position: relative;
}
.lookGuide__headerTitle {
  font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  font-size: 3.0666666667rem;
  line-height: 1;
  color: #000;
  letter-spacing: 0;
}
.lookGuide__headerImage {
  margin-left: 20px;
  display: flex;
  align-items: flex-end;
}
.lookGuide__headerImage span {
  margin-right: 16px;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 1.7333333333rem;
  line-height: 1;
  color: #999;
  letter-spacing: 0;
}
.lookGuide__headerImage img {
  display: block;
  max-width: 160px;
}
.inlineForm {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 24px 24px;
}
.inlineForm__title {
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1.6666666667rem;
  line-height: 1.2;
  color: #000;
  letter-spacing: 0;
}
.inlineForm .formGroup {
  margin: 0;
}
.inlineForm__button {
  display: flex;
  flex-direction: column;
}
.inlineForm__indication {
  text-align: center;
  display: block;
  margin-top: 16px;
  font-family: PFSpekkVARRegular, Arial, sans-serif;
  font-size: 0.8rem;
  line-height: 1.25;
  color: #000;
  letter-spacing: 0.09em;
}
.slidesContainer__nav {
  position: absolute;
  display: flex;
  align-items: center;
  top: 16px;
  left: 0;
  font-family: PFSpekkVARBold, Arial, sans-serif;
  font-size: 1.3333333333rem;
  line-height: 1;
  letter-spacing: 0;
  color: #999;
}
.slidesContainer__el {
  margin: 0 8px;
}
.slidesContainer__el:first-child {
  margin-left: 0;
  color: #000;
}
.slidesContainer__el:last-child {
  margin-right: 0;
}
.slidesContainer__buttons {
  position: absolute;
  width: 342px;
  right: 0;
  bottom: 64px;
  border-top: 4px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  z-index: 2;
}
.slidesContainer__button {
  position: relative;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  bottom: unset;
  top: unset;
  left: unset;
  right: unset;
  font-size: 24px;
  line-height: 1;
  margin-right: 16px;
  margin-top: 16px;
}
.slidesContainer__button:last-child {
  margin-right: 0;
}
.slidesContainer__button i {
  height: 24px;
}
.slidesContainer .swiper-button-next:after,
.slidesContainer .swiper-button-prev:after {
  content: none;
}
@media (min-width: 640px) {
  .article--fullWideMediumAbsolute .article__image figure {
    aspect-ratio: 1074/604;
  }
}
@media (min-width: 767px) {
  /* body {
    overflow-x: hidden;
  } */
  .lookLayout h1.mainHeading figure,
  .lookLayout h2.mainHeading figure,
  .lookLayout h3.mainHeading figure,
  .lookLayout h4.mainHeading figure,
  .lookLayout h5.mainHeading figure,
  .lookLayout h6.mainHeading figure {
    margin-right: 32px;
  }
  .wrapper--wImage {
    margin-bottom: 40px;
  }
  .radiosvg {
    width: 162px;
  }
  .heroArticle {
    min-height: 600px;
  }
  .article--hero .article__image {
    min-height: calc(600px - var(--headerHeight));
  }
  .article--primarySmall .article__image figure {
    aspect-ratio: 708/456;
  }
  .related .article__image figure {
    aspect-ratio: 220/144;
  }
  .megaMenu__logo {
    display: none;
  }
  .lookLayout .megaMenu .megaMenu__list--social {
    gap: 32px;
  }
  .megaMenu__submenu {
    background-color: #f2f2f2;
    display: flex;
    flex-direction: column;
    opacity: 0;
    padding: 72px 32px 32px;
    position: absolute;
    pointer-events: none;
    right: 1px;
    top: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: all 0.3s ease;
    box-shadow: 22px 0 24px rgba(0, 0, 0, 0.2);
  }
  .megaMenu__item.hover .megaMenu__submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
  .illustrationsMenu__item {
    position: relative;
  }
  .illustrationsMenu__item:not(:last-child):after {
    background-color: #e5e5e5;
    content: '';
    position: absolute;
    right: calc(-1 * var(--illustrationsMenuSpace) / 2);
    top: 0;
    width: 2px;
    height: 100%;
  }
  .newsletter-popup .popup__content {
    min-height: 665px;
    display: flex;
    align-items: center;
  }
  .newsletterSnippet {
    padding: 24px;
  }
  .newsletterSnippet__row {
    padding: 0 28px;
  }
  .newsletterSnippet__row .form__icon {
    right: -24px;
  }
  .sidebar__title a:after {
    content: unset;
  }
  .category__title a:after {
    content: unset;
  }
  .categories__articles .article:first-child {
    margin-bottom: 40px;
  }
  .flowSection {
    flex-wrap: nowrap;
  }
  .flowSection__aside {
    position: relative;
    width: 33.33%;
    height: 100%;
  }
  .flowSection__asideInner {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .flowSection__asideInner .articleTabs,
  .flowSection__asideInner .category {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
  }
  .flowSection__asideInner .articleTabs__container {
    flex: 1;
    min-height: 0;
  }
  .flowSection__asideInner .articleTabs__content {
    height: 100%;
  }
  .articlePreview .article figure {
    aspect-ratio: auto;
  }
}
@media (min-width: 767px) and (hover: hover) and (pointer: fine) {
  .megaMenu__item--withSubmenu:hover {
    z-index: 2;
  }
  .megaMenu__item--withSubmenu:hover .megaMenu__submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
  .megaMenu__item--withSubmenu:hover .megaMenu__submenu:after {
    -webkit-animation: subnavHoverHelp 2s;
    animation: subnavHoverHelp 2s;
    -webkit-clip-path: polygon(100% 100%, 100% 0, 0 0);
    clip-path: polygon(100% 100%, 100% 0, 0 0);
    content: '';
    position: absolute;
    right: 100%;
    top: 16px;
    width: 272px;
    height: calc(100% - 16px);
  }
}
@media (min-width: 1024px) {
  .mobileOnly {
    display: none;
  }
  .grid--full {
    grid-template-columns: repeat(6, 1fr);
  }
  body:not(.lookLayout) .grid .banner:not(.b1x1) {
    display: none;
  }
  .type20.categorySection--withIllustration .banner {
    margin-top: 146px;
  }
  .type2 .filters,
  .type41 .filters {
    position: relative !important;
    top: unset !important;
    left: unset !important;
  }
  .largeList li:first-child {
    text-align: left;
  }
  .largeList li:last-child {
    text-align: right;
  }
  .smallList li:not(:last-child) {
    margin-right: 32px;
  }
  .sponsoredSection {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sponsoredSection__banner {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .largeList li:last-child {
    text-align: left;
  }
  .smallList li:not(:last-child) {
    margin-right: 12px;
  }
}
@media (min-width: 1280px) {
  .type25 .mobileOnly {
    display: none;
  }
  .xlargeWrap {
    flex-wrap: nowrap;
  }
  .largeList li:nth-child(3) {
    margin: 0 100px;
    position: relative;
    left: 12px;
  }
  .illustrationsMenu__link span {
    margin-left: 8px;
  }
  .newsletterSnippet__row {
    padding: 0 40px;
  }
  .grid__banner {
    grid-row: span 2;
  }
}
@media (min-width: 1366px) {
  .withSkin .heroArticle {
    width: calc(100% + 160px);
    position: relative;
    left: -80px;
    z-index: 101;
  }
  .articleSingle--default .articleSingle__image figure,
  .articleSingle--default .articleSingle__slider figure {
    min-height: 600px;
  }
  .articleSingle--default .articleSingle__image figure img,
  .articleSingle--default .articleSingle__slider figure img {
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media (max-width: 1729px) {
  .skin__column {
    width: 80px;
  }
}
@media (max-width: 1567px) {
  body.homePage:before {
    height: 320px;
  }
  .header__logo {
    margin: 0 16px 0 0;
  }
  .withSkin .header__logo {
    min-width: 90px;
  }
  .burgerMenu {
    margin-right: 16px;
  }
  .primaryNav li {
    margin-right: 16px;
  }
  .withSkin .article--opinion .article__title {
    padding-right: 0;
  }
  .article--inlineSquareFull .article__title {
    font-size: 1.3333333333rem;
    line-height: 1.6rem;
  }
  .withSkin .article--recipe .article__info:after {
    content: none;
  }
  .primaryArticle__date {
    height: 50px;
    bottom: -50px;
  }
  .withSkin .type19 .grid--semi,
  .withSkin .type20 .grid--semi {
    grid-template-columns: 1fr;
  }
  .withSkin .articleContainer {
    padding-right: 24px;
  }
  .articleActions {
    left: -48px;
  }
  .withSkin .toolsList .button--withIcon:not(.disabled),
  .withSkin .toolsList button--withIcon:not(.disabled) {
    padding: 0 8px;
  }
  .toolsList li:not(:last-child) {
    margin-right: 16px;
  }
  .withSkin .toolsList li a.button {
    min-width: 120px;
  }
  .withSkin .toolsList li a .mobileHidden {
    display: none;
  }
  .illustrationsMenu__image {
    width: 112px;
  }
  .news__title {
    height: 50px;
  }
  .search {
    margin-right: 16px;
  }
  .pageWithTopFilters .searchFieldGroup__field {
    min-width: 200px;
  }
  .link--large {
    font-size: 1.3333333333rem;
    line-height: 1.6rem;
  }
  .mgArticles .article__image {
    margin-right: 24px;
  }
}
@media (max-width: 1399px) {
  .type19 .minWidthCol {
    margin-right: auto;
  }
  .toTop {
    right: 20px;
  }
  .withSkin .header__logo {
    margin: 0 12px 0 0;
  }
  .withSkin .burgerMenu {
    margin-right: 12px;
  }
  .withSkin .primaryNav li {
    margin-right: 12px;
  }
  .article--portraitInline {
    position: relative;
    flex-direction: column;
    max-width: 464px;
  }
  .withSkin .article--opinion {
    margin: 0 0 20px;
  }
  .withSkin .article--opinion .article__image {
    width: 60px;
  }
  .article--portraitInline .article__content {
    position: unset;
    margin-top: 16px;
  }
  .article--portraitInline .article__title {
    left: calc(100% + 16px);
  }
  .primaryArticle__date {
    width: 250px;
  }
  .article--inlineSquareFullLarge .article__image {
    width: 230px;
  }
  .smallImages .article--inlineSquareFullLarge .article__image {
    width: 200px;
  }
  .articleSingle:not(.articleSingle--zodiac) {
    flex-direction: column;
    padding-right: 24px;
  }
  .articleSingle--default {
    padding-right: 0;
  }
  .articleSingle__content--compact {
    margin-top: 64px !important;
  }
  .articleContainer {
    padding-right: 24px;
  }
  .withSkin .articleContainer {
    padding-right: 0;
  }
  .toolsList .button--withIcon:not(.disabled),
  .toolsList button--withIcon:not(.disabled) {
    padding: 0 8px;
  }
  .infoBox__content {
    padding: 32px 98px 32px 98px;
  }
  .withSkin .toolsList {
    padding-left: 12px;
  }
  .withSkin .toolsList li:not(:last-child) {
    margin-right: 12px;
  }
  .toolsList li a .mobileHidden {
    display: none;
  }
  .articleSingle--recipe .articleInfoList {
    margin-top: 32px;
  }
  .withSkin .search {
    margin-right: 12px;
  }
  .thumbsSlider__button--prev {
    -webkit-transform: translate(-50%, 120px);
    transform: translate(-50%, 120px);
  }
  .thumbsSlider__button--next {
    -webkit-transform: translate(50%, 120px);
    transform: translate(50%, 120px);
  }
  .withSkin .sidebar__title {
    margin-bottom: 30px;
  }
  .subCategories li {
    margin-right: 16px;
  }
  .mgArticles .article__image {
    max-width: 400px;
  }
  .articleContainer__body,
  .articleContainer__footer {
    margin-right: auto;
    margin-left: auto;
    padding: 0;
  }
  .articleSingle__content {
    margin-right: auto;
    margin-left: auto;
  }
  .articleSingle--default .articleSingle__content {
    margin-right: auto;
    margin-left: auto;
  }
}
@media (max-width: 1365px) {
  .withSkin .mainContainer .footer,
  .withSkin .mainContainer .header {
    padding-left: 0;
    padding-right: 0;
  }
  .transparent.withSkin:not(.podcast) .mainContainer .main {
    padding-left: 0;
    padding-right: 0;
  }
  .lookLayout.withSkin .mainContainer .main {
    padding-left: 0;
    padding-right: 0;
  }
  .withSkin .mainContainer .main {
    padding-left: 0;
    padding-right: 0;
  }
  .skin {
    display: none;
  }
  .withSkin .skin {
    display: none;
  }
  .withSkin section.blackSection {
    background-color: #171717;
  }
  .withSkin section.blackSection .wrapper {
    background-color: transparent;
  }
  .xxlargeWrap {
    flex-wrap: wrap;
  }
  .col--xxl1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col--xxl2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col--xxl3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col--xxl4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col--xxl5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col--xxl6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col--xxl7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col--xxl8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col--xxl9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col--xxl10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col--xxl11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col--xxl12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .header__logo {
    max-width: 140px;
    min-width: 100px;
  }
  .withSkin .header__logo {
    min-width: 100px;
    margin: 0 16px 0 0;
  }
  .withSkin .burgerMenu {
    margin-right: 16px;
  }
  .withSkin .primaryNav li {
    margin-right: 16px;
  }
  .article--portraitInline {
    max-width: 444px;
  }
  .article--fullWideLargeAbsolute .article__image figure {
    aspect-ratio: inherit;
    height: 100%;
  }
  .article--portraitInline .article__image {
    width: 444px;
  }
  .article--fullWideLargeAbsolute .article__image {
    height: 600px;
  }
  .type18 .article--wideSmall .article__title {
    min-height: 80px;
  }
  .article--inline .article__title {
    padding-right: 4px;
  }
  .withSkin .primaryArticle__title {
    left: -64px;
  }
  .withSkin .primaryArticle__date {
    border-color: #171717;
  }
  .article--inlineWide .article__image {
    width: 280px;
  }
  .type19 .col:first-child {
    margin-bottom: 64px;
  }
  .type47 .grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .type19 .grid--semi {
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 24px;
  }
  .type19 .grid--semi .banner {
    order: 2;
  }
  .type19 .grid--fullRow {
    padding-right: 0;
    grid-template-columns: repeat(2, 1fr);
  }
  .type19 .grid--fullRow.innerGrid {
    grid-template-columns: repeat(3, 1fr);
  }
  .type19 .grid--fullRow.innerGrid .article {
    margin-bottom: 0 !important;
  }
  .articleContainer
    .articleSingle--withBanner
    .articleSingle__description
    + .banner {
    position: relative;
    right: 0;
    top: 0;
    margin: 0 auto 36px !important;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .articleSingle--default .articleSingle__image,
  .articleSingle--default .articleSingle__slider {
    width: calc(81% + 24px);
    flex: auto;
  }
  .articleSingle--withVideo.articleSingle--default .articleSingle__image,
  .articleSingle--withVideo.articleSingle--default .articleSingle__slider {
    width: calc(81% + 24px);
  }
  .articleSingle--withVideo .articleSingle__image,
  .articleSingle--withVideo .articleSingle__slider {
    width: 100%;
    margin: 0;
  }
  .articleSingle--book .articleSingle__image,
  .articleSingle--book .articleSingle__slider {
    width: 254px;
  }
  .articleSingle--book .articleSingle__image picture:before,
  .articleSingle--book .articleSingle__slider picture:before {
    left: -44px;
    top: 43px;
  }
  .articleSingle--edition .articleSingle__image picture:before,
  .articleSingle--edition .articleSingle__slider picture:before,
  .articleSingle--press .articleSingle__image picture:before,
  .articleSingle--press .articleSingle__slider picture:before {
    left: -44px;
    top: 43px;
  }
  .articleSingle--cover .articleSingle__image picture:before,
  .articleSingle--cover .articleSingle__slider picture:before {
    left: -44px;
    top: 43px;
  }
  .articleSingle__image .link,
  .articleSingle__slider .link {
    top: 12px;
  }
  .type38 .articleSingle__image .link,
  .type38 .articleSingle__slider .link {
    top: 12px;
  }
  .articleSingle--withBanner .articleSingle__content {
    flex-direction: column;
  }
  .articleSingle__authorDetailsContent a {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
  .articleSingle__authorDetailsContentTitle {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
  .articleSingle--recipe .articleSingle__intro p,
  .articleSingle--tribute .articleSingle__intro p {
    -webkit-line-clamp: 4;
  }
  .podcast .articleContainer {
    padding-right: 0;
  }
  .withSkin .fullWidthImage {
    max-width: 100%;
    margin: 0;
  }
  .cta {
    padding: 32px;
  }
  .cta--large {
    padding: 30px 122px 30px;
  }
  .withSkin .gallery {
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
    margin-right: 0;
  }
  .infoBox__content {
    padding: 32px 32px 32px 50px;
  }
  .withSkin .toolsList li:not(:last-child) {
    margin-right: 16px;
  }
  .toolsList li a.button {
    min-width: 120px;
  }
  .withSkin .news__title {
    border-color: var(--regularColor);
  }
  .withSkin .search {
    margin-right: 16px;
  }
  .thumbsSlider .slides__content {
    width: calc(33.3333333333% - 16px);
  }
  .sidebar--withPadding {
    padding: 0;
  }
  .tile {
    padding: 24px 12px 34px;
  }
  .categoryPage.withSkin .categorySection--black {
    background-color: #171717;
  }
  .categoryPage.withSkin .categorySection--black .categorySection__wrapper {
    background-color: transparent;
  }
  .type19 .category--halfWidthMax {
    width: 100%;
  }
  .article--heroMag .article__content {
    max-width: 600px;
  }
  .articleSingle--default .articleSingle__image {
    width: 100%;
  }
}
@media (max-width: 1279px) {
  body.homePage:before {
    height: 386px;
  }
  body.large:before {
    height: 386px;
  }
  body.medium:before {
    height: 330px;
  }
  body.thin:before {
    height: 64px;
  }
  .type25 .mobileHidden {
    display: none;
  }
  .marginTopAuto {
    margin-top: 20px;
  }
  .groupedSection.grid {
    margin-bottom: 80px;
  }
  .footer__logo {
    max-width: 180px;
  }
  .footer .subscribe .formGroup__button {
    min-width: 120px;
  }
  .wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
  .col--xl1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col--xl2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col--xl3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col--xl4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col--xl5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col--xl6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col--xl7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col--xl8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col--xl9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col--xl10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col--xl11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col--xl12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .header__logo {
    max-width: 160px;
  }
  .primaryNav {
    display: none !important;
  }

  .megaMenu .primaryNav {
    display: flex !important;
  }

  .articleSingle__logo {
    display: none;
  }

  .articleSingle,
  .articleSingle--default .articleSingle__image,
  .articleSingle--default .articleSingle__slider {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
    max-width: 100%;
  }

  .articleSingle__image,
  .articleSingle__slider {
    margin-right: 0;
    width: 100%;
  }

  .article--portraitInline {
    max-width: 360px;
  }
  .article--opinion {
    margin-bottom: 24px;
  }
  .type4 .article--portrait .article__image figure img,
  .type4 .article--square .article__image figure img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
  }
  .type4 .article--square .article__image figure {
    aspect-ratio: 342/220;
  }
  .article--opinion .article__image {
    width: 60px;
  }
  .article--inlineSquare .article__image {
    margin-right: 12px;
  }
  .article--portraitInline .article__image {
    width: 360px;
    margin-top: 90px;
  }
  .article--inlineSquare .article__content {
    padding-right: 12px;
  }
  .article--hero .article__title {
    font-size: 3.7333333333rem;
  }
  .article--portraitInline .article__title {
    width: 320px;
    top: 90px;
  }
  .article--primary .article__title {
    font-size: 1.7333333333rem;
    line-height: 2rem;
    width: 100%;
  }
  .article--primarySmall .article__title {
    font-size: 1.7333333333rem;
    line-height: 2rem;
  }
  .article--opinion .article__title {
    padding-right: 0;
  }
  .article--squareLarge .article__title {
    font-size: 1.1333333333rem;
    line-height: 1.3333333333rem;
  }
  .article p {
    font-size: 0.9333333333rem;
    line-height: 1.3333333333rem;
    height: auto;
    min-height: 0;
  }
  .article--hero p {
    font-size: 1.3333333333rem;
    line-height: 1.5;
  }
  .article__videoImage {
    width: 282px;
  }
  .article__info a,
  .article__info span {
    margin-right: 8px;
  }
  .article--hero .article__info a,
  .article--hero .article__info span {
    margin-right: 24px;
  }
  .article--inlineSquareFull .article__info {
    font-size: 0.7333333333rem;
  }
  .primaryArticle__logo {
    height: 94px;
  }
  .primaryArticle__date {
    height: 64px;
    bottom: -64px;
  }
  .type4 .grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .flexBoxGrid {
    padding-right: 12px;
  }
  .type11 .article--square:nth-child(3) {
    grid-column: 1/5;
    flex-direction: row;
  }
  .type11 .article--square:nth-child(3) .article__image {
    width: 380px;
    margin-right: 12px;
    flex: 0 0 auto;
  }
  .type11 .article--square:nth-child(3) .article__image figure {
    aspect-ratio: 600/320;
  }
  .type11 .article--square:nth-child(3) .article__image figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .type11 .article--square:nth-child(4) {
    grid-column: 5/7;
    flex-direction: row;
  }
  .type11 .article--square:nth-child(4) .article__image {
    width: 180px;
    margin-right: 12px;
    flex: 0 0 auto;
  }
  .type11 .article--square:nth-child(4) .article__image figure {
    aspect-ratio: 1;
  }
  .type11 .article--square:nth-child(4) .article__image figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .type11 .article--squareXLarge .article__image figure,
  .type11 .article--wideMedium .article__image figure,
  .type12 .article--squareXLarge .article__image figure,
  .type12 .article--wideLarge .article__image figure {
    height: 300px;
  }
  .type12 .article--wideLarge .article__title {
    font-size: 1.7333333333rem;
    line-height: 2rem;
    margin-top: 8px;
  }
  .type11 .article--wideMedium .article__title {
    font-size: 1.7333333333rem;
    line-height: 2rem;
    margin-top: 8px;
  }
  .article--inlineSquareFullLarge .article__title {
    font-size: 1.7333333333rem;
    line-height: 2rem;
  }
  .smallImages .article--inlineSquareFullLarge .article__title {
    font-size: 1.4666666667rem;
    line-height: 1.6rem;
  }
  .article--inlineWide .article__title {
    font-size: 1.7333333333rem;
    line-height: 2rem;
  }
  .article--story p {
    font-size: 1.2rem;
    line-height: 1.7333333333rem;
  }
  .article--story.large p {
    font-size: 1.3333333333rem;
    line-height: 2rem;
  }
  .type33 .article--wideMedium p,
  .type35 .article--wideMedium p {
    font-size: 1.2rem;
    line-height: 1.7333333333rem;
  }
  .article--inlineSquareFullLarge .article__info,
  .article--inlineWide .article__info {
    font-size: 0.7333333333rem;
  }
  .type20 .grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid--maxWidth {
    width: calc(100% - 244px);
    max-width: 100%;
    margin-right: 0;
  }
  .type11 .grid--full,
  .type12 .grid--full {
    grid-gap: 12px;
  }
  .grid--fullRow {
    padding-right: 12px;
  }
  .grid.columnGap-74 {
    grid-column-gap: 54px;
  }
  .articlePreview__content {
    width: calc(100% - 40px);
  }
  .articlePreview--video .articlePreview__content {
    width: calc(100% - 200px);
  }
  .articles--singleColumn:not(.articles--large) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px;
  }
  .type50 .articles--singleColumn:not(.articles--large),
  .type51 .articles--singleColumn:not(.articles--large) {
    display: flex;
    flex-direction: column;
    grid-gap: 0;
  }
  .type32 .articles--singleColumn {
    display: flex;
    flex-direction: column;
    grid-gap: 0;
  }
  .type24 .articles--singleColumn {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-template-columns: repeat(1, 1fr);
  }
  .type24 .articles--singleColumn .article {
    width: 100%;
    margin-bottom: 0;
  }
  .type24 .articles--singleColumn .banner,
  .type30 .articles--singleColumn .banner {
    width: 100%;
    grid-row: 1/3;
    grid-column: 2/3;
    margin-bottom: 0;
  }
  .articles--large {
    padding-right: 0;
  }
  .stories {
    grid-template-columns: 1fr;
    grid-row-gap: 40px;
  }
  .articleSingle {
    flex-direction: column;
    padding-right: 0;
  }
  .articleSingle:not(.articleSingle--zodiac) {
    padding-right: 0;
  }
  .radioPage .articleSingle {
    flex-direction: row;
  }
  .articleSingle.noMargin {
    margin-bottom: 0 !important;
  }
  .articleSingle--tribute {
    flex-direction: row;
  }
  .type30 .articleSingle--zodiac {
    flex-direction: row;
    padding-left: 30px !important;
  }
  .articleSingle--voice {
    flex-direction: row;
    padding-right: 0;
  }
  .articleSingle--default {
    margin-bottom: 30px;
  }
  .articleSingle--smallMargin {
    margin-bottom: 20px;
  }
  .articleSingle--book {
    flex-direction: row;
  }
  .articleSingle__preview {
    width: 242px;
  }
  .articleSingle__image,
  .articleSingle__slider {
    margin: 0 auto 32px;
  }
  .articleSingle--tribute .articleSingle__image,
  .articleSingle--tribute .articleSingle__slider {
    margin: 0;
  }
  .type30 .articleSingle--zodiac .articleSingle__image,
  .type30 .articleSingle--zodiac .articleSingle__slider {
    margin-right: 24px;
  }
  .articleSingle--book .articleSingle__image,
  .articleSingle--book .articleSingle__slider {
    width: 100%;
  }
  .articleSingle--edition .articleSingle__image,
  .articleSingle--edition .articleSingle__slider,
  .articleSingle--press .articleSingle__image,
  .articleSingle--press .articleSingle__slider {
    max-width: 100%;
  }
  .articleSingle--cover .articleSingle__image,
  .articleSingle--cover .articleSingle__slider {
    max-width: 300px;
    margin: 0 auto 64px;
  }
  .articleSingle--book .articleSingle__image picture:before,
  .articleSingle--book .articleSingle__slider picture:before {
    left: -12px;
    top: 12px;
  }
  .articleSingle--edition .articleSingle__image picture:before,
  .articleSingle--edition .articleSingle__slider picture:before,
  .articleSingle--press .articleSingle__image picture:before,
  .articleSingle--press .articleSingle__slider picture:before {
    left: -12px;
    top: 12px;
  }
  .articleSingle--cover .articleSingle__image picture:before,
  .articleSingle--cover .articleSingle__slider picture:before {
    left: -12px;
    top: 12px;
  }
  .articleSingle__image .link,
  .articleSingle__slider .link {
    top: 24px;
  }
  .type38 .articleSingle__image .link,
  .type38 .articleSingle__slider .link {
    top: 24px;
  }
  .type39 .articleSingle__image .link,
  .type39 .articleSingle__slider .link {
    color: #171717;
  }
  .articleSingle--voice .articleSingle__info {
    margin-left: 55px;
  }
  .podcast .articleSingle__illustration {
    order: 0;
    margin-left: 0;
    margin-bottom: 32px;
  }
  .articleContainer--centered .articleSingle__content {
    min-height: 0;
  }
  .podcast .articleSingle__content {
    order: 1;
    margin-right: 0;
  }
  .radioPage .articleSingle__content {
    order: 0;
    margin-right: 0;
  }
  .articleSingle--centered .articleSingle__content {
    max-width: 100%;
  }
  .articleSingle--centered .articleSingle__content:after {
    max-width: 100%;
  }
  .articleSingle--voice .articleSingle__content {
    padding-left: 110px;
  }
  .articleSingle__content h1:not(.articleSingle__authorDetailsContentTitle) {
    text-align: center;
  }
  .articleSingle__content
    h1:not(.articleSingle__authorDetailsContentTitle).articleSingle__title {
    font-size: 2.1333333333rem;
    line-height: 2.8rem;
    min-height: 66px;
  }
  .articleSingle__title {
    font-size: 2.1333333333rem;
    line-height: 2.8rem;
  }
  .articleSingle__titleSecond {
    font-size: 1.7333333333rem;
  }
  .articleSingle--tribute .articleSingle__title {
    padding: 0;
  }
  .articleSingle--tribute .articleSingle__intro {
    margin-top: 16px;
  }
  .articleSingle__links {
    flex-direction: column;
  }
  .articleSingle__links--plain {
    flex-direction: row;
  }
  .articleSingle__links .link {
    margin-bottom: 16px;
  }
  .articleContainer {
    padding-right: 96px;
  }
  .withSkin .articleContainer {
    padding-right: 96px;
  }
  .articleContainer--centered .articleSingle {
    margin: 0;
    max-width: 100%;
  }
  .articleContainer--centered.flexColumn {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .articleContainer--centered.flexColumn .articleSingle {
    width: calc(100% - 244px);
  }
  .articleContainer:last-child {
    margin-bottom: 60px;
  }
  .articleContainer--centered .articleContainer__sidebar {
    position: relative;
  }
  .podcast .articleContainer__footer {
    width: calc(100% - 314px);
  }
  .articleContainer--centered .articleContainer__footer {
    width: calc(100% - 244px);
    margin-right: 0;
    max-width: 100%;
  }
  .type35 .articleContainer__footer {
    width: 100%;
  }
  .podcast .articleContainer:last-child {
    margin-bottom: 30px;
  }
  .articleActions {
    position: relative;
    left: 0;
    margin-right: 24px;
  }
  .withSkin .articleActions {
    left: 0;
  }
  .withSkin .articleContainer--centered .articleActions,
  .withSkin
    .articleSingle:not(.articleSingle--zodiac):not(
      .articleSingle--withBorderSmall
    )
    .articleActions,
  .withSkin.podcast .articleActions {
    left: 0;
  }
  .type35 .articleActions {
    margin-bottom: 50px;
  }
  .type30 .articleActions {
    position: absolute;
    left: 0;
    margin-right: 0;
  }
  .type31 .articleActions {
    position: absolute;
    left: 0;
    margin-right: 0;
  }
  .recipeInfo li {
    padding: 0 32px;
  }
  .fullWidthImage figcaption {
    width: calc(100% - 40px);
  }
  .maxWidthContent {
    width: calc(100% - 244px);
    max-width: 100%;
    margin-right: 0;
  }
  .type21 .banner {
    margin-top: 20px;
  }
  .noSticky.type24 .sidebar .banner {
    margin-top: 24px;
  }
  .podcast .type24 .minWidthCol .banner {
    position: relative;
    top: 0;
    margin: 0 auto;
    text-align: center;
  }
  .type30 .banner {
    position: relative;
    top: 0;
    margin: 32px auto 0;
    text-align: center;
  }
  .synastries .type30 .banner:first-child {
    position: relative;
    top: 0;
    margin: 32px auto;
    text-align: center;
  }
  .cta--large {
    padding: 30px 40px;
  }
  .cta--av:before,
  .cta--avPets:before {
    background-position: 440px;
  }
  .cta__col {
    padding: 0 30px;
  }
  .ctaBox {
    padding: 30px;
  }
  .ctaBox--withBg:after {
    left: 5px;
    bottom: 10px;
  }
  .ctaBox--withBg:after {
    left: 20px;
    bottom: 30px;
  }
  .popup .formWrapper__illustration {
    -webkit-transform: translate(-20%, -20%);
    transform: translate(-20%, -20%);
  }
  .formContainer--withPadding {
    padding: 40px 60px;
  }
  .pageWithTopFilters .filterGroup__content {
    grid-template-columns: repeat(3, 1fr);
  }
  .pageWithTopFilters .filterGroup__content--col4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .glossary {
    white-space: nowrap;
    overflow-x: auto;
    justify-content: left;
  }
  .glossary li {
    flex: 0 0 auto;
    margin: 0 4px;
  }
  .glossary li:first-child {
    margin-left: 16px;
  }
  .glossary li:last-child {
    position: relative;
  }
  .glossary li:last-child:before {
    content: '';
    display: block;
    position: absolute;
    right: -16px;
    width: 16px;
    height: 1px;
  }
  .simpleList li {
    margin-right: 12px;
  }
  .largeList li {
    width: auto;
  }
  .socialList li {
    margin: 0 6px;
  }
  .toolsList li a.button {
    min-width: 140px;
  }
  .withSkin .toolsList li a.button {
    min-width: 140px;
  }
  .articleInfoList__item {
    padding: 0 32px;
  }
  .tagsList {
    padding-right: 0;
  }
  .illustrationsMenu__link {
    flex-direction: column;
  }
  .illustrationsMenu__link:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .illustrationsMenu__link span {
    margin-top: 16px;
    text-align: center;
  }
  .news__list {
    margin-left: 64px;
  }
  .news__title {
    height: 64px;
    -webkit-transform: rotate(-90deg) translate(-50%, 0);
    transform: rotate(-90deg) translate(-50%, 0);
  }
  .notification {
    font-size: 1.1333333333rem;
    line-height: 1.7333333333rem;
  }
  .polls__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .quiz__questionBottom {
    width: 100%;
    left: 0;
  }
  .search {
    --searchWidth: 360px;
  }
  .search__resultsContent {
    padding: 0;
  }
  .search__resultsContent .article__image {
    width: 68px;
  }
  .search .search-results-size {
    padding: 16px;
  }
  .spinner {
    margin: 16px auto;
  }
  .categorySectionFilters .searchFieldGroup__field {
    min-width: 250px;
  }
  .gridSlider__button--prev {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  .gridSlider__button--next {
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
  }
  .thumbsSlider__thumbs .article__image {
    width: 100%;
  }
  .thumbsSlider__button--prev {
    -webkit-transform: translate(-25%, 120px);
    transform: translate(-25%, 120px);
  }
  .thumbsSlider__button--next {
    -webkit-transform: translate(25%, 120px);
    transform: translate(25%, 120px);
  }
  .sidebar + .bannerColumns {
    margin-top: 32px;
  }
  .type13 .sidebar--dynamic {
    margin-top: 40px;
  }
  .type13 .sidebar--dynamic .sidebar__title {
    color: #171717;
    border-color: #171717;
  }
  .type13 .sidebar__articles {
    flex-direction: row;
  }
  .type13 .sidebar__articles .article {
    order: 1;
    margin-right: 24px;
    height: 100%;
  }
  .type13 .sidebar__articles .article:nth-child(3) {
    margin-right: 0;
  }
  .type13 .sidebar__articles .banner {
    order: 0;
    flex: 0 0 auto;
    margin-right: 24px;
  }
  .sidebar__all {
    margin-top: 20px;
  }
  .sidebar__items {
    margin-top: 50px;
  }
  .sidebarTip__title {
    padding: 0 16px;
  }
  .text {
    margin-top: 30px;
  }
  .text__title {
    font-size: 2.1333333333rem;
    line-height: 2.4rem;
  }
  .tile {
    padding: 24px 0 34px;
  }
  .tile__content--inline {
    justify-content: center;
  }
  .tile__content p {
    padding: 0 12px;
  }
  .tile__button {
    padding: 0 8px;
  }
  .tileSelection {
    max-width: 120px;
  }
  .tileSelection__image {
    width: 80px;
    height: 90px;
  }
  .categorySection--black.type12 .article--square .article__info:after,
  .categorySection--black.type12 .article--wide .article__info:after {
    position: relative;
    right: 0;
    left: unset;
    top: unset;
    bottom: -6px;
  }
  .type37 .category .articles {
    display: flex;
    grid-gap: 0;
  }
  .category--withPadding {
    padding-right: 0;
  }
  .category--thirdWidthMax {
    width: calc(50% - 8px);
  }
  .type25 .category__title {
    margin-bottom: 24px !important;
  }
  .category__title figure {
    width: 60px;
  }
  .type25 .category__all {
    margin-left: 12px;
  }
  .article--mgWideFullInline {
    grid-column-end: 3;
  }
  .type46 .article--mgWideFullInline {
    grid-column-end: 4;
  }
  .article--heroMag .article__content {
    max-width: 708px;
    margin-top: 0;
  }
  .article--mgWideFullInline .article__title {
    font-size: 1.6666666667rem;
    line-height: 1.2;
  }
  .type20 .col .grid--fullWide,
  .type45 .grid--fullWide {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid__banner {
    order: 10;
  }
  .grid__banner .banner,
  .grid__banner img {
    margin-inline: auto;
  }
  .type20 .col .grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .mgArticles .article__image {
    max-width: 304px;
  }
  .mgArticles .article__title {
    font-size: 1.6666666667rem;
  }
  .type24 .mgSidebar .banner {
    margin-top: 56px;
  }
  .articleSingle__mediaContainer {
    width: calc(100% - 417px);
  }
}
@media (max-width: 1279px) and (min-width: 1024px) {
  .type4 .article--portrait .article__image figure {
    aspect-ratio: 342/220;
  }
  .type13 .article--primary .article__image {
    width: calc(100% - 88px);
    left: 76px;
  }
  .primaryArticle {
    margin-left: 64px;
  }
  .articleTabs__list li:not(:last-child) {
    margin-right: 8px;
  }
}
@media (max-width: 1279px) and (min-width: 767px) {
  .search__results {
    padding: 0;
  }
  .grid__banner {
    grid-column: span 2;
    text-align: center;
  }
}
@media (max-width: 1024px) {
  .type8 .article--portrait {
    grid-row-start: 3;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 1;
  }
  .type4 .article--portrait,
  .type5 .article--portrait {
    order: 1;
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 2;
    grid-row-end: 2;
  }
  .type2 .article--primarySmall {
    order: 1;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 4;
  }
  .article--inlineSquare {
    margin-top: 32px;
  }
  .article--inline {
    width: 33.3333333333%;
    flex: 0 0 auto;
  }
  .article--fullWideLargeAbsolute {
    width: 100%;
    margin-right: 24px;
  }
  .article--look .article__image figure img,
  .article--portraitInline .article__image figure img,
  .type5 .article--portrait .article__image figure img,
  .type8 .article--portrait .article__image figure img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
  }
  .type4 .article--square .article__image figure {
    aspect-ratio: 1;
  }
  .article--portraitInline .article__image {
    width: 260px;
    margin-top: 64px;
    margin-right: 12px;
  }
  .article--look .article__image {
    width: 50%;
    flex: 0 0 auto;
    margin-right: 24px;
  }
  .article--portraitInline .article__title {
    width: auto;
    top: 64px;
  }
  .article--portraitInline .article__title:after {
    content: none;
  }
  .type18 .article--wideSmall .article__title {
    min-height: 60px;
  }
  .type4 .article--portrait .article__title,
  .type5 .article--portrait .article__title,
  .type8 .article--portrait .article__title {
    font-size: 1.3333333333rem;
    line-height: 1.6rem;
    margin-bottom: 8px;
  }
  .type1 .col {
    order: 1;
  }
  .type1 .col.flexColumn {
    order: 3;
    margin: 40px auto 0;
  }
  .type14 .col,
  .type2 .col,
  .type21 .col,
  .type3 .col,
  .type4 .col,
  .type5 .col,
  .type8 .col,
  .type9 .col {
    order: 2;
  }
  .type52 .col {
    order: 1;
  }
  .type52 .col.flexColumn {
    order: 2;
    margin: 0 auto;
  }
  .type52 .col.minWidthCol {
    order: 3;
    margin: 32px auto 0;
  }
  .type5 .col.flexColumn {
    display: none;
  }
  .type4 .col.minWidthCol,
  .type9 .col.minWidthCol {
    order: 3;
  }
  .type14 .col.selfStart,
  .type21 .col.selfStart {
    order: 1;
    margin-top: 0;
  }
  .type1 .grid,
  .type2 .grid,
  .type3 .grid,
  .type4 .grid,
  .type5 .grid,
  .type8 .grid {
    order: 1;
    margin-bottom: 40px;
  }
  .type4 .grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .type9 .grid {
    order: 1;
  }
  .grid--inline {
    margin-top: 30px;
  }
  .grid--full {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 30px;
  }
  .type16 .grid--full,
  .type17 .grid--full,
  .type22 .grid--full {
    display: flex;
    margin-top: 20px;
    overflow-y: hidden;
    overflow-x: auto;
    grid-template-columns: 1fr;
    grid-gap: 0;
    width: calc(100% + 16px);
    padding-bottom: 12px;
  }
  .type15 .grid--full .article--edition,
  .type15 .grid--full .article--square,
  .type16 .grid--full .article--edition,
  .type16 .grid--full .article--square,
  .type17 .grid--full .article--edition,
  .type17 .grid--full .article--square,
  .type22 .grid--full .article--edition,
  .type22 .grid--full .article--square {
    flex: 0 0 auto;
    width: 192px;
    margin-right: 16px;
  }
  .grid--fullWide {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 0;
  }
  .type8 .sidebar__items {
    margin-inline: auto;
    max-width: 320px;
  }
  .col--l12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col--l6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .news {
    overflow-x: visible;
  }
  .news__list {
    margin-left: 0;
    width: calc(100% - 60px);
    padding-bottom: 12px;
    overflow-y: hidden;
    overflow-x: auto;
    flex: 0 0 auto;
  }
  .news .article:last-child {
    position: relative;
  }
  .news .article:last-child:before {
    content: '';
    display: block;
    position: absolute;
    right: -20px;
    width: 20px;
    height: 1px;
  }
  .news .article:last-child .article__title {
    padding-right: 0;
  }
  .news__title {
    left: 0;
    top: 56px;
    position: relative;
    margin-right: 24px;
    -webkit-transform: rotate(-90deg) translate(0, 0);
    transform: rotate(-90deg) translate(0, 0);
  }
  .type5 .sidebar__title {
    text-align: left;
    display: flex;
  }
  .type5 .sidebar__title span {
    margin: 0 8px;
  }
  .sidebar__all {
    margin-top: 0;
    text-align: left;
  }
  .type1 .sidebarTip,
  .type52 .sidebarTip {
    margin: 0 auto;
  }
  .categories {
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 40px;
  }
  .sidebarItem {
    margin-bottom: 32px;
    text-align: left;
  }
}
@media (max-width: 1024px) and (min-width: 767px) {
  .article--look {
    flex-direction: row;
  }
  .type4 .article--portrait .article__image figure,
  .type5 .article--portrait .article__image figure,
  .type8 .article--portrait .article__image figure {
    aspect-ratio: 1;
  }
  .article--look .article__image figure {
    aspect-ratio: 352/270;
  }
  .type9 .grid {
    margin-bottom: 64px;
  }
  .categories {
    margin-top: 32px;
  }
}
@media (max-width: 1023px) {
  body.homePage:before {
    height: 400px;
  }
  body.withoutSubmenu:before {
    height: 302px;
  }
  body.withoutSubmenu.short:before {
    height: 92px;
  }
  body.large:before {
    height: 432px;
  }
  body.medium:before {
    height: 244px;
  }
  body.thin:before {
    height: 64px;
  }
  body.podcast:before {
    height: 302px;
  }
  body.podcast.short:before {
    height: 92px;
  }
  .withoutSubmenu.short .mainContainer .main {
    padding: 114px 0 0;
  }
  .textPage .mainContainer .main {
    padding: 102px 0 0;
  }
  .row--marginTop {
    margin-top: 24px;
  }
  .type30 .row--fullWidth {
    width: auto;
  }
  .row--lreverse {
    flex-direction: column-reverse;
  }
  .vEnd {
    align-items: center;
  }
  .largeCenter {
    margin-left: auto;
    margin-right: auto;
  }
  .largeCenter .banner {
    margin-left: auto;
    margin-right: auto;
  }
  .mobileHidden {
    display: none;
  }
  .sectionMargin {
    margin: 40px 0;
  }
  .sectionMargin.categorySection--black {
    margin: 0;
    padding: 40px 0;
  }
  .withSkin .sectionMargin.categorySection--black {
    padding: 40px 0;
  }
  .withSkin .sectionMargin.categorySection--black .categorySection__wrapper {
    padding-bottom: 0;
    padding-top: 0;
  }
  .sectionMarginTop {
    margin-top: 40px;
  }
  .sectionMarginTop.categorySection--black {
    margin-top: 0;
    padding-top: 40px;
  }
  .withSkin .sectionMarginTop.categorySection--black {
    padding-top: 40px;
  }
  .withSkin .sectionMarginTop.categorySection--black .categorySection__wrapper {
    padding-top: 0;
  }
  .sectionMarginTopLarge {
    margin-top: 60px;
  }
  .sectionMarginTopLarge.type13 {
    margin-top: 60px;
  }
  .sectionMarginTopLarge.categorySection--black {
    margin-top: 0;
    padding-top: 60px;
  }
  .withSkin .sectionMarginTopLarge.categorySection--black {
    padding-top: 60px;
  }
  .withSkin
    .sectionMarginTopLarge.categorySection--black
    .categorySection__wrapper {
    padding-top: 0;
  }
  .sectionMarginBottom {
    margin-bottom: 40px;
  }
  .sectionMarginBottom.categorySection--black {
    margin-bottom: 0;
    padding-bottom: 40px;
  }
  .withSkin .sectionMarginBottom.categorySection--black {
    padding-bottom: 40px;
  }
  .withSkin
    .sectionMarginBottom.categorySection--black
    .categorySection__wrapper {
    padding-bottom: 0;
  }
  .marginTopAuto {
    margin-top: 0;
  }
  .marginTopAuto.banner {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
  }
  .type10 .marginTopAuto.banner {
    margin-top: 32px;
  }
  .largeWrap {
    flex-wrap: wrap;
  }
  .footer {
    padding: 72px 0 55px;
  }
  .footer__row {
    flex-direction: column;
  }
  .footer__row .footer__col:nth-child(1) {
    order: 2;
  }
  .footer__row .footer__col:nth-child(2) {
    order: 3;
  }
  .footer__row .footer__col:nth-child(3) {
    order: 1;
  }
  .footer__row--withMarginTop {
    margin-top: 40px;
  }
  .footer__logo {
    max-width: 196px;
    margin: 36px auto 0;
  }
  .footer__bottom {
    margin-top: 48px;
    padding-top: 44px;
  }
  .footer__bottom .footer__col:nth-child(1) {
    order: 2;
  }
  .footer__bottom .footer__col:nth-child(2) {
    order: 1;
  }
  .footer__bottom .footer__col:nth-child(3) {
    order: 3;
  }
  .footer .atcom {
    margin: 48px auto 0;
    max-width: 143px;
  }
  .footer .subscribe:after {
    content: '';
    display: block;
    width: 100vw;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
    position: relative;
    left: 50%;
    margin-top: 33px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .footer .subscribe .formGroup {
    margin: 0 auto;
  }
  .footer .subscribe .formGroup--absolute {
    position: relative;
    bottom: 0;
    right: unset;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    margin: 12px auto 52px;
  }
  .footer .subscribe .formGroup__field {
    margin: 0;
    max-width: 100%;
  }
  .footer .subscribe .formGroup__button {
    max-width: 140px;
  }
  .toTop {
    bottom: 20px;
  }
  .col--l1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col--l2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col--l3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col--l4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col--l5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col--l6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col--l7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col--l8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col--l9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col--l10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col--l11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col--l12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .header__row--small {
    background-color: var(--lightColor);
  }
  .darkHeader .header__row--small {
    background-color: var(--darkRegularColor);
  }
  .darkHeader .sticky .header__row--small {
    background-color: var(--lightColor);
  }
  .header__row--small ::-webkit-scrollbar {
    display: none;
  }
  .header__row--small ::-webkit-scrollbar-thumb {
    display: none;
  }
  .header__logo {
    max-width: 160px;
  }
  .article--portraitInline {
    max-width: 260px;
  }
  .type3 .article--primarySmall {
    order: 1;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 4;
  }
  .article--portraitInline .article__image figure {
    aspect-ratio: 316/499;
  }
  .article--inlineSquareFull .article__image {
    width: 186px;
    margin-right: 12px;
  }
  .article--withSpeech .article__image:after,
  .article--withVideo .article__image:after {
    font-size: 40px;
    bottom: 16px;
    right: 16px;
  }
  .heroArticle .article--withPodcast .article__image:before {
    font-size: 40px;
    bottom: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
  }
  .article--hero .article__category {
    font-size: 0.8666666667rem;
  }
  .article--hero .article__title {
    font-size: 1.7333333333rem;
    margin-top: 8px;
  }
  .article--inline .article__title {
    padding-right: 16px;
  }
  .article--fullWideAbsolute .article__title,
  .article--fullWideLargeAbsolute .article__title {
    font-size: 1.7333333333rem;
  }
  .article--fullWideLargeAbsolute .article__title {
    line-height: 2rem;
  }
  .article--inlineSquareFull .article__title {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .article--inlineSquareFull p {
    display: none;
  }
  .article--hero p {
    font-size: 1.0666666667rem;
    margin-top: 8px;
  }
  .article__media {
    margin-top: 12px;
  }
  .article__videoImage {
    width: 342px;
  }
  .article--hero .article__info {
    font-size: 0.8666666667rem;
    margin-top: 8px;
  }
  .article--primary .article__info a,
  .article--primary .article__info span,
  .article--primarySmall .article__info a,
  .article--primarySmall .article__info span {
    margin-right: 12px;
  }
  .article--inlineSquareFull .article__info:after {
    top: -8px;
  }
  .primaryArticle__title {
    left: 0;
    top: -32px;
  }
  .withSkin .primaryArticle__title {
    left: 0;
  }
  .primaryArticle__logo {
    height: 64px;
  }
  .primaryArticle__date {
    display: none;
  }
  .grid--inline .article--portraitMedium {
    max-width: 31.1%;
  }
  .type15 .grid--full {
    margin-top: 20px;
  }
  .type22 .grid--fullWide {
    margin-top: 30px;
  }
  .type11 .article--square:nth-child(3) {
    grid-column: unset;
    flex-direction: column;
  }
  .type11 .article--square:nth-child(3) .article__image {
    width: 100%;
    margin-right: 0;
  }
  .type11 .article--square:nth-child(3) .article__image figure {
    aspect-ratio: 1;
  }
  .type11 .article--square:nth-child(3) .article__image figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .type11 .article--square:nth-child(4) {
    grid-column: unset;
    flex-direction: column;
  }
  .type11 .article--square:nth-child(4) .article__image {
    width: 100%;
    margin-right: 0;
  }
  .type11 .article--square:nth-child(4) .article__image figure {
    aspect-ratio: 1;
  }
  .type11 .article--square:nth-child(4) .article__image figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .article--story {
    padding-left: 0;
  }
  .article--story.large {
    padding-left: 0;
  }
  .article--story.large:before {
    width: 32px;
    height: 32px;
    font-size: 20px;
    line-height: 20px;
    top: 3px;
  }
  .article--story:before {
    width: 32px;
    height: 32px;
    font-size: 20px;
    line-height: 20px;
    top: 3px;
  }
  .type12 .article--s1e5 {
    grid-column: 1/3;
  }
  .type12 .article--s5e7 {
    grid-column: 3/4;
  }
  .type12 .article--s5e7.article--wide {
    grid-column: 2/4;
  }
  .article--squareXLarge .article__image figure {
    aspect-ratio: 708/496;
  }
  .smallImages .article--inlineSquareFullLarge .article__image {
    width: 244px;
  }
  .article--story .article__category {
    padding-left: 44px;
    margin-top: 12px;
  }
  .article--landscape .article__title {
    font-size: 1.6rem;
    line-height: 1.7333333333rem;
  }
  .article--story .article__title {
    margin-top: 20px;
    margin-bottom: 12px;
  }
  .article--wideLarge .article__title {
    font-size: 1.7333333333rem;
    line-height: 2rem;
    margin-top: 8px;
  }
  .article--wideMedium .article__title {
    font-size: 1.7333333333rem;
    line-height: 2rem;
    margin-top: 8px;
  }
  .type33 .article--wideMedium .article__title,
  .type35 .article--wideMedium .article__title {
    font-size: 1.6rem;
    line-height: 1.8666666667rem;
    margin-top: 8px;
  }
  .article--squareXLarge .article__title {
    font-size: 1.6rem;
    line-height: 1.7333333333rem;
    margin-top: 8px;
  }
  .article--wideMedium .article__info a,
  .article--wideMedium .article__info span {
    margin-right: 12px;
  }
  .related .article--inlineSquareFull .article__info {
    margin-top: 0;
  }
  .article--wideLarge .article__info:after {
    width: 66%;
  }
  .type27 .col {
    order: 2;
  }
  .type26 .col {
    order: 4;
  }
  .type10 .col {
    order: 2;
  }
  .type26 .col.selfStart {
    order: 2;
  }
  .col.filtersColumn {
    order: 0 !important;
  }
  .type19 .col:first-child,
  .type20 .col:first-child {
    margin-bottom: 64px;
  }
  .lookLayout .type20 .col:first-child {
    margin-bottom: 0;
  }
  .grid--cols4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid--cols4 .category {
    grid-column: span 2;
  }
  .type27 .grid {
    order: 1;
  }
  .type10 .grid {
    order: 1;
    margin-top: 0;
    margin-bottom: 64px;
  }
  .type20 .grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid--maxWidth {
    grid-template-columns: 1fr;
  }
  .type19 .grid--semi .article__image {
    max-width: 100%;
  }
  .type20 .grid--semi {
    grid-template-columns: 1fr;
  }
  .lookLayout .type16 .grid--full,
  .lookLayout .type17 .grid--full,
  .lookLayout .type22 .grid--full {
    margin-top: 0;
  }
  .type11 .grid--full,
  .type12 .grid--full {
    margin-top: 0;
  }
  .type15 .grid--full .article--book,
  .type16 .grid--full .article--book,
  .type17 .grid--full .article--book,
  .type22 .grid--full .article--book {
    flex: 0 0 auto;
    width: 192px;
    margin-right: 16px;
  }
  .type19 .grid--fullRow {
    grid-template-columns: 1fr;
  }
  .type19 .grid--fullRow.innerGrid {
    grid-template-columns: 1fr;
  }
  .articlePreview {
    flex-direction: column;
  }
  .articlePreview > .banner {
    position: relative;
    top: 0;
    margin: 32px auto 0;
    text-align: center;
  }
  .articlePreview__inner {
    width: 100%;
  }
  .articlePreview__image figure {
    padding-top: calc(600 / 1074 * 100%);
    position: relative;
    width: 100%;
  }
  .articlePreview__image figure picture {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .articlePreview__image figure img {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .articlePreview--video .articlePreview__image figure:before {
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 40px;
    bottom: 16px;
    right: 16px;
  }
  .articlePreview__image figure img {
    height: auto;
  }
  .articlePreview--video .articlePreview__content {
    width: calc(100% - 140px);
  }
  .type50 .articles--singleColumn:not(.articles--large),
  .type51 .articles--singleColumn:not(.articles--large) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 24px;
  }
  .type32 .articles--singleColumn {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 24px;
  }
  .type24 .articles--singleColumn {
    grid-template-columns: repeat(2, 1fr);
  }
  .articles--singleColumn .banner {
    margin-bottom: 32px;
    text-align: center;
    position: relative;
    top: 0;
  }
  .articles--large {
    margin-bottom: 64px;
  }
  .smallImages .articles--large {
    padding-right: 98px;
  }
  .type41 .articles--large,
  .type42 .articles--large {
    margin-bottom: 0;
  }
  .stories {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 32px;
  }
  .stories .pagination-container {
    grid-column: 1/3;
  }
  .stories--full {
    margin-top: 40px;
    grid-column-gap: 40px;
  }
  .type23 .sidebar {
    margin-top: 64px;
  }
  .articleSingle--sticky {
    position: relative;
    top: 0;
  }
  .articleSingle--tribute {
    flex-direction: column;
  }
  .type30 .articleSingle--zodiac {
    flex-direction: column;
    padding-left: 0 !important;
  }
  .articleSingle--voice {
    flex-direction: column;
  }
  .articleSingle--edition {
    margin-bottom: 0;
  }
  .articleSingle__media--withMap {
    flex-direction: column;
  }
  .articleSingle--tribute .articleSingle__image,
  .articleSingle--tribute .articleSingle__slider {
    margin: 0 auto 32px;
  }
  .articleSingle--zodiac .articleSingle__image,
  .articleSingle--zodiac .articleSingle__slider {
    margin: 0 0 24px;
  }
  .type30 .articleSingle--zodiac .articleSingle__image,
  .type30 .articleSingle--zodiac .articleSingle__slider {
    margin-right: 0;
    max-width: 100%;
    display: flex;
  }
  .articleSingle--default .articleSingle__image,
  .articleSingle--default .articleSingle__slider {
    width: 100%;
    margin-bottom: 60px;
  }
  .articleSingle--withVideo.articleSingle--default .articleSingle__image,
  .articleSingle--withVideo.articleSingle--default .articleSingle__slider {
    width: 100%;
    margin-bottom: 60px;
  }
  .articleSingle--withVideo .articleSingle__image,
  .articleSingle--withVideo .articleSingle__slider {
    width: 100%;
  }
  .articleSingle--withVideo .articleSingle__image .icon,
  .articleSingle--withVideo .articleSingle__slider .icon {
    width: 60px;
    height: 60px;
    font-size: 60px;
    line-height: 60px;
  }
  .articleSingle--book .articleSingle__image,
  .articleSingle--book .articleSingle__slider {
    max-width: 100%;
  }
  .articleSingle--edition .articleSingle__image,
  .articleSingle--edition .articleSingle__slider,
  .articleSingle--press .articleSingle__image,
  .articleSingle--press .articleSingle__slider {
    margin-bottom: 48px;
  }
  .articleSingle--cover .articleSingle__image,
  .articleSingle--cover .articleSingle__slider {
    margin-bottom: 48px;
  }
  .type30 .articleSingle--zodiac .articleSingle__image figure,
  .type30 .articleSingle--zodiac .articleSingle__slider figure {
    padding: 0;
  }
  .type30 .articleSingle--zodiac .articleSingle__image figure picture,
  .type30 .articleSingle--zodiac .articleSingle__slider figure picture {
    position: relative;
    display: block;
    text-align: center;
  }
  .type30 .articleSingle--zodiac .articleSingle__image figure picture img,
  .type30 .articleSingle--zodiac .articleSingle__slider figure picture img {
    width: 100%;
    max-width: 300px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .articleSingle__image--youtube .videoWrp .playVideo .icon,
  .articleSingle__slider--youtube .videoWrp .playVideo .icon {
    width: 60px;
    height: 60px;
    font-size: 60px;
    line-height: 60px;
  }
  .articleSingle__image--multiple,
  .articleSingle__slider--multiple {
    position: relative;
    top: 0;
  }
  .articleSingle--voice .articleSingle__info {
    order: 2;
    margin-left: 0;
    margin-top: 16px;
    margin-bottom: 32px;
    width: 100%;
  }
  .articleSingle--voice .articleSingle__icon {
    display: none;
  }
  .radioPage .articleSingle__illustration {
    max-width: 312px;
    margin-top: -42px;
  }
  .articleSingle--recipe .articleSingle__content {
    border-top: none;
    padding-top: 0;
  }
  .articleSingle--tribute .articleSingle__content {
    border-top: none;
    padding-top: 0;
  }
  .articleSingle--voice .articleSingle__content {
    order: 1;
    padding-left: 0;
  }
  .articleSingle__category span {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--regularColor);
    font-size: 1.3333333333rem;
    line-height: 1.3333333333rem;
    color: #fff;
    margin-right: 12px;
    border-radius: 100%;
  }
  .articleSingle--edition .articleSingle__title {
    margin-top: 16px;
  }
  .articleSingle--voice .articleSingle__date {
    text-align: left;
    margin-bottom: 16px;
    color: grey;
  }
  .articleSingle__intro {
    margin-top: 50px;
  }
  .articleSingle--edition .articleSingle__intro {
    margin-top: 24px;
    padding-bottom: 24px;
  }
  .articleSingle--recipe .articleSingle__intro p,
  .articleSingle--tribute .articleSingle__intro p {
    -webkit-line-clamp: 5;
  }
  .articleSingle__links {
    flex-direction: row;
    margin-bottom: 48px;
  }
  .articleSingle__links--plain {
    flex-direction: row;
    margin-bottom: 48px;
  }
  .articleSingle__links .link {
    margin-bottom: 0;
  }
  .articleSingle__endLinks {
    margin-top: 36px;
  }
  .articleSingle__authorContainer {
    max-width: 100%;
  }
  .articleSingle__author {
    margin-top: 24px;
  }
  .type30 .articleSingle__author {
    margin-top: 0;
    margin-bottom: 24px;
  }
  .articleSingle__description--smallMargin {
    max-width: 100%;
  }
  .articleSingle__description--withMarginTop p {
    margin-bottom: 0;
  }
  .articleSingle__description .videoWrp .playVideo .icon {
    width: 60px;
    height: 60px;
    font-size: 60px;
    line-height: 60px;
  }
  .articleContainer {
    padding-right: 0;
  }
  .withSkin .articleContainer {
    padding-right: 0;
  }
  .articleContainer__sidebar {
    flex: auto;
  }
  .articleContainer__footer {
    width: calc(100% - 194px);
  }
  .podcast .articleContainer__footer {
    width: calc(100% - 244px);
  }
  .type30 .articleActions {
    position: relative;
    margin-right: 0;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    padding: 0 12px;
  }
  .synastries .type30 .articleActions {
    padding: 0;
    margin-bottom: 24px;
  }
  .type31 .articleActions {
    position: relative;
    margin-right: 0;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    padding: 0;
    order: 3;
  }
  .type30 .articleActions__list,
  .type31 .articleActions__list {
    flex-direction: row;
    margin-bottom: 0;
  }
  .type30 .articleActions__item,
  .type31 .articleActions__item {
    margin-bottom: 0;
    margin-right: 8px;
  }
  .type30 .articleActions__item:last-child,
  .type31 .articleActions__item:last-child {
    margin-right: 0;
  }
  .fullWidthImage figure {
    padding-top: 66.6666666667%;
  }
  .articleQuote__image {
    max-width: 50%;
  }
  .videoComponent--youtube .videoWrp .playVideo .icon {
    width: 60px;
    height: 60px;
    font-size: 60px;
    line-height: 60px;
  }
  .videoComponent .icon {
    width: 60px;
    height: 60px;
    font-size: 60px;
    line-height: 60px;
  }
  .maxWidthContent .grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .articleSection .videoWrp .playVideo .icon {
    width: 60px;
    height: 60px;
    font-size: 60px;
    line-height: 60px;
  }
  .breadcrumb {
    margin-bottom: 8px;
  }
  body:not(.lookLayout) .grid .banner:not(.b1x1).banner--tablet-mob-hidden {
    display: none !important;
  }
  body section .banner:not(.b1x1).banner--tablet-mob-hidden {
    display: none !important;
  }
  .pageWithFilters .banner {
    margin: 0 auto 32px;
  }
  .banners .banner {
    margin: 0 4px;
  }
  .type42 .banner {
    margin: 32px auto 0;
    position: relative;
    top: unset;
  }
  .type41 .banner {
    margin: 32px auto 24px;
  }
  .type48 .banner {
    margin: 0 auto 24px;
    position: unset;
    top: 0;
  }
  .type50 .banner {
    position: relative;
    top: unset;
  }
  .type21 .banner {
    margin-top: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
  }
  .type38 .banner {
    margin-top: 32px;
    position: relative;
    top: unset;
  }
  .type33 .banner,
  .type49 .banner {
    margin: 32px auto 24px;
  }
  .type39 .banner {
    margin-top: 32px;
    position: relative;
    top: unset;
  }
  .type8 .banner {
    position: relative;
    top: unset;
  }
  .type10 .banner {
    margin-top: 32px;
    text-align: center;
  }
  .type10 .banner.noMarginTop {
    margin-top: 24px;
  }
  .type11 .banner,
  .type12 .banner {
    margin: 32px auto 0;
    text-align: center;
  }
  .type3 .banner,
  .type4 .banner {
    margin-top: 0;
  }
  .type2 .banner {
    margin: 0 auto 24px;
    position: unset;
    top: 0;
  }
  .type2.categorySection--small .banner {
    margin-top: 0;
  }
  .type1 .banner {
    margin-top: 0;
  }
  .type26 .banner,
  .type27 .banner {
    position: relative;
    top: 0;
    margin: 32px auto 0;
  }
  .type32 .banner {
    margin-bottom: 62px;
  }
  .type32 .articles .banner {
    position: relative;
    top: 0;
    margin: 0;
  }
  .type31 .banner {
    margin-left: auto;
    margin-right: auto;
  }
  .type31 .articles .banner {
    position: relative;
    top: 0;
    margin: 0;
  }
  .type37 .banner {
    position: relative;
    top: 0;
    margin: 0;
  }
  .type20 .banner,
  .type20b .banner {
    position: relative;
    top: 0;
    margin: 0 auto;
    text-align: center;
  }
  .type20b .banner {
    margin-top: 32px;
  }
  .type20.categorySection--black .banner {
    position: relative;
    top: 0;
    margin: 0 auto;
    text-align: center;
  }
  .withPodcaster .type20.categorySection--black .banner {
    margin: 0 auto;
  }
  .type53 .banner {
    position: relative;
    top: 0;
    margin: 40px auto 0;
    text-align: center;
  }
  .radioPage .type20.categorySection--black .banner {
    position: relative;
    top: 0;
    margin: 0 auto;
    text-align: center;
  }
  .type47 .banner {
    position: relative;
    top: 0;
    margin: 32px auto 0;
    text-align: center;
  }
  .type43 .banner,
  .type44 .banner {
    position: relative;
    top: 0;
    margin: 56px auto 0;
    text-align: center;
  }
  .type44.formComplete .banner {
    margin-top: 56px;
  }
  .type24 .banner {
    position: relative;
    top: 0;
    margin: 32px auto 0;
    text-align: center;
  }
  .lookLayout .type24 .banner {
    margin: 0 auto 24px;
  }
  .type24 .articleSingle__media .banner {
    margin: 0 auto;
  }
  .lookLayout .type24 .articleSingle__media .banner {
    margin: 0 auto 24px;
  }
  .noSticky.type24 .sidebar .banner {
    position: relative;
    top: 0;
    margin: 32px auto 0;
    text-align: center;
  }
  .type40 .banner {
    position: relative;
    top: 0;
    margin: 0 auto;
    text-align: center;
  }
  .multipleBanners .banner {
    margin: 40px auto 24px;
  }
  .customBanner {
    margin-top: 16px;
  }
  .bannerCol {
    text-align: center;
  }
  .bannerCol:last-child {
    flex: 1;
    padding-top: 0;
  }
  .banner--tablet-mob-hidden {
    display: none !important;
  }
  .cta {
    padding: 32px 0;
  }
  .cta--large {
    padding: 30px 0;
  }
  .cta:before {
    width: 600px;
  }
  .cta--avStories:before {
    background-position: 60%;
  }
  .cta--av:before,
  .cta--avPets:before {
    background-position: -140%;
  }
  .cta--cinema:before {
    background: url(/content/media/images/promo/cinema.png?k=web-54f87c677d)
      no-repeat 70% center/cover;
  }
  .cta--today:before {
    background: url(/content/media/images/promo/edition.png?k=web-54f87c677d)
      no-repeat 60% center/cover;
  }
  .cta--map:before {
    background: url(/content/media/images/promo/map.png?k=web-54f87c677d)
      no-repeat right center/cover;
  }
  .cta--cover:before {
    width: 100%;
    background: url(/content/media/images/promo/cover.png?k=web-54f87c677d)
      no-repeat right center/cover;
  }
  .cta--stories:before {
    background: url(/content/media/images/promo/stories.png?k=web-54f87c677d)
      no-repeat right center/cover;
  }
  .cta--saw:before {
    background: url(/content/media/images/promo/saw.png?k=web-54f87c677d)
      no-repeat right center/cover;
  }
  .cta--talk:before {
    background: url(/content/media/images/promo/talk.png?k=web-54f87c677d)
      no-repeat right center/cover;
  }
  .ctaBox {
    margin-bottom: 46px;
    margin-right: auto;
  }
  .ctaBox--withBg {
    margin: 32px auto 16px;
    padding: 38px 30px 66px 74px;
  }
  .simpleContent {
    max-width: 100%;
  }
  .errorBox__content svg {
    max-width: 400px;
  }
  .formWrapper {
    padding-left: 0;
  }
  .popup .formWrapper__illustration {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    top: -60px;
  }
  .formContainer--withPadding {
    padding: 40px 20px;
  }
  .formContainer--default {
    padding-top: 112px;
    margin-top: 60px;
  }
  .popup .formContainer--default {
    padding: 112px 24px 40px;
    margin-top: 0;
  }
  .filters {
    max-width: 100%;
    margin: 24px 0;
    transition: all 0.3s ease;
  }
  .type2 .filters.is-sticky,
  .type41 .filters.is-sticky {
    top: 16px !important;
  }
  .withoutSubmenu .type2 .filters.is-sticky,
  .withoutSubmenu .type41 .filters.is-sticky {
    top: 24px !important;
  }
  .filters__container {
    display: none;
    padding-top: 16px;
  }
  .pageWithTopFilters .categorySectionFilters .filters__container {
    display: none;
    padding-top: 24px;
  }
  .type30 .filters__container {
    display: flex;
  }
  .filters.is-sticky .filters__container {
    padding: 16px;
    background-color: #fff;
    max-height: calc(100vh - 88px);
    overflow-y: auto;
  }
  .filters__header {
    display: flex;
    margin-bottom: 0;
  }
  .type30 .filter:last-child {
    margin-bottom: 0;
  }
  .filter__items {
    max-height: 400px;
  }
  .mobileDropDown__header {
    display: flex;
    margin-bottom: 0;
  }
  .mobileDropDown .category__list {
    display: none;
  }
  .gallery figure figcaption {
    padding: 12px 6px 0;
  }
  .simpleList {
    flex-direction: column;
    margin-top: 28px;
  }
  .lookLayout .simpleList {
    display: block;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    width: 100%;
  }
  .simpleList li {
    margin-right: 0;
    margin-bottom: 24px;
    text-align: center;
  }
  .simpleList li:last-child {
    margin-bottom: 0;
  }
  .largeList {
    flex-direction: column;
    justify-content: normal;
  }
  .largeList li {
    margin-bottom: 19px;
  }
  .largeList li a span {
    margin-left: 6px;
  }
  .largeList li a span.italic {
    margin: 0 4px;
  }
  .smallList {
    flex-direction: column;
    margin-top: 52px;
  }
  .lookLayout .smallList {
    flex-direction: row;
  }
  .smallList li:not(:last-child) {
    margin-bottom: 16px;
  }
  .lookLayout .smallList li:not(:last-child) {
    margin-right: 12px;
  }
  .smallList li {
    text-align: center;
  }
  .homePage .toolsList li.mobileOnly {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .homePage .sticky .toolsList li.mobileOnly {
    display: none;
  }
  .toolsList li:nth-child(1),
  .toolsList li:nth-child(2) {
    display: none;
  }
  .articleExtrasList {
    margin-top: 50px;
  }
  .vote {
    justify-content: normal;
  }
  .vote:after {
    content: '';
    width: 48px;
    height: 2px;
    background-color: #171717;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .vote li {
    flex-direction: row;
    align-items: center;
    width: auto;
    margin-right: 16px;
    font-family: PFSpekkVARMedium, Arial, sans-serif;
  }
  .vote li:last-child {
    margin-right: 0;
  }
  .vote li span {
    margin-left: 2px;
  }
  .gender {
    justify-content: normal;
  }
  .gender:after {
    content: '';
    width: 48px;
    height: 2px;
    background-color: #171717;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .gender li {
    flex-direction: row;
    align-items: center;
    width: auto;
    margin-right: 16px;
    font-style: normal;
    font-family: PFSpekkVARMedium, Arial, sans-serif;
  }
  .gender li:first-child {
    left: 0;
  }
  .gender li:last-child {
    margin-right: 0;
    right: 0;
  }
  .gender li span {
    margin-left: 2px;
  }
  .illustration__image {
    height: 112px;
  }
  .illustrationsMenu {
    --illustrationsMenuSpace: 32px;
  }
  .newsletterSnippet__row .form__icon svg {
    width: 32px;
  }
  .pagination-container.leftAligned {
    margin: 0;
  }
  .popup {
    padding: 80px 0 20px;
    align-items: flex-start;
  }
  .popup__content {
    max-width: 700px;
  }
  .popup.full .popup__content {
    max-width: 100%;
  }
  .popup.large .popup__content {
    max-width: 100%;
  }
  .popup.full .popup__close {
    top: 36px;
    right: 16px;
  }
  .popup.large .popup__close {
    top: 36px;
    right: 16px;
  }
  .searchField {
    max-width: 100%;
    margin-top: 24px;
  }
  .pageWithTopFilters .searchFieldGroup__field {
    min-width: 100%;
  }
  .type30 .sharethis-inline-share-buttons,
  .type31 .sharethis-inline-share-buttons {
    flex-direction: row;
    margin-bottom: 0;
  }
  .type30 .sharethis-inline-share-buttons .st-btn,
  .type31 .sharethis-inline-share-buttons .st-btn {
    margin-bottom: 0;
    margin-right: 8px;
  }
  .type30 .sharethis-inline-share-buttons .st-btn:last-child,
  .type31 .sharethis-inline-share-buttons .st-btn:last-child {
    margin-right: 0;
  }
  .popup .slides {
    padding: 16px;
  }
  .thumbsSlider .slides__item {
    flex-direction: column;
  }
  .thumbsSlider .slides__image {
    margin-bottom: 32px;
  }
  .slides__image .icon {
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 40px;
  }
  .slides__image--youtube .videoWrp .playVideo .icon {
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 40px;
  }
  .thumbsSlider .slides__content {
    width: 100%;
    margin-left: 0;
    padding-top: 0;
    border-top: none;
  }
  .gridSlider .swiper-slide {
    max-width: 100%;
  }
  .gridSlider--l4 .swiper-slide {
    max-width: 100%;
  }
  .thumbsSlider__thumbs .swiper-slide {
    max-width: 342px;
  }
  .thumbsSlider__button--prev {
    -webkit-transform: translate(-25%, 100px);
    transform: translate(-25%, 100px);
  }
  .thumbsSlider__button--next {
    -webkit-transform: translate(25%, 100px);
    transform: translate(25%, 100px);
  }
  .type1 .sidebar {
    flex-direction: row;
    align-items: flex-end;
  }
  .sidebar--withHeader {
    margin-top: 0;
  }
  .type13 .sidebar__articles {
    flex-wrap: wrap;
  }
  .type13 .sidebar__articles .article {
    order: 0;
    width: calc(33.3333333333% - 16px);
    margin-bottom: 0;
    height: auto;
  }
  .type13 .sidebar__articles .banner {
    margin: 24px auto 0;
    order: 2;
  }
  .sidebar__items {
    margin-bottom: 40px;
  }
  .sidebarItem {
    margin-bottom: 32px;
    text-align: left;
  }
  .sidebarTip {
    margin: 0 auto 54px;
  }
  .type52 .sidebarTip {
    max-width: 400px;
  }
  .subCategories li:last-child {
    margin-right: 20px;
  }
  .text {
    margin-top: 0;
  }
  .text__title {
    font-size: 1.7333333333rem;
    line-height: 2rem;
  }
  .text p {
    font-size: 1.0666666667rem;
    line-height: 1.4666666667rem;
  }
  .categorySection.type14 {
    overflow-x: hidden;
  }
  .categorySection__wrapper {
    padding-top: 32px;
  }
  .categorySection__wrapper:before {
    height: 200px;
  }
  .categorySection--small .categorySection__wrapper:before {
    height: 200px;
    width: 100%;
  }
  .categorySection__wrapper--noBackground {
    padding-top: 0;
  }
  .filtersColumn .category {
    position: unset;
    top: 0;
  }
  .type1 .category,
  .type10 .category,
  .type2 .category,
  .type3 .category,
  .type4 .category,
  .type5 .category,
  .type8 .category,
  .type9 .category {
    grid-column-start: 1;
    grid-column-end: 4;
  }
  .type10 .category:last-child,
  .type2 .category:last-child,
  .type4 .category:last-child {
    order: 3;
  }
  .type1 .category.mobileHidden {
    display: none;
  }
  .type1 .category:last-child:not(.mobileHidden) {
    display: none;
  }
  .type37 .category {
    height: auto;
  }
  .type37 .category .articles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px;
    height: auto;
  }
  .type51 .category {
    margin-bottom: 0;
  }
  .type8 .category--withMargin {
    margin-top: 14px;
    padding-top: 0;
  }
  .category--withTopMargin {
    margin-top: 32px;
  }
  .type13 .category--withTopMargin {
    margin-top: 0;
  }
  .category--withTopMarginLarge {
    margin-top: 32px;
  }
  .category--colWidth {
    max-width: 100%;
  }
  .category--maxWidth {
    max-width: 100%;
  }
  .category--halfWidth {
    width: 100%;
  }
  .category--halfWidthMax {
    width: 100%;
  }
  .category--thirdWidthMax {
    width: 100%;
  }
  .category--quarterWidthMax {
    width: 100%;
  }
  .type20 .category__list {
    margin-top: 24px;
  }
  .category__list.large {
    max-width: 100%;
    margin-bottom: 24px;
  }
  .category__list.medium {
    max-width: 100%;
  }
  .category__title {
    font-family: PFSpekkVARBold, Arial, sans-serif;
    font-weight: 400;
    margin: 0 0 24px;
    padding-top: 20px;
    border-top: 2px solid #171717;
    display: block;
    font-size: 1.7333333333rem;
    line-height: 2rem;
  }
  .type25 .category__title {
    margin-bottom: 0 !important;
  }
  .pageWithFilters .category__title {
    padding-top: 0;
    border: none;
  }
  .category__title--maxWidth {
    width: 100%;
  }
  .category__title--withLink {
    display: flex;
  }
  .type5 .category__title {
    margin-bottom: 52px !important;
  }
  .type24 .category__title,
  .type7 .category__title {
    margin-bottom: 32px;
  }
  .lookLayout .type24 .category__title,
  .lookLayout .type7 .category__title {
    margin-bottom: 0;
  }
  .type10 .category__title {
    margin-bottom: 0;
  }
  .type10.categorySection--whiteText .category__title {
    margin-bottom: 24px;
  }
  .type13 .category__title {
    margin-bottom: 20px;
  }
  .type19 .category__title,
  .type20 .category__title {
    margin-bottom: 28px;
  }
  .category__title figure {
    width: 270px;
    margin-bottom: -52px;
  }
  .type22 .category__all {
    margin-bottom: 0;
  }
  .category__author {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .buttonLinks {
    max-width: 50%;
    width: 100%;
    margin-left: 24px;
  }
  .sponsoredSection__banner {
    margin-top: 24px;
  }
  .type46 .article--mgWideFull {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .type46 .article--mgWideFullInline {
    grid-column-end: 3;
  }
  .article--slide {
    flex-direction: column;
  }
  .article--slide .article__content {
    max-width: 100%;
    padding: 16px;
  }
  .article--slide .article__image {
    margin-right: 0;
    max-width: 100%;
  }
  .grid--withMarginTop {
    margin-top: 40px;
  }
  .articlePreview .article {
    width: 100%;
  }
  .mgSidebar {
    margin-top: 32px;
  }
  .type24 .mgSidebar .banner {
    margin-top: 56px;
  }
  .articleContainer:last-child {
    margin-bottom: 0;
  }
  .articleContainer__footer {
    width: 100%;
  }
  .articleSingle--default .articleSingle__content {
    padding: 0;
    max-width: 100%;
    margin: 16px 0;
  }
  .articleSingle__title {
    font-size: 1.8666666667rem;
    line-height: 1.1428571429;
  }
  .lookLayout
    .articleSingle__content
    h1:not(.articleSingle__authorDetailsContentTitle) {
    font-size: 1.8666666667rem;
    line-height: 1.1428571429;
  }
  .articleSingle__mediaContainer {
    margin-right: 24px;
    width: calc(100% - 396px);
  }
  .articleSingle--default .articleSingle__image {
    margin: 0 0 48px;
  }
  .related {
    margin-top: 32px;
  }
  .illustrationContainer {
    flex-direction: column;
  }
  .illustrationContainer__text {
    margin: 24px auto;
    text-align: center;
  }
  .illustrationContainer .button {
    margin: 0 auto 24px;
  }
  .inlineForm {
    grid-template-columns: repeat(3, 1fr);
  }
  .inlineForm__title {
    grid-column-start: 1;
    grid-column-end: 4;
    text-align: center;
  }
  .slidesContainer {
    padding-bottom: 60px;
  }
  .slidesContainer__buttons {
    bottom: 0;
    width: calc(100% - 32px);
    left: 16px;
    right: unset;
  }
}
@media (max-width: 1023px) and (max-width: 766px) {
  .type12 .article--s5e7.article--wide {
    grid-column: 1/3;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .sidebarItem__title {
    align-items: flex-start;
  }
}
@media (hover: hover) and (pointer: fine) and (max-width: 766px) {
  .megaMenu__list li:hover > a {
    color: #171717;
  }
  .megaMenu__item.active .megaMenu__list li:hover > a {
    color: var(--regularColor) !important;
  }
  .megaMenu__item:hover .megaMenu__link {
    color: #171717;
  }
  .megaMenu li--withSubmenu:hover .submenuIcon,
  .megaMenu__item--withSubmenu:hover .submenuIcon {
    color: #cfcfcf;
  }
}
@media (max-width: 766px) {
  .articleSingle__image figcaption,
  .articleSingle__slider figcaption {
    width: 97vw;
  }
  :root {
    --headerHeight: 56px;
  }
  body .css-1yjqxa1.css-1yjqxa1 .qc-cmp2-consent-info .qc-cmp2-header-links,
  body.lookLayout
    .css-1yjqxa1.css-1yjqxa1
    .qc-cmp2-consent-info
    .qc-cmp2-header-links {
    flex-direction: column;
  }
  html {
    overflow-x: hidden;
  }
  body.withOpenMenu {
    overflow: hidden;
  }
  body:before {
    height: 244px;
  }
  body.withoutSubmenu:before {
    height: 244px;
  }
  body.withoutSubmenu.short:before {
    height: 104px;
  }
  body.short:before {
    height: 104px;
  }
  body.thin:before {
    height: 64px;
  }
  body.podcast:before {
    height: 244px;
  }
  body.podcast.short:before {
    height: 104px;
  }
  .mainContainer .main {
    padding: 72px 0 0;
  }
  .homePage .mainContainer .main {
    padding: 72px 0 0;
  }
  .categoryPage.isApp .mainContainer .main,
  .textPage.isApp .mainContainer .main {
    padding: 0;
  }
  .categoryPage .mainContainer .main {
    padding: 124px 0 0;
  }
  .withoutSubmenu .mainContainer .main {
    padding: 72px 0 0;
  }
  .withoutSubmenu.short .mainContainer .main {
    padding: 136px 0 0;
  }
  .short .mainContainer .main {
    padding: 136px 0 0;
  }
  .smallPadding .mainContainer .main {
    padding: 104px 0 0;
  }
  .small .mainContainer .main {
    padding: 72px 0 0;
  }
  .transparent:not(.podcast) .mainContainer .main {
    padding: 0;
  }
  .textPage .mainContainer .main {
    padding: 92px 0 0;
  }
  .lookLayout.homePage .mainContainer .main {
    padding-top: 56px;
  }
  .lookLayout.categoryPage .mainContainer .main {
    padding: 56px 0 0;
  }
  .pageWithTopFilters .mainContainer .main {
    padding: 104px 0 0;
  }
  .radioPage .mainContainer .main {
    padding: 0;
  }
  .euIframeContainer,
  .mapResults {
    margin-bottom: 0;
  }
  .row--marginTop {
    margin-top: 0;
  }
  .row--paddingTop {
    padding-top: 12px;
  }
  .row--withMarginTop {
    margin-top: 24px;
  }
  .row--withMarginBottom {
    margin-bottom: 0;
  }
  .row--withMarginBottom.largeWrap {
    margin-bottom: 24px;
  }
  .type30 .row--withMarginBottom:last-child {
    margin-bottom: 0;
  }
  .type30 .row--withMarginBottom {
    margin-bottom: 32px;
  }
  .largeCenter {
    margin: 0;
  }
  .mobileColumn {
    flex-direction: column;
    padding: 0 16px !important;
  }
  .type26 .mobileOnly {
    order: 3;
    width: 100%;
  }
  .sectionMargin {
    margin: 32px 0;
  }
  .sectionMargin.type15 {
    margin-bottom: 64px;
  }
  .lookLayout .sectionMargin {
    margin: 48px 0;
  }
  .sectionMargin--small {
    margin: 16px 0;
  }
  .sectionMargin.categorySection--black {
    margin: 0;
    padding: 32px 0;
  }
  .withSkin .sectionMargin.categorySection--black {
    padding: 32px 0;
  }
  .sectionMarginTop {
    margin-top: 32px;
  }
  .lookLayout .sectionMarginTop {
    margin-top: 48px;
  }
  .sectionMarginTop.categorySection--black {
    margin-top: 0;
    padding-top: 32px;
  }
  .withSkin .sectionMarginTop.categorySection--black {
    padding-top: 32px;
  }
  .sectionMarginTopLarge {
    margin-top: 48px;
  }
  .sectionMarginTopLarge.type13 {
    margin-top: 48px;
  }
  .sectionMarginTopLarge.categorySection--black {
    margin-top: 0;
    padding-top: 48px;
  }
  .withSkin .sectionMarginTopLarge.categorySection--black {
    padding-top: 48px;
  }
  .sectionMarginBottom {
    margin-bottom: 32px;
  }
  .lookLayout .sectionMarginBottom {
    margin-bottom: 48px;
  }
  .sectionMarginBottom.categorySection--black {
    margin-bottom: 0;
    padding-bottom: 32px;
  }
  .withSkin .sectionMarginBottom.categorySection--black {
    padding-bottom: 32px;
  }
  section.blackSection .wrapper > .banner {
    margin-bottom: 0;
    margin-top: 0;
  }
  section .wrapper > .banner {
    margin-bottom: 32px;
    margin-top: 32px;
  }
  .bannerMargin {
    margin: 0;
  }
  .bannerMargin--mobile {
    margin: 40px 0;
  }
  .marginTopAuto {
    margin-top: 0;
  }
  .marginTopAuto.banner {
    position: relative;
    top: unset;
  }
  .groupedSection:not(:first-child) {
    margin-top: 48px;
  }
  .groupedSection.grid {
    margin-bottom: 32px;
  }
  .groupedSection + .banner {
    margin-top: 48px !important;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    padding-top: 16px;
    margin-bottom: 20px;
  }
  h1.gridTitle,
  h2.gridTitle,
  h3.gridTitle,
  h4.gridTitle,
  h5.gridTitle,
  h6.gridTitle {
    margin-bottom: 20px;
  }
  .lookLayout h1.mainHeading,
  .lookLayout h2.mainHeading,
  .lookLayout h3.mainHeading,
  .lookLayout h4.mainHeading,
  .lookLayout h5.mainHeading,
  .lookLayout h6.mainHeading {
    align-items: center;
    flex-direction: column;
    position: absolute;
    margin: 0;
    left: 50%;
    top: 0;
    justify-content: center;
    z-index: 91;
    width: auto;
    height: 56px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .lookLayout h1.mainHeading figure img,
  .lookLayout h2.mainHeading figure img,
  .lookLayout h3.mainHeading figure img,
  .lookLayout h4.mainHeading figure img,
  .lookLayout h5.mainHeading figure img,
  .lookLayout h6.mainHeading figure img {
    display: block;
    max-width: 120px;
  }
  h1.mainHeading--withMargin,
  h2.mainHeading--withMargin,
  h3.mainHeading--withMargin,
  h4.mainHeading--withMargin,
  h5.mainHeading--withMargin,
  h6.mainHeading--withMargin {
    margin-bottom: 0;
  }
  h1.mainHeading span,
  h2.mainHeading span,
  h3.mainHeading span,
  h4.mainHeading span,
  h5.mainHeading span,
  h6.mainHeading span {
    padding-right: 32px;
    padding-bottom: 0;
    border-width: 8px;
  }
  h1 {
    font-size: 1.7333333333rem;
    line-height: 2rem;
  }
  .lookLayout h1 {
    font-size: 1.3333333333rem;
  }
  .lookLayout .footer {
    padding: 24px 0;
  }
  .lookLayout .footer__top {
    padding-top: 0;
  }
  .footer__logoAv {
    max-width: 120px;
  }
  .lookLayout .footer__logo {
    max-width: 196px;
  }
  .lookLayout .footer__bottom {
    margin-top: 24px;
  }
  .lookLayout .footer__bottom .footer__col:nth-child(2) {
    order: 2;
  }
  .lookLayout .footer .atcom {
    margin-top: 24px;
  }
  .subscribe p {
    text-align: left;
    letter-spacing: 0;
  }
  .toTop {
    display: none;
  }
  .wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }
  .col--m1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col--m2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col--m3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col--m4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col--m5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col--m6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col--m7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col--m8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col--m9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col--m10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col--m11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col--m12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .header.sticky {
    width: 100vw;
  }
  .header.sticky.semi {
    -webkit-transform: translateY(-56px);
    transform: translateY(-56px);
  }
  .header__row {
    height: 56px;
  }
  .header.sticky .header__row {
    height: 56px;
  }
  .header__row--small {
    height: 48px;
  }
  .header.sticky .header__row--small {
    height: 40px;
  }
  .homePage.lookLayout .header:not(.sticky) .header__logo {
    left: 50%;
    top: 14px;
  }
  .header__logo {
    position: absolute;
    left: 50%;
    top: 16px;
    margin: 0;
    max-width: 120px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .withSkin .header__logo {
    margin: 0;
  }
  .lookLayout .header__logo {
    max-width: 120px;
    /* top: 14px; */
  }
  .burgerMenu {
    margin-right: 24px;
  }
  .withSkin .burgerMenu {
    margin-right: 24px;
  }
  .megaMenu {
    padding: 20px 0;
    width: 100%;
  }
  .radiosvg {
    width: 100px;
  }
  .heroArticle__content {
    padding-top: 24px;
    padding-bottom: calc(40px + var(--headerHeight));
  }
  .heroArticle__logo {
    width: 122px;
    height: 24px;
  }
  .type1 .article,
  .type3 .article,
  .type4 .article,
  .type5 .article {
    order: 2;
  }
  .type6 .article:last-child:before,
  .type7 .article:last-child:before {
    content: none;
  }
  .article--wide {
    grid-column-end: 1;
    margin-bottom: 8px;
  }
  .type1 .article--wide {
    order: 1;
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .type8 .article--wide {
    margin-bottom: 0;
  }
  .article--portrait {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .type8 .article--portrait {
    grid-row-start: 2;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .type4 .article--portrait,
  .type5 .article--portrait {
    margin-top: 4px;
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .article--portraitInline {
    max-width: 254px;
  }
  .article--portraitInline:before {
    content: '';
    width: 100vw;
    position: absolute;
    z-index: -1;
    left: -16px;
    top: 0;
    height: 85%;
    background-color: var(--mediumColor);
  }
  .article--primarySmall {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .type2 .article--primarySmall {
    margin-top: 4px;
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 2;
    grid-row-end: 2;
  }
  .type3 .article--primarySmall {
    margin-top: 4px;
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 2;
    grid-row-end: 2;
  }
  .type6 .article--square,
  .type7 .article--square {
    margin-right: 0;
  }
  .type9 .article--square {
    flex-direction: row;
  }
  .article--simple:not(:last-child) {
    margin-bottom: 16px;
  }
  .article--inlineSquare {
    width: 100%;
    border: none;
    margin: 16px 0 0;
  }
  .article--inline {
    min-width: 220px;
  }
  .article--plain {
    max-width: 280px;
    margin: 0 auto 16px;
    text-align: center;
  }
  .article--plain:last-child {
    margin-bottom: 0;
  }
  .article--plain:after {
    width: 32px;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
  }
  .article--opinion {
    margin-bottom: 16px;
  }
  .withSkin .article--opinion {
    margin-bottom: 16px;
  }
  .article--opinion:last-child {
    margin-bottom: 24px;
  }
  .article--fullWideAbsolute {
    height: auto;
    background-color: transparent;
  }
  .article--fullWideAbsolute:before {
    height: 375px;
  }
  .article--fullWideLargeAbsolute {
    margin: 0;
    height: 480px;
  }
  .article--fullWideLargeAbsolute .article__header {
    width: calc(100% - 32px);
    max-width: 100%;
    left: 16px;
    top: 24px;
  }
  .article--tasteMedium .article__image,
  .article--tasteSmall .article__image {
    --imgOffset: 9px;
  }
  .article--edition .article__image figure img,
  .article--portraitMedium .article__image figure img,
  .article--portraitSmall .article__image figure img,
  .article--primarySmall .article__image figure img,
  .article--squareLarge .article__image figure img,
  .article--wide .article__image figure img,
  .article--wideSmall .article__image figure img,
  .categorySection--darkWithBg .article--wide .article__image figure img,
  .type13 .article--primary .article__image figure img,
  .type14 .article--portraitSmall .article__image figure img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
  }
  .type13 .article--primary .article__image figure {
    aspect-ratio: 344/382;
  }
  .article--wide .article__image figure {
    aspect-ratio: 344/220;
  }
  .type8 .article--wide .article__image figure {
    aspect-ratio: 1;
  }
  .article--squareLarge .article__image figure,
  .article--wideSmall:not(.article--portraitBg) .article__image figure {
    aspect-ratio: 344/220;
  }
  .article--portraitInline .article__image figure {
    aspect-ratio: 254/342;
  }
  .article--portraitMedium .article__image figure {
    aspect-ratio: 254/300;
  }
  .article--portraitSmall .article__image figure {
    aspect-ratio: 254/300;
  }
  .type14 .article--portraitSmall .article__image figure {
    aspect-ratio: 1;
  }
  .article--fullWideLargeAbsolute .article__image figure {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .article--opinion .article__image {
    width: 80px;
  }
  .withSkin .article--opinion .article__image {
    width: 80px;
  }
  .article--inlineSquare .article__image,
  .article--inlineSquareFull .article__image {
    margin-right: 16px;
    width: 120px;
  }
  .article--portraitInline .article__image {
    width: 100%;
    margin-right: 16px;
    margin-top: 0;
  }
  .article--squareLarge .article__image {
    max-width: 100%;
  }
  .type9 .article--square .article__image {
    width: 120px;
    flex: 0 0 auto;
    margin-right: 16px;
  }
  .article--withSpeech.article--inlineSquareFull .article__image:before,
  .article--withVideo.article--inlineSquareFull .article__image:before {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
    bottom: 8px;
    right: 8px;
  }
  .lookLayout
    .article--withSpeech.article--inlineSquareFull
    .article__image:before,
  .lookLayout
    .article--withVideo.article--inlineSquareFull
    .article__image:before {
    font-size: 16px;
  }
  .article--look .article__image {
    width: 100%;
  }
  .article__content--withTaxonomy {
    margin-top: 4px;
  }
  .article--portraitInline .article__content {
    margin-top: 12px;
  }
  .article--opinion .article__content {
    padding-right: 26px;
  }
  .article--inlineSquare .article__content {
    padding-right: 0;
  }
  .article--portraitSmall .article__content {
    min-height: 0;
  }
  .article--fullWideAbsolute .article__content,
  .article--fullWideLargeAbsolute .article__content {
    left: 16px;
    width: calc(100% - 32px);
    max-width: 100%;
  }
  .article--fullWideAbsolute .article__content {
    position: relative;
    bottom: 0;
    margin-top: -34px;
    padding: 8px;
    background-color: #fff;
  }
  .article--fullWideLargeAbsolute .article__content {
    bottom: 24px;
    padding: 0;
  }
  .type15 .article--square .article__content,
  .type16 .article--square .article__content,
  .type17 .article--square .article__content {
    margin-bottom: 6px;
  }
  .type1 .article--square .article__content,
  .type1 .article--wide .article__content,
  .type4 .article--square .article__content,
  .type4 .article--wide .article__content,
  .type8 .article--square .article__content,
  .type8 .article--wide .article__content,
  .type9 .article--square .article__content,
  .type9 .article--wide .article__content {
    height: 100%;
  }
  .article__category {
    margin-top: 8px;
  }
  .article__content--withTaxonomy .article__category {
    margin-top: 4px;
    margin-right: 0;
  }
  .type9 .article--square .article__category {
    margin-top: 0;
  }
  .article--portraitInline .article__title {
    top: 0;
  }
  .article--portraitInline .article__title:after {
    content: '';
    margin-left: 45px;
  }
  .article--primary .article__title {
    font-size: 1.7333333333rem;
    line-height: 2rem;
  }
  .type8 .article--wide .article__title {
    font-size: 1.1333333333rem;
    line-height: 1.3333333333rem;
  }
  .type18 .article--wideSmall .article__title {
    min-height: 0;
  }
  .article--inline .article__title {
    min-width: 220px;
  }
  .article--portraitMedium .article__title {
    margin-top: 8px;
    font-size: 1.3333333333rem;
    line-height: 1.6rem;
  }
  .article--portraitSmall .article__title {
    margin-top: 8px;
    font-size: 1.3333333333rem;
    line-height: 1.6rem;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
  }
  .type14 .article--portraitSmall .article__title {
    font-size: 1.1333333333rem;
    line-height: 1.3333333333rem;
    min-height: 0;
  }
  .article--squareLarge .article__title {
    font-size: 1.6rem;
    line-height: 1.7333333333rem;
    margin-bottom: 8px;
  }
  .type13 .article--squareLarge .article__title {
    margin-bottom: 8px;
  }
  .article--fullWideAbsolute .article__title {
    line-height: 2.1333333333rem;
    color: #171717;
  }
  .article--inlineSquareFull .article__title {
    font-size: 1.1333333333rem;
    line-height: 1.3333333333rem;
    margin-top: 4px;
  }
  .article p {
    font-size: 1.0666666667rem;
    line-height: 1.4666666667rem;
    height: auto;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
  }
  .article--square p,
  .article--wide p {
    font-size: 1.0666666667rem;
    line-height: 1.4666666667rem;
  }
  .article--primary p {
    margin-top: 8px;
  }
  .article--primarySmall p {
    font-size: 1.0666666667rem;
    line-height: 1.4666666667rem;
    height: auto;
    min-height: 0;
    max-width: 100%;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
    margin-top: 12px;
  }
  .article--fullWideAbsolute .article__more {
    margin-top: 20px;
  }
  .article--fullWideAbsolute .article__more .link {
    color: #171717;
  }
  .article__media {
    flex-direction: column;
    margin-top: 0;
    margin-bottom: 12px;
  }
  .article__videoImage {
    width: 100%;
    margin-right: 0;
  }
  .article__videoContent {
    margin-top: 12px;
  }
  .article__videoContent a {
    margin-bottom: 12px;
    font-size: 1.6rem;
    line-height: 1.7333333333rem;
  }
  .article__videoContent p {
    font-size: 1.2rem;
    line-height: 1.7333333333rem;
  }
  .article__info a,
  .article__info span {
    margin-right: 0;
  }
  .type14 .article__info a,
  .type14 .article__info span,
  .type21 .article__info a,
  .type21 .article__info span {
    white-space: normal;
  }
  .targetHeight .article__info a:first-child,
  .targetHeight .article__info span:first-child {
    display: block;
  }
  .article__info a:nth-child(2),
  .article__info span:nth-child(2) {
    display: none;
  }
  .targetHeight .article__info a:nth-child(2),
  .targetHeight .article__info span:nth-child(2) {
    display: none;
  }
  .article--hero .article__info a,
  .article--hero .article__info span {
    margin-right: 24px;
  }
  .article--hero .article__info a:nth-child(2),
  .article--hero .article__info span:nth-child(2) {
    display: block;
  }
  .article--primary .article__info a,
  .article--primary .article__info span,
  .article--primarySmall .article__info a,
  .article--primarySmall .article__info span {
    white-space: normal;
    flex: unset;
    margin-right: 8px;
  }
  .targetHeight .article--primary .article__info a,
  .targetHeight .article--primary .article__info span,
  .targetHeight .article--primarySmall .article__info a,
  .targetHeight .article--primarySmall .article__info span {
    display: block;
  }
  .article__info a {
    margin-right: 8px;
  }
  .article__info a:nth-child(2) {
    display: block;
  }
  .article__info a.author {
    display: none;
  }
  .article--primary .article__info,
  .article--primarySmall .article__info {
    padding-bottom: 8px;
    border-bottom: 2px solid #171717;
  }
  .article--primary .article__info span,
  .article--primarySmall .article__info span {
    margin-right: 24px;
  }
  .article--primary .article__info span:nth-child(2),
  .article--primarySmall .article__info span:nth-child(2) {
    display: block;
  }
  .article--primarySmall .article__info {
    width: 100%;
  }
  .article--inlineSquareFull .article__info {
    font-size: 0.8666666667rem;
  }
  .article--fullWideLargeAbsolute .article__info {
    max-width: 100%;
  }
  .article--fullWideLargeAbsolute.article--withSpeech .article__info {
    max-width: calc(100% - 56px);
  }
  .article--squareLarge .article__info {
    max-width: 100%;
  }
  .article__info:after {
    width: 32px;
  }
  .article--inlineSquare .article__info:after,
  .article--simple .article__info:after {
    content: '';
  }
  .article--primary .article__info:after,
  .article--primarySmall .article__info:after {
    content: none;
  }
  .article--plain .article__info:after {
    margin: 0 auto;
  }
  .withSkin .article--recipe .article__info:after {
    content: '';
  }
  .articleWithBanner {
    margin: 0;
    flex-direction: column;
  }
  .articleWithBanner .banner {
    margin-top: 32px;
  }
  .primaryArticle__title {
    top: -25px;
  }
  .primaryArticle__logo {
    height: 53px;
  }
  .type1 .col {
    order: 2;
  }
  .type1 .col.flexColumn {
    margin-top: 32px;
  }
  .type52 .col.minWidthCol {
    margin-top: 0;
  }
  .type13 .col.minWidthCol {
    order: 2;
    margin-top: 24px;
  }
  .type14 .col.selfStart,
  .type21 .col.selfStart {
    margin-top: 0;
  }
  .grid {
    grid-template-columns: 1fr;
    grid-gap: 16px;
  }
  .grid .notification {
    grid-column: 1/2;
  }
  .type1 .grid,
  .type2 .grid,
  .type3 .grid,
  .type4 .grid,
  .type5 .grid,
  .type8 .grid {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 0;
  }
  .type1 .grid,
  .type8 .grid {
    overflow-x: hidden;
  }
  .type8 .grid .category__title {
    text-align: left;
  }
  .type2 .grid,
  .type3 .grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .type2 .grid .notification,
  .type3 .grid .notification {
    grid-column: 1/3;
  }
  .grid.mobileInline {
    display: flex;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    grid-template-columns: 1fr;
    grid-gap: 0;
    width: calc(100% + 16px);
    flex-direction: row;
    flex-wrap: nowrap;
    padding-bottom: 12px;
  }
  .grid.mobileInline .article {
    flex: 0 0 auto;
    width: 254px;
    margin-right: 16px;
    flex-direction: column;
  }
  .type2 .grid.mobileInline .article {
    width: 192px;
  }
  .type2 .grid.mobileInline .article:last-child {
    margin-right: 0;
  }
  .grid.mobileInline .article--inlineSquareFull .article__image {
    --imgOffset: 13px;
    width: 164px;
  }
  .grid.mobileInline .article--inlineSquareFull .article__image figure {
    aspect-ratio: 1;
  }
  .grid.mobileInline .article--inlineSquareFull .article__image figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .grid.mobileInline .article--inlineSquareFull p {
    display: block;
  }
  .grid.mobileInline .article--inlineSquareFull .article__title {
    font-size: 1.3333333333rem;
    line-height: 1.6rem;
  }
  .grid.mobileInline .article--inlineSquareFull .article__content {
    min-height: 0;
    margin-top: 16px;
    height: 100%;
  }
  .grid.mobileInline .article--inlineSquareFull .article__info {
    margin-bottom: 0;
  }
  .grid.mobileInline .article:last-child {
    position: relative;
  }
  .grid.mobileInline .article:last-child:before {
    content: '';
    display: block;
    position: absolute;
    right: -16px;
    width: 16px;
    height: 1px;
  }
  .grid--full,
  .grid--fullWide,
  .grid--inline {
    display: flex;
    margin-top: 20px;
    padding-bottom: 12px;
    overflow-y: hidden;
    overflow-x: auto;
    grid-gap: 0;
    width: calc(100% + 16px);
  }
  .grid--inline {
    grid-template-columns: none;
    align-items: normal;
  }
  .type14 .grid--inline {
    display: grid;
    margin-top: 16px;
    overflow: hidden;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
    width: 100%;
    align-items: normal;
  }
  .grid--inline .article {
    max-width: 254px;
    flex: 0 0 auto;
  }
  .type14 .grid--inline .article {
    max-width: 100%;
    flex: none;
  }
  .grid--inline .article:last-child {
    position: relative;
  }
  .grid--inline .article:last-child:before {
    content: '';
    display: block;
    position: absolute;
    right: -16px;
    width: 16px;
    height: 1px;
  }
  .grid--inline .article--portraitMedium {
    max-width: 254px;
  }
  .grid--inline .article--portraitSmall {
    width: 100%;
  }
  .grid--full {
    grid-template-columns: 1fr;
  }
  .type6 .grid--full,
  .type7 .grid--full {
    display: grid;
    overflow: hidden;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
    width: 100%;
  }
  .type6 .grid--full .banner,
  .type7 .grid--full .banner {
    grid-column: 1/3;
  }
  .grid--full .article--edition,
  .grid--full .article--square {
    flex: 0 0 auto;
    width: 254px;
    margin-right: 16px;
  }
  .type6 .grid--full .article--square {
    flex: none;
    width: 100%;
    margin-right: 0;
  }
  .grid--full .article:last-child {
    position: relative;
  }
  .grid--full .article:last-child:before {
    content: '';
    display: block;
    position: absolute;
    right: -16px;
    width: 16px;
    height: 1px;
  }
  .grid--fullWide {
    margin-top: 0;
    grid-template-columns: 1fr;
  }
  .type22 .grid--fullWide {
    margin-top: 20px;
  }
  .grid--fullWide .article--wideSmall .article__link {
    min-height: 48px;
  }
  .grid--fullWide .article--wideSmall .article__image figure {
    aspect-ratio: 1;
  }
  .grid--fullWide .article--wideSmall .article__image figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .grid--fullWide .article--wideSmall .article__content {
    flex: 1;
  }
  .grid--fullWide .article--wideSmall .article__title {
    font-size: 1.1333333333rem;
    line-height: 1.3333333333rem;
  }
  .grid--fullWide .article--wideSmall .article__info {
    margin-top: auto;
  }
  .flexBoxGrid {
    grid-row-gap: 16px;
  }
  .flexBoxGrid .article:not(:last-child) {
    margin-bottom: 16px;
  }
  .hiddenImage {
    aspect-ratio: 344/382;
  }
  .type39 .article--primarySmall {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 1;
    margin-top: 4px;
  }
  .type39 .article--primarySmall:nth-child(11) {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 5;
    grid-row-end: 5;
    margin-top: 4px;
  }
  .type39 .article--primarySmall:nth-child(19) {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 9;
    grid-row-end: 9;
    margin-top: 4px;
  }
  .type10 .article--square {
    flex-direction: row;
  }
  .article--portraitSmall .article__title {
    margin-top: 8px;
    font-size: 1.3333333333rem;
    line-height: 1.6rem;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
  }
  .type14 .article--portraitSmall .article__title {
    font-size: 1.1333333333rem;
    line-height: 1.3333333333rem;
    min-height: 0;
  }
  .article--inlineSquareFull.withRadiusSmall .article__info,
  .article--inlineSquareFullLarge.withRadiusSmall .article__info,
  .article--inlineWide.withRadiusSmall .article__info {
    margin-top: auto;
  }
  .type20 .article--inlineSquareFull.withRadiusSmall .article__image,
  .type20 .article--inlineSquareFullLarge.withRadiusSmall .article__image,
  .type20 .article--inlineWide.withRadiusSmall .article__image {
    margin: 0;
  }
  .type11 .article--s1e4,
  .type12 .article--s1e4 {
    grid-column: 1/3;
  }
  .type12 .article--s1e5 {
    grid-column: 1/3;
  }
  .type11 .article--s4e6,
  .type12 .article--s4e6 {
    grid-column: 1/3;
  }
  .type11 .article--s4e6.article--wide,
  .type12 .article--s4e6.article--wide {
    grid-column: 2/3;
  }
  .type12 .article--s5e7 {
    grid-column: 1/3;
  }
  .type11 .article--rs1e3 {
    grid-row: unset;
  }
  .article__duration {
    font-size: 1.0666666667rem;
    left: 8px;
    bottom: 8px;
  }
  .article__duration span {
    width: 30px;
    height: 30px;
    font-size: 30px;
  }
  .article.withRadiusSmall .article__image {
    --imgOffset: 9px;
  }
  .article--taste .article__image {
    --imgOffset: 9px;
  }
  .article--taste .article__image picture:before {
    width: calc(100% - 9px);
    height: calc(100% - 9px);
  }
  .article.withRadius .article__image picture {
    --imgOffset: 9px;
  }
  .type2 .article.withRadius .article__image picture {
    --imgOffset: 16px;
  }
  .article--inlineSquareFullLarge .article__image figure img,
  .article--inlineWide .article__image figure img,
  .article--landscape .article__image figure img,
  .article--movieInline .article__image figure img,
  .article--movieMedium .article__image figure img,
  .article--portraitBg .article__image figure img,
  .article--squareLarge .article__image figure img,
  .article--squareXLarge .article__image figure img,
  .article--theater .article__image figure img,
  .article--wideLarge .article__image figure img,
  .article--wideMedium .article__image figure img,
  .related .article__image figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .type12 .article--wide .article__image figure {
    aspect-ratio: 1;
  }
  .article--wideLarge .article__image figure {
    aspect-ratio: 1;
  }
  .article--wideMedium .article__image figure {
    aspect-ratio: 1;
  }
  .article--landscape .article__image figure,
  .article--landscapeImage .article__image figure {
    aspect-ratio: 1;
  }
  .article--squareLarge .article__image figure {
    aspect-ratio: 344/220;
  }
  .article--squareXLarge .article__image figure {
    aspect-ratio: 344/220;
  }
  .article--inlineSquareFullLarge .article__image {
    width: 120px;
    margin-right: 16px;
  }
  .smallImages .article--inlineSquareFullLarge .article__image {
    width: 120px;
    margin-right: 16px;
  }
  .article--inlineWide .article__image {
    width: 220px;
    margin-right: 16px;
  }
  .type10 .article--square .article__image {
    width: 120px;
    flex: 0 0 auto;
    margin-right: 16px;
  }
  .article--withPodcast.article--squareXLarge .article__image:before,
  .article--withPodcast.article--wideLarge .article__image:before {
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 32px;
    bottom: 28px;
    right: 26px;
  }
  .article--withPodcast.article--squareXLarge
    .article__image
    > a:not(.article__parentCategory):before,
  .article--withPodcast.article--wideLarge
    .article__image
    > a:not(.article__parentCategory):before {
    right: 16px;
    bottom: 16px;
  }
  .article--tasteMedium .article__content {
    margin-top: 12px;
  }
  .article--shopSmall .article__content,
  .article--theaterSmall .article__content {
    margin-top: 8px;
  }
  .article--theater .article__content {
    margin-top: 0;
  }
  .type15 .article--square .article__content,
  .type16 .article--square .article__content,
  .type17 .article--square .article__content {
    margin-bottom: 6px;
  }
  .type1 .article--square .article__content,
  .type4 .article--square .article__content,
  .type8 .article--square .article__content,
  .type9 .article--square .article__content {
    height: 100%;
  }
  .type1 .article--wide .article__content,
  .type4 .article--wide .article__content,
  .type8 .article--wide .article__content,
  .type9 .article--wide .article__content {
    height: 100%;
  }
  .type10 .article--wideSmall .article__content {
    min-height: 0;
  }
  .type26 .article--wideSmall .article__content {
    min-height: 0;
  }
  .article--squareXLarge .article__category,
  .article--wideLarge .article__category,
  .article--wideMedium .article__category,
  .article--wideSmall .article__category {
    margin-top: 8px;
  }
  .article--squareLarge .article__category {
    margin-top: 8px;
  }
  .type10 .article--square .article__category {
    margin-top: 0;
  }
  .article--inlineSquareFullLarge .article__category,
  .article--inlineWide .article__category {
    margin-top: 0;
  }
  .article--landscape .article__title {
    font-size: 1.1333333333rem;
    line-height: 1.3333333333rem;
  }
  .article--story.large .article__title {
    font-size: 1.7333333333rem;
    line-height: 2rem;
  }
  .article--primarySmall .article__title {
    font-size: 1.7333333333rem;
    line-height: 2rem;
  }
  .type12 .article--wide .article__title {
    font-size: 1.1333333333rem;
    line-height: 1.3333333333rem;
  }
  .type26 .article--wideSmall .article__title {
    font-size: 1.1333333333rem;
    line-height: 1.3333333333rem;
  }
  .type12 .article--wideLarge .article__title {
    font-size: 1.1333333333rem;
    line-height: 1.3333333333rem;
    font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  }
  .type11 .article--wideMedium .article__title {
    font-size: 1.1333333333rem;
    line-height: 1.3333333333rem;
    font-family: PFSpekkVARSemiBold, Arial, sans-serif;
  }
  .type11 .article--squareXLarge .article__title,
  .type12 .article--squareXLarge .article__title {
    font-size: 1.1333333333rem;
    line-height: 1.3333333333rem;
  }
  .type41
    .article--inlineSquareFullLarge
    .article__content--withTaxonomy
    .article__title {
    margin-top: 4px;
  }
  .article--inlineSquareFullLarge .article__title {
    font-size: 1.1333333333rem;
    line-height: 1.3333333333rem;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .type41 .article--inlineSquareFullLarge .article__title {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .smallImages .article--inlineSquareFullLarge .article__title {
    font-size: 1.1333333333rem;
    line-height: 1.3333333333rem;
  }
  .article--inlineWide .article__title {
    font-size: 1.1333333333rem;
    line-height: 1.3333333333rem;
    margin-top: 4px;
  }
  .article--shopSmall p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .article--story p {
    font-size: 1.2rem;
    line-height: 1.7333333333rem;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
    margin-bottom: 12px;
  }
  .article--story.large p {
    font-size: 1.2rem;
    line-height: 1.7333333333rem;
  }
  .article--square p,
  .article--wide p {
    font-size: 1.0666666667rem;
    line-height: 1.4666666667rem;
  }
  .article--inlineSquareFullLarge p {
    display: none;
  }
  .article--inlineWide p {
    display: none;
  }
  .article--wideLarge p {
    font-size: 1.0666666667rem;
    line-height: 1.4666666667rem;
    margin-top: 8px;
    margin-bottom: 8px;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
  }
  .article--wideMedium p {
    font-size: 1.0666666667rem;
    line-height: 1.4666666667rem;
    margin-top: 8px;
    margin-bottom: 8px;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
  }
  .type33 .article--wideMedium p,
  .type35 .article--wideMedium p {
    font-size: 1.0666666667rem;
    line-height: 1.6rem;
  }
  .article--squareXLarge p {
    font-size: 1.0666666667rem;
    line-height: 1.4666666667rem;
    margin-top: 8px;
    margin-bottom: 8px;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
  }
  .article--wideMedium .article__info a,
  .article--wideMedium .article__info span {
    white-space: normal;
    flex: unset;
    margin-right: 8px;
  }
  .article--story .article__info {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .article--story .article__info span {
    width: 100%;
    margin-bottom: 4px;
  }
  .article--inlineSquareFullLarge .article__info,
  .article--inlineWide .article__info {
    font-size: 0.8666666667rem;
  }
  .article--inlineSquareFull .article__info {
    margin-top: auto;
  }
  .article--wideLarge .article__info:after {
    width: 32px;
  }
  .article--fullWideMediumAbsolute .article__info:after {
    width: 32px;
  }
  .article--wideMedium .article__info:after {
    width: 32px;
  }
  .type33 .article--wideMedium .article__info:after,
  .type35 .article--wideMedium .article__info:after {
    width: 32px;
  }
  .article--primarySmall .article__info:after {
    content: none;
  }
  .article--story .article__info:after {
    margin-left: auto;
  }
  .articleWithBanner {
    margin: -32px 0 0;
  }
  .type19 .col:first-child,
  .type20 .col:first-child {
    margin-bottom: 32px;
  }
  .lookLayout .type20 .col:first-child {
    margin-bottom: 0;
  }
  .type19 .col:first-child {
    margin-bottom: 32px;
  }
  .grid--cols4 .category {
    grid-column: span 1;
  }
  .type27 .grid {
    order: 1;
    grid-row-gap: 12px;
  }
  .grid--middleSection {
    margin-bottom: 40px;
  }
  .type26 .grid {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 0;
  }
  .type10 .grid {
    margin-top: 0;
    margin-bottom: 0;
  }
  .type20 .grid.fullMobileGrid {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid--semi {
    display: flex;
    margin-top: 0;
    overflow-y: hidden;
    overflow-x: auto;
    grid-template-columns: 1fr;
    grid-gap: 0;
    width: calc(100% + 16px);
    padding-bottom: 12px;
  }
  .grid--semi .banner {
    margin-top: 0;
  }
  .grid--semi .article {
    flex: 0 0 auto;
    width: 254px;
    margin-right: 16px;
  }
  .grid--semi .article--squareLarge .article__image figure {
    aspect-ratio: 1;
  }
  .grid--semi .article--squareLarge .article__image figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .grid--semi .article--squareLarge .article__title {
    font-size: 1.3333333333rem;
    line-height: 1.6rem;
  }
  .grid--semi .article:last-child {
    position: relative;
  }
  .type35 .grid--semi .article:last-child {
    margin-right: 0;
  }
  .grid--semi .article:last-child:before {
    content: '';
    display: block;
    position: absolute;
    right: -16px;
    width: 16px;
    height: 1px;
  }
  .type35 .grid--semi .article:last-child:before {
    content: none;
  }
  .type33 .grid--semi {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 24px;
    width: 100%;
    overflow: hidden;
  }
  .type33 .grid--semi .article {
    width: 100%;
    margin-right: 0;
  }
  .type19 .grid--semi {
    grid-template-columns: 1fr;
  }
  .grid--inline .article--portraitMedium {
    max-width: 100%;
  }
  .type11 .grid--full,
  .type12 .grid--full {
    display: grid;
    margin-top: 0;
    overflow: hidden;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
    width: 100%;
  }
  .type11 .grid--full .article:nth-child(3),
  .type12 .grid--full .article:nth-child(3) {
    grid-column: auto;
  }
  .type11 .grid--full .article:nth-child(4),
  .type12 .grid--full .article:nth-child(4) {
    grid-column: auto;
  }
  .type11 .grid--full .article:nth-child(5),
  .type12 .grid--full .article:nth-child(5) {
    grid-column: auto;
  }
  .grid--full .article--book {
    flex: 0 0 auto;
    width: 254px;
    margin-right: 16px;
  }
  .grid--fullWide .article--book {
    flex: 0 0 auto;
    width: 254px;
    margin-right: 16px;
  }
  .grid--fullWide .article--book:last-child {
    position: relative;
  }
  .grid--fullWide .article--book:last-child:before {
    content: '';
    display: block;
    position: absolute;
    right: -16px;
    width: 16px;
    height: 1px;
  }
  .grid--fullRow {
    grid-row-gap: 16px;
  }
  .type19 .grid--fullRow,
  .type20 .grid--fullRow {
    padding-right: 0;
  }
  .grid.rowGap-32 {
    grid-row-gap: 24px;
  }
  .lookLayout .grid.rowGap-40 {
    grid-row-gap: 24px;
  }
  .grid.rowGap-64 {
    grid-row-gap: 24px;
  }
  .type19 .flexBoxGrid,
  .type20 .flexBoxGrid {
    padding-right: 0;
  }
  .articlePreview__content {
    margin-top: 0;
    width: 100%;
    padding: 16px 0;
  }
  .articlePreview--video .articlePreview__content {
    width: 100%;
  }
  .articlePreview__title {
    font-size: 1.6rem;
    line-height: 1.8666666667rem;
  }
  .articlePreview__intro {
    font-size: 1.2rem;
    line-height: 1.8666666667rem;
  }
  .articlePreview__intro p {
    font-size: 1.2rem;
    line-height: 1.8666666667rem;
  }
  .articles--singleColumn:not(.articles--large) {
    display: flex;
    flex-direction: column;
    grid-gap: 0;
  }
  .type50 .articles--singleColumn:not(.articles--large),
  .type51 .articles--singleColumn:not(.articles--large) {
    grid-template-columns: 1fr;
  }
  .type24 .articles--singleColumn {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .singleArticlePage .articles--singleColumn .banner {
    margin-bottom: 56px !important;
  }
  .type24 .articles--singleColumn .article {
    width: 100%;
    margin: 0 0 24px;
  }
  .articles--singleColumn .banner {
    margin-bottom: 24px;
  }
  .type24 .articles--singleColumn .banner,
  .type30 .articles--singleColumn .banner {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    grid-row: 1/2;
    grid-column: 1/2;
  }
  .articles--singleColumn .banner.noMargin {
    margin: 0 auto !important;
  }
  .articles--large {
    margin: 32px 0;
  }
  .smallImages .articles--large {
    padding-right: 0;
  }
  .articles--large .article,
  .articles--large .articleCol {
    margin: 0 0 16px;
  }
  .stories {
    margin-top: 0;
    grid-template-columns: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 32px;
    margin-bottom: 8px;
  }
  .stories .pagination-container {
    grid-column: 1/2;
  }
  .stories--full {
    margin-top: 40px;
  }
  .type23 .sidebar {
    margin-top: 32px;
  }
  .type23 .sidebar .article--squareLarge {
    margin-bottom: 24px;
  }
  .articleSingle {
    margin-bottom: 12px;
  }
  .type24 .articleSingle {
    margin-bottom: 0;
  }
  .articleSingle--withMarginTop {
    margin-top: 14px;
  }
  .articleSingle.noMargin {
    margin-bottom: 0 !important;
  }
  .articleSingle--secondary {
    order: 1;
    padding-top: 32px;
    border-top: 2px solid #171717;
  }
  .articleSingle--secondary .articleSingle__description {
    margin-bottom: 0;
  }
  .articleSingle--book {
    flex-direction: column;
  }
  .articleSingle__preview {
    width: 100%;
    max-width: 400px;
    margin: 30px 0;
  }
  .articleSingle__summary {
    padding-left: 16px;
  }
  .articleSingle__summaryContent {
    font-size: 1.3333333333rem;
  }
  .articleSingle__summaryContent p {
    font-size: 1.3333333333rem !important;
  }
  .articleSingle blockquote:not(.tiktok-embed) {
    font-size: 1.3333333333rem;
    padding-left: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }
  .articleSingle blockquote:not(.tiktok-embed):before {
    position: relative;
    margin: 0 auto 16px;
  }
  .articleSingle blockquote:not(.tiktok-embed) p {
    font-size: 1.3333333333rem !important;
    text-align: center;
  }
  .articleSingle blockquote:not(.tiktok-embed) p:first-of-type:first-letter {
    font-size: 1.3333333333rem;
    line-height: 1.7333333333rem;
  }
  .articleSingle
    blockquote:not(.tiktok-embed)
    p
    .firstletterSmall:first-letter {
    font-size: 1.3333333333rem !important;
  }
  .articleSingle__media {
    flex-direction: column;
    margin-top: 8px;
  }
  .articleSingle--withVideo.articleSingle--default .articleSingle__media {
    margin-top: 8px;
  }
  .articleSingle__media .banner {
    position: relative;
    top: 0;
    margin-bottom: 24px;
  }
  .articleSingle__asset {
    margin-top: 12px;
  }
  .articleSingle__asset span {
    font-size: 1.6rem;
    line-height: 1.7333333333rem;
    margin-top: 12px;
  }
  .articleSingle__asset p {
    font-size: 1.2rem;
    line-height: 1.7333333333rem;
    margin-top: 12px;
    margin-bottom: 0;
  }
  .articleSingle__arrows {
    right: 16px;
    bottom: 16px;
  }
  .articleSingle__button {
    width: 36px;
    height: 36px;
    border-width: 1px;
  }
  .articleSingle__button span {
    width: 18px;
    height: 18px;
    font-size: 18px;
  }
  .articleSingle__image,
  .articleSingle__slider {
    margin: 0 auto 24px;
    width: 196px;
  }
  .articleSingle--zodiac .articleSingle__image,
  .articleSingle--zodiac .articleSingle__slider {
    max-width: 224px;
  }
  .type30 .articleSingle--zodiac .articleSingle__image,
  .type30 .articleSingle--zodiac .articleSingle__slider {
    margin-right: 0;
    max-width: 100%;
    display: flex;
    flex-direction: column;
  }
  .articleSingle--default .articleSingle__image,
  .articleSingle--default .articleSingle__slider {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .articleSingle--withVideo.articleSingle--default .articleSingle__image,
  .articleSingle--withVideo.articleSingle--default .articleSingle__slider {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .articleSingle--withVideo .articleSingle__image,
  .articleSingle--withVideo .articleSingle__slider {
    margin-bottom: 16px;
  }
  .articleSingle--withVideo .articleSingle__image .icon,
  .articleSingle--withVideo .articleSingle__slider .icon {
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 40px;
  }
  .articleSingle--book .articleSingle__image,
  .articleSingle--book .articleSingle__slider {
    margin-bottom: 16px;
    margin-left: 0;
    width: 100%;
    max-width: 400px;
  }
  .articleSingle--edition .articleSingle__image,
  .articleSingle--edition .articleSingle__slider,
  .articleSingle--press .articleSingle__image,
  .articleSingle--press .articleSingle__slider {
    margin-left: 0;
    width: 100%;
    max-width: 400px;
  }
  .articleSingle--cover .articleSingle__image,
  .articleSingle--cover .articleSingle__slider {
    margin-left: 0;
    width: 100%;
    max-width: 400px;
  }
  .articleSingle--book .articleSingle__image figure,
  .articleSingle--book .articleSingle__slider figure {
    aspect-ratio: 344/495;
  }
  .articleSingle--contributor .articleSingle__image picture,
  .articleSingle--contributor .articleSingle__slider picture {
    padding: 16px 0 0 16px;
  }
  .articleSingle--book .articleSingle__image picture,
  .articleSingle--book .articleSingle__slider picture {
    padding: 0 0 40px 40px;
  }
  .articleSingle--ediiton .articleSingle__image picture,
  .articleSingle--ediiton .articleSingle__slider picture,
  .articleSingle--press .articleSingle__image picture,
  .articleSingle--press .articleSingle__slider picture {
    padding: 0 0 24px 24px;
  }
  .articleSingle--cover .articleSingle__image picture,
  .articleSingle--cover .articleSingle__slider picture {
    padding: 0 0 24px 24px;
  }
  .articleSingle--contributor .articleSingle__image picture:before,
  .articleSingle--contributor .articleSingle__slider picture:before {
    width: calc(100% - 16px);
    height: calc(100% - 16px);
  }
  .articleSingle--book .articleSingle__image picture:before,
  .articleSingle--book .articleSingle__slider picture:before {
    left: 0;
    top: 0;
    width: calc(100% - 40px);
  }
  .articleSingle--edition .articleSingle__image picture:before,
  .articleSingle--edition .articleSingle__slider picture:before,
  .articleSingle--press .articleSingle__image picture:before,
  .articleSingle--press .articleSingle__slider picture:before {
    left: 0;
    top: 0;
    width: calc(100% - 40px);
  }
  .articleSingle--cover .articleSingle__image picture:before,
  .articleSingle--cover .articleSingle__slider picture:before {
    left: 0;
    width: calc(100% - 40px);
  }
  .articleSingle__image--youtube .videoWrp .playVideo .icon,
  .articleSingle__slider--youtube .videoWrp .playVideo .icon {
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 40px;
  }
  .articleSingle--default .articleSingle__image {
    margin-bottom: 48px;
  }
  .articleSingle__slider figcaption {
    display: none;
  }
  .articleSingle--voice .articleSingle__info {
    margin-top: 12px;
  }
  .radioPage .articleSingle__illustration {
    display: none;
  }
  .articleSingle--centered .articleSingle__content {
    margin-top: 16px;
    padding-bottom: 16px;
  }
  .articleSingle__content--negativeTop {
    margin-top: -64px !important;
    background-color: #fbfbf8;
    padding-top: 16px;
  }
  .articleSingle__content--compact {
    margin-top: 40px !important;
  }
  .articleSingle__content h1:not(.articleSingle__authorDetailsContentTitle) {
    margin-bottom: 24px;
    font-size: 1.7333333333rem;
    line-height: 2rem;
  }
  .articleSingle__content
    h1:not(.articleSingle__authorDetailsContentTitle).articleSingle__title {
    font-size: 1.7333333333rem;
    line-height: 2rem;
    margin-top: 8px;
    min-height: 0;
  }
  .articleSingle__content p {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
  .articleSingle__back {
    font-size: 1.0666666667rem;
    line-height: 1.3333333333rem;
  }
  .articleSingle__back span {
    width: 24px;
    height: 24px;
    font-size: 24px;
    margin-right: 4px;
  }
  .articleSingle__title {
    font-size: 1.7333333333rem;
    line-height: 2rem;
    margin-top: 8px;
  }
  .articleSingle__titleSecond {
    font-size: 1.4666666667rem;
  }
  .articleSingle--recipe .articleSingle__title {
    font-size: 1.7333333333rem;
    line-height: 2rem;
    margin-top: 8px;
  }
  .articleSingle--tribute .articleSingle__title {
    font-size: 1.7333333333rem;
    line-height: 2rem;
    margin-top: 8px;
  }
  .articleSingle--voice .articleSingle__date {
    margin-bottom: 12px;
    font-size: 0.8666666667rem;
    line-height: 1.0666666667rem;
  }
  .articleSingle__authorDetailsContent a {
    font-size: 2.1333333333rem;
    line-height: 2.5333333333rem;
  }
  .articleSingle__authorDetailsContentTitle {
    font-size: 2.1333333333rem;
    line-height: 2.5333333333rem;
  }
  .articleSingle__authorDetailsContent span {
    line-height: 1;
  }
  .articleSingle__intro {
    margin-top: 32px;
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
  .articleSingle--recipe .articleSingle__intro {
    padding: 0;
  }
  .articleSingle--tribute .articleSingle__intro {
    padding: 0;
  }
  .articleSingle--book .articleSingle__intro {
    max-height: 114px;
  }
  .articleSingle__intro p {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
  .articleSingle--cover .articleSingle__intro p:first-of-type:first-letter {
    font-size: 3.6rem;
    line-height: 3.6rem;
    padding-bottom: 0;
  }
  .articleSingle--cover .articleSingle__intro p .firstletterSmall:first-letter {
    font-size: 1.3333333333rem !important;
  }
  .articleSingle--default .articleSingle__intro p {
    height: auto;
    -webkit-line-clamp: unset;
    overflow: visible;
  }
  .articleSingle__tags {
    margin-bottom: 32px;
  }
  .articleSingle__links {
    flex-direction: column;
    margin-bottom: 0;
  }
  .articleSingle__links--plain {
    flex-direction: column;
    margin-bottom: 0;
  }
  .articleSingle--cover .articleSingle__links {
    margin-top: 24px;
  }
  .articleSingle__links .link {
    margin-bottom: 16px;
  }
  .type39 .articleSingle__links .link:last-child {
    margin: 0;
  }
  .articleSingle__endLinks {
    margin-bottom: 32px;
  }
  .articleSingle__description {
    font-size: var(--articleFontSizeMobile);
    line-height: 1.52;
  }
  .type38 .articleSingle__description {
    margin-top: 40px;
  }
  .articleSingle__description--withMarginTop {
    margin-top: 12px;
  }
  .articleSingle__description .videoWrp .playVideo .icon {
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 40px;
  }
  .articleSingle__description p {
    font-size: var(--articleFontSizeMobile);
  }
  .lookLayout .articleSingle__description p {
    margin-bottom: 24px;
  }
  .articleSingle__description p:first-of-type:first-letter {
    font-size: 3.6rem;
    line-height: 3.6rem;
    padding-bottom: 0;
  }
  .articleSingle__description p .firstletterSmall:first-letter {
    font-size: var(--articleFontSizeMobile);
  }
  .articleSingle__description--plain p:first-of-type:first-letter {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
  .articleSingle__description--plain p .firstletterSmall:first-letter {
    font-size: var(--articleFontSizeMobile);
  }
  .articleSingle__description iframe.instagram-media-rendered {
    margin-bottom: 24px !important;
  }
  .articleSingle__description .iframeContainer iframe.instagram-media-rendered {
    margin-bottom: 0 !important;
  }
  .articleSingle__description .banner {
    margin-bottom: 24px !important;
  }
  .articleContainer {
    flex-direction: column;
  }
  .articleContainer--centered.flexColumn .articleSingle {
    width: 100%;
  }
  .articleContainer:last-child {
    margin-bottom: 0;
  }
  .articleContainer .firstletter:first-letter {
    font-size: 3.6rem;
    line-height: 3.6rem;
    padding-bottom: 0;
  }
  .articleContainer .firstletterSmall:first-letter {
    font-size: var(--articleFontSizeMobile);
  }
  .articleContainer__sidebar {
    width: 100%;
    margin-bottom: 40px;
    margin-right: 0;
    order: 2;
    margin-top: 32px;
  }
  .isApp .articleContainer__sidebar {
    margin-top: 0;
  }
  .type35 .articleContainer__sidebar {
    order: 0;
  }
  .articleContainer__sidebar--desktop {
    display: none;
  }
  .articleContainer__sidebar--primary {
    order: 0;
  }
  .podcast .articleContainer__sidebar {
    display: none;
  }
  .articleContainer--centered .articleContainer__sidebar {
    margin-bottom: 24px;
  }
  .articleContainer__articles {
    margin-top: 0;
    position: relative;
    top: 0;
  }
  .articleContainer__articles .article {
    margin-bottom: 16px;
    flex-direction: row;
  }
  .articleContainer__articles .article__image {
    width: 120px;
    margin-right: 16px;
    align-items: center;
    flex: 0 0 auto;
  }
  .articleContainer__footer {
    width: 100%;
    margin-left: 0;
    margin-top: 16px;
  }
  .podcast .articleContainer__footer {
    width: 100%;
    margin-left: 0;
  }
  .articleContainer--centered .articleContainer__footer {
    width: 100%;
  }
  .articleActions {
    margin-right: 0;
    flex-direction: row;
    width: 100%;
    align-items: center;
    margin-bottom: 24px;
    margin-top: 24px;
    order: 3;
  }
  .podcast .articleActions {
    order: 0;
    margin-bottom: 0;
  }
  .type35 .articleActions {
    margin-bottom: 0;
    margin-top: 16px;
  }
  .isApp .type35 .articleActions {
    margin-top: 0;
  }
  .type36 .articleActions {
    margin-bottom: 16px;
    margin-top: 24px;
  }
  .type30 .articleActions {
    margin-bottom: 24px;
  }
  .synastries .type30 .articleActions {
    margin-bottom: 24px;
    order: 0;
  }
  .type31 .articleActions {
    margin-bottom: 0;
  }
  .articleActions__list {
    flex-direction: row;
    margin-bottom: 0;
  }
  .articleActions__list:last-child {
    margin-left: auto;
  }
  .articleActions__item {
    margin-bottom: 0;
    margin-right: 8px;
  }
  .articleActions__item:last-child {
    margin-right: 0;
  }
  .recipeInfo {
    margin-top: 40px;
    flex-direction: column;
    padding-top: 32px;
    border-top: 2px solid #171717;
  }
  .recipeInfo li {
    padding: 0;
    color: #171717;
    border: none;
    flex-direction: row;
    margin-bottom: 24px;
  }
  .recipeInfo li:last-child {
    margin-bottom: 0;
  }
  .recipeInfo li a {
    color: #171717 !important;
    flex-direction: row;
  }
  .recipeInfo li i {
    margin-bottom: 0;
    margin-right: 16px;
    width: 24px;
    height: 24px;
    color: #171717;
    background-color: transparent;
  }
  .recipeInfo li span {
    max-width: 100%;
  }
  .mobileActions {
    display: flex;
  }
  .podcast .mobileActions {
    margin-bottom: 24px;
  }
  .isApp .mobileActions__header {
    margin-bottom: 10px;
  }
  .mainLetter {
    width: 112px;
    height: 112px;
    margin: 0 0 -16px;
  }
  .fullWidthImage figure {
    padding-top: 114%;
  }
  .fullWidthImage figcaption {
    width: calc(100% - 32px);
    height: 108px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  body
    .shareaholic-share-buttons-container
    ul.shareaholic-share-buttons.shareaholic-no-margin-padding-important {
    left: 0;
    top: -6px;
  }
  body .shareaholic-share-buttons-container li.shareaholic-total-count {
    padding: 0 16px 0 10px !important;
    margin: 0 !important;
    display: flex !important;
  }
  body .shareaholic-share-buttons-container li.shareaholic-total-count:before {
    left: 0;
    top: 50%;
    width: 2px;
    height: 32px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .articleQuote {
    flex-direction: column;
    margin-bottom: 40px;
  }
  .articleQuote__image {
    max-width: 100%;
    margin-bottom: 60px;
  }
  .articleQuote__content p {
    font-size: 1.7333333333rem;
    line-height: 2.1333333333rem;
  }
  .articleQuote--plain .articleQuote__content p {
    font-size: var(--articleFontSizeMobile);
  }
  .videoComponent:before {
    content: none;
  }
  .videoComponent--youtube .videoWrp .playVideo .icon {
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 40px;
  }
  .videoComponent .icon {
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 40px;
  }
  .articleCenterContainer {
    margin: 24px 0;
  }
  .articleAreas {
    margin: 24px 0;
  }
  .articleAreas .areas {
    margin-bottom: 40px;
  }
  .slideShowImage:before {
    content: none;
  }
  .maxWidthContent {
    margin-bottom: 40px;
    width: 100%;
  }
  .maxWidthContent .grid {
    grid-template-columns: 1fr;
  }
  .articleSection .iframeContainer {
    margin-bottom: 24px;
  }
  .articleSection video {
    margin-bottom: 24px;
  }
  .articleSection .videoWrp {
    margin-bottom: 24px;
  }
  .articleSection .videoWrp .playVideo .icon {
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 40px;
  }
  .articleSection__content--gallery figure {
    margin-bottom: 24px;
  }
  body:not(.lookLayout) .grid .banner:not(.b1x1) {
    min-height: 664px;
    padding: 32px 0;
    position: relative !important;
    z-index: 0;
    top: 0 !important;
  }
  body:not(.lookLayout) .grid .banner:not(.b1x1):before {
    content: '';
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    top: 0;
    width: 100vw;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  body:not(.lookLayout) .grid .banner:not(.b1x1) > div {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    top: 60px;
    overflow: hidden;
  }
  body section .banner:not(.b1x1) {
    min-height: 664px;
    padding: 32px 0;
    position: relative !important;
    z-index: 0;
    top: 0 !important;
  }
  body section .banner:not(.b1x1):before {
    content: '';
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    top: 0;
    width: 100vw;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  body section .banner:not(.b1x1) > div {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    top: 60px;
    overflow: hidden;
  }
  .banners {
    display: none;
  }
  .banner {
    margin: 0 auto;
  }
  .pageWithFilters .banner {
    margin: 0 auto 24px !important;
  }
  .type42 .banner {
    margin-top: 0;
  }
  .type41 .banner {
    margin-top: 0;
  }
  .type48 .banner {
    margin-top: 0;
  }
  .type21 .banner {
    margin-top: 0;
    position: relative;
    top: unset;
  }
  .type38 .banner {
    margin-top: 0;
  }
  .type33 .banner,
  .type49 .banner {
    margin-top: 24px;
  }
  .type39 .banner {
    margin-top: 0;
  }
  .type9 .banner {
    margin-top: 32px;
    position: relative;
    top: unset;
  }
  .type3 .banner,
  .type4 .banner {
    margin-top: 24px;
  }
  .type2 .banner {
    margin-top: 24px;
  }
  .type2.categorySection--small .banner {
    margin-top: 24px;
  }
  .type35 .banner,
  .type36 .banner,
  .type6 .banner {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .type13 .banner {
    margin: 24px auto;
  }
  .type19 .banner {
    margin-top: 24px;
  }
  .type26 .banner,
  .type27 .banner {
    margin: 24px auto 0;
    text-align: center;
  }
  .type32 .banner {
    margin-bottom: 24px;
  }
  .type32 .articles .banner {
    text-align: center;
    margin: 0 auto;
  }
  .type31 .articles .banner {
    text-align: center;
    margin: 0 auto;
  }
  .type37 .banner {
    margin: 0 auto;
    text-align: center;
  }
  .type43 .banner,
  .type44 .banner {
    margin: 24px auto 0;
  }
  .type44.formComplete .banner {
    margin-top: 24px;
  }
  .type24 .banner {
    margin: 0 auto;
  }
  .type24 .banner.b1x1 {
    aspect-ratio: 343/78;
    width: 100%;
  }
  .multipleBanners .banner {
    margin-top: 24px !important;
  }
  .banner--withMargin {
    margin-bottom: 24px;
  }
  .banner--withDefaultMargin {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .banner.marginTopAuto {
    margin-top: 32px;
  }
  .customBanner {
    margin-top: 0;
  }
  .button--absolute,
  button--absolute {
    position: relative;
    left: 12px;
    top: 0;
    width: calc(100% - 24px);
    order: 4;
    margin-top: 24px;
    justify-content: space-between !important;
  }
  .toolsList .button--withIcon:not(.disabled),
  .toolsList button--withIcon:not(.disabled) {
    padding: 0 8px 0 16px;
  }
  .withSkin .toolsList .button--withIcon:not(.disabled),
  .withSkin .toolsList button--withIcon:not(.disabled) {
    padding: 0 8px 0 16px;
  }
  .cta:before {
    width: 700px;
  }
  .cta--avStories:before {
    background-position: 40%;
  }
  .cta--av:before,
  .cta--avPets:before {
    background-position: 20%;
    width: 400px;
  }
  .cta--cinema:before {
    background: url(/content/media/images/promo/cinema.png?k=web-54f87c677d)
      no-repeat 58% center/cover;
  }
  .cta--today:before {
    background: url(/content/media/images/promo/edition.png?k=web-54f87c677d)
      no-repeat 58% center/cover;
  }
  .cta--map:before {
    background: url(/content/media/images/promo/map.png?k=web-54f87c677d)
      no-repeat 70% center/cover;
  }
  .cta--cover:before {
    background: url(/content/media/images/promo/cover.png?k=web-54f87c677d)
      no-repeat 70% center/cover;
  }
  .cta--stories:before {
    background: url(/content/media/images/promo/stories.png?k=web-54f87c677d)
      no-repeat 70% center/cover;
  }
  .cta--saw:before {
    background: url(/content/media/images/promo/saw.png?k=web-54f87c677d)
      no-repeat 70% center/cover;
  }
  .cta--talk:before {
    background: url(/content/media/images/promo/talk.png?k=web-54f87c677d)
      no-repeat 70% center/cover;
  }
  .cta__col .buttonWrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
  }
  .cta__col .buttonWrapper .button {
    width: 100%;
    justify-content: space-between;
  }
  .ctaBox {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .ctaBox--withBg {
    margin: 32px auto 16px;
    padding: 38px 30px 66px 74px;
  }
  .ctaBox__title {
    font-size: 1.4666666667rem;
    line-height: 1.7333333333rem;
    margin-bottom: 30px;
  }
  .simpleContent p {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
  .simpleText {
    margin-top: 32px;
  }
  .tagText {
    margin-bottom: 32px;
  }
  .tagText__image {
    float: none;
    margin: 0 0 24px;
  }
  .errorBox {
    margin: 30px 0 60px;
  }
  .errorBox__content svg {
    max-width: 300px;
  }
  .errorBox__content > span {
    font-size: 1.4666666667rem;
    line-height: 1.7333333333rem;
  }
  .errorBox__content p {
    font-size: 1.0666666667rem;
    line-height: 1.6rem;
  }
  .formWrapper__illustration {
    top: 20px;
  }
  .formContainer--withPadding {
    padding: 32px 16px;
    margin-bottom: 24px;
  }
  .formContainer--default {
    padding: 112px 16px 32px;
    margin-bottom: 24px;
    margin-top: 80px;
  }
  .popup .formContainer--default {
    padding: 112px 16px 40px;
  }
  .form__subtitle {
    margin: 24px 0;
  }
  .lookLayout .subscribe .formGroup {
    flex-direction: column;
  }
  .lookLayout .formGroup--absolute {
    padding: 0 12px;
  }
  .lookLayout .formGroup__field {
    min-width: 0;
    width: 100%;
    margin-bottom: 12px;
  }
  .inline-fields {
    flex-direction: column;
  }
  .inline-fields--row {
    flex-direction: row;
  }
  .inline-fields .formGroup {
    margin-right: 0;
    margin-bottom: 32px;
  }
  .select--small .select__options {
    max-height: 214px;
  }
  .filters {
    margin: 32px 0 24px;
  }
  .type2 .filters.is-sticky,
  .type41 .filters.is-sticky {
    top: 4px !important;
  }
  .withoutSubmenu .type2 .filters.is-sticky,
  .withoutSubmenu .type41 .filters.is-sticky {
    top: 24px !important;
  }
  .filters.is-sticky .filters__container {
    max-height: calc(100vh - 84px);
  }
  .clearFilters {
    margin: 0 0 16px;
  }
  .filter {
    margin-bottom: 24px;
  }
  .filter:last-child {
    margin-bottom: 24px;
  }
  .filter__items {
    max-height: 60vh;
  }
  .pageWithTopFilters .filterGroup__content {
    grid-template-columns: repeat(2, 1fr);
  }
  .pageWithTopFilters .filterGroup__content--col4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .pageWithTopFilters .filterGroup__content--col3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .gallery {
    margin: 0 0 40px;
    margin-left: -50vw;
    flex-direction: column;
  }
  .gallery__image {
    margin: 0 0 40px;
  }
  .gallery__image:last-child {
    margin: 0;
  }
  .glossary {
    height: 56px;
  }
  .glossary li {
    width: 32px;
    height: 32px;
    font-size: 1.3333333333rem;
    line-height: 1.3333333333rem;
  }
  .glossary li:first-child {
    margin-left: 8px;
  }
  .glossary li:last-child:before {
    right: -8px;
    width: 8px;
  }
  .simpleMap {
    margin: 24px 0 40px;
  }
  .megaMenu.active {
    padding: 20px 0;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: none;
  }
  .megaMenu__close {
    margin: 0 0 16px 40px;
  }
  .lookLayout .megaMenu__close {
    margin: 0 0 16px 40px;
  }
  .megaMenu__list:before {
    left: 16px;
    width: calc(100% - 32px);
  }
  .megaMenu__list:first-child {
    margin-top: 40px;
  }
  .megaMenu .megaMenu__list--social {
    gap: 24px;
    justify-content: center;
    padding-bottom: 0;
  }
  .megaMenu__list li.active > a {
    color: var(--regularColor) !important;
  }
  .megaMenu__item:after {
    background-color: #cfcfcf;
    content: '';
    left: 16px;
    opacity: 0;
    position: absolute;
    top: -4px;
    transition: opacity 250ms ease-out;
    width: calc(100% - 32px);
    height: 2px;
  }
  .megaMenu li,
  .megaMenu__item {
    padding: 0 32px;
    flex-direction: column;
    min-height: 48px;
    height: auto;
  }
  .megaMenu li--withSubmenu:before,
  .megaMenu__item--withSubmenu:before {
    display: block;
  }
  .megaMenu li > a,
  .megaMenu__link {
    height: 48px;
  }
  .megaMenu__item.active .megaMenu li > a,
  .megaMenu__item.active .megaMenu__link {
    color: var(--regularColor) !important;
  }
  .megaMenu li > a span.submenuIcon,
  .megaMenu__link span.submenuIcon {
    opacity: 1 !important;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: all 0.3s ease;
  }
  .megaMenu li > a span.submenuIcon.active,
  .megaMenu__link span.submenuIcon.active {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    color: var(--regularColor);
  }
  .megaMenu__submenu {
    position: relative;
    padding: 16px 0 8px;
    display: none;
  }
  .megaMenu__submenu:before {
    display: none;
  }
  .megaMenu__submenu li {
    padding: 0;
  }
  .megaMenu__submenu li:before {
    left: -16px;
    width: calc(100% + 32px);
  }
  .moreImage {
    margin-top: 32px;
  }
  .infoBox {
    padding-left: 0;
    padding-top: 60px;
    margin: 24px 0;
  }
  .infoBox--smallMargin {
    margin: 24px 0;
  }
  .infoBox__content {
    padding: 120px 24px 90px 24px;
    flex-direction: column;
    justify-content: normal;
    align-items: normal;
    min-height: 294px;
  }
  .infoBox .button {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    justify-content: space-between;
  }
  .lookLayout .simpleList {
    margin-top: 0;
  }
  .lookLayout .smallList {
    margin: 0;
  }
  .toolsList {
    position: absolute;
    right: 16px;
    top: 12px;
    min-height: 32px;
  }
  .homePage .toolsList {
    position: unset;
    right: unset;
    top: unset;
  }
  .textPage .toolsList .mobileOnly {
    display: none;
  }
  .categoryPage .toolsList li.mobileOnly {
    display: none;
  }
  .toolsList li a.button {
    min-height: 32px;
    padding: 0 0 0 8px;
    font-size: 0.8rem;
    line-height: 0.8rem;
    min-width: 98px;
  }
  .withSkin .toolsList li a.button {
    min-width: 98px;
  }
  .toolsList li a.button span:not(.mobileHidden) {
    margin-left: 0;
    font-size: 1.2rem;
  }
  .articleInfoList {
    margin-top: 48px;
  }
  .articleInfoList__item {
    padding: 0 12px;
  }
  .articleSingle--recipe .articleInfoList__item {
    padding: 0 24px;
  }
  .articleInfoList__item a {
    min-height: 0;
  }
  .articleExtrasList {
    margin-top: 32px;
  }
  .categoriesList {
    margin-bottom: 10px;
  }
  .actionsList--desktop {
    display: none;
  }
  .listWithHeader:before {
    max-width: 100%;
  }
  .infoList--desktop {
    display: none;
  }
  .infoList--mobile {
    display: flex;
  }
  .infoList:after,
  .infoList:before {
    max-width: 100%;
  }
  .type36 .infoList {
    margin-top: 16px;
  }
  .vote:after {
    width: 32px;
  }
  .vote li {
    font-size: 0.8666666667rem;
    line-height: 1.0666666667rem;
  }
  .vote li span {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
  }
  .gender:after {
    width: 32px;
  }
  .gender li {
    font-size: 0.8666666667rem;
    line-height: 1.0666666667rem;
  }
  .gender li span {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
  }
  .searchCategories {
    margin-bottom: 32px;
  }
  .tagsList__content {
    margin-bottom: 18px;
  }
  .tagsList__items {
    margin: 24px 0 8px;
  }
  .category .followList {
    position: relative;
    margin-top: 12px;
    top: 0;
  }
  .singleArticlePage .followList {
    flex-direction: row;
  }
  .withPodcaster .followList__title {
    border: none;
    padding-right: 0;
    margin-right: 0;
  }
  .singleArticlePage .followList__title {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
    padding-right: 12px;
    margin-right: 12px;
    border-right: 2px solid #171717;
    align-self: center;
  }
  .withPodcaster .followList__items {
    align-items: center;
  }
  .singleArticlePage .followList__items {
    flex-direction: row;
  }
  .withPodcaster .followList__items li {
    margin-right: 8px;
  }
  .singleArticlePage .followList__items li {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
    margin-right: 12px;
  }
  .withPodcaster .followList__items li:last-child {
    margin-right: 0;
  }
  .withPodcaster .followList__items li a strong {
    display: none;
  }
  .singleArticlePage .followList__items li span {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
  }
  .homePage .tagsSection {
    margin-top: 4px;
    padding-bottom: 12px;
    margin-bottom: 10px;
  }
  .illustrations {
    flex-wrap: wrap;
    padding-bottom: 0;
  }
  .illustration {
    width: 50%;
    margin-bottom: 24px;
  }
  .illustrations--multiple .illustration {
    width: 50%;
  }
  .illustration__image {
    height: 150px;
  }
  .illustration__title {
    margin-top: 0;
  }
  .illustrationHeader--mini {
    width: 100%;
    margin-bottom: 24px;
    border-bottom: 2px solid #000;
    padding-left: 72px;
  }
  .illustrationHeader--main .illustrationHeader__content {
    margin-left: 72px;
  }
  .illustrationHeader__content--small {
    margin: 0 auto;
  }
  .illustrationsMenu__link {
    font-family: PFSpekkVARSemiBold, Arial, sans-serif;
    line-height: 17px;
    letter-spacing: 0.09em;
  }
  .illustrationsMenu--withCircle
    .illustrationsMenu__item.current
    .illustrationsMenu__link:before {
    content: none;
  }
  .illustrationsMenu__link span {
    margin-top: 4px;
  }
  .illustrationsMenu__image {
    width: 80px;
    height: 80px;
  }
  .news__list {
    width: calc(100% - 38px);
  }
  .news .article:last-child:before {
    right: -16px;
    width: 16px;
  }
  .news__title {
    margin-right: 0;
    font-size: 1rem;
    line-height: 1.6rem;
    height: 50px;
    border-top: none;
    border-bottom: 2px solid var(--regularColor);
    left: -18px;
  }
  .news__title:before {
    margin-right: 15px;
    position: relative;
    top: -2px;
    left: 4px;
  }
  .newsletter-popup .popup__close {
    font-size: 2.1333333333rem;
    top: 8px;
    right: 8px;
  }
  .newsletter-popup .popup__content {
    padding: 26px 12px;
  }
  .newsletter-popup .form__heading {
    font-size: 2rem;
  }
  .newsletter-popup .form__title {
    font-size: 1.4666666667rem;
  }
  .newsletter-popup .form__logo svg {
    max-width: 180px;
  }
  .newsletterSnippet {
    padding: 16px;
  }
  .newsletterSnippet .statusBox__title {
    font-size: 1.7333333333rem;
  }
  .newsletterSnippet .statusBox__text {
    font-size: 1.2rem;
  }
  .newsletterSnippet .form__subtitle {
    font-size: 1.2rem;
  }
  .newsletterSnippet__row .form__icon {
    display: none;
  }
  .newsletterSnippet .form__title {
    font-size: 1.7333333333rem;
  }
  .notification {
    font-size: 1.0666666667rem;
    line-height: 1.3333333333rem;
    padding: 16px 12px;
    margin-bottom: 24px;
  }
  .notification i {
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 32px;
    margin-right: 8px;
  }
  .pagination-container {
    margin: 32px 0;
  }
  .pagination-container li.PagedList-ellipses,
  .pagination-container li.page-ellipsis {
    display: none;
  }
  .pagination-container .page {
    width: 24px;
    height: 24px;
    font-size: 1.0666666667rem;
  }
  .audioPlayerBar {
    bottom: 16px;
    z-index: 2147483641;
  }
  .withOpenMenu .audioPlayerBar {
    z-index: 2;
  }
  .controls {
    gap: 24px;
  }
  .popup__content {
    width: calc(100% - 32px);
  }
  .popup.full .popup__content {
    width: 100%;
  }
  .popup.large .popup__content {
    width: 100%;
    margin: 0;
    padding-top: 40px;
  }
  .popup__close {
    right: 16px;
    top: 16px;
  }
  .popup.large .popup__close {
    top: 16px;
    right: 16px;
  }
  .popup.active .popup__close {
    display: none;
  }
  .podcaster {
    flex-direction: column-reverse;
  }
  .podcaster__image {
    margin-left: 0;
    margin-bottom: 24px;
  }
  .podcastItem {
    margin-right: 24px;
    flex: 0 0 auto;
    padding-bottom: 16px;
  }
  .mobileFull .podcastItem {
    width: 100%;
    margin: 0 auto;
  }
  .polls h3 {
    font-size: 1.4666666667rem;
  }
  .polls__grid {
    grid-template-columns: 1fr;
    grid-gap: 32px 32px;
    margin: 32px 0;
  }
  .polls .banner {
    margin: 24px auto 0;
  }
  .poll__image {
    max-width: 92px;
    padding: 7px 0 0 7px;
    margin: 0;
    position: unset;
  }
  .poll__image:before {
    width: 48px;
    height: 48px;
    font-size: 26px;
    left: unset;
    top: unset;
    right: 0;
    bottom: 32px;
    opacity: 1;
    visibility: visible;
    content: '';
    background-color: #ecece9;
  }
  .poll__image:after {
    width: 85px;
    height: 85px;
  }
  .poll__percent {
    width: 48px;
    height: 48px;
    font-size: 1.1333333333rem;
    left: unset;
    top: unset;
    right: 0;
    bottom: 32px;
    z-index: 2;
  }
  .poll__content {
    padding-right: 72px;
  }
  .poll__title {
    font-size: 1.6rem;
    margin-top: 16px;
    display: block;
  }
  .progressbar {
    margin: 12px -8px 8px;
    width: calc(100% + 32px);
    position: relative;
    left: -8px;
    padding: 0 16px 0;
  }
  .progressbar__item {
    width: 48px;
    height: 48px;
    font-size: 1.1333333333rem;
    margin: 0 8px 16px 0;
  }
  .quiz__content {
    overflow: visible;
  }
  .quiz__inner {
    margin-top: 0;
    width: 100%;
    padding: 0;
  }
  .quiz__inner .buttonWrapper {
    padding-top: 0;
  }
  .quiz__message p {
    margin: 0 0 16px;
  }
  .quiz__message p:last-child {
    margin-bottom: 0;
  }
  .quiz__question {
    padding: 16px 0;
    font-size: 1.4666666667rem;
    text-align: left;
  }
  .quiz__questionBottom {
    text-align: left;
    margin-top: 16px;
  }
  .quiz__questionBottom p {
    margin: 0 0 16px;
  }
  .quiz__questionBottom p:last-child {
    margin-bottom: 0;
  }
  .quiz__optionText {
    padding: 0 0 0 16px;
    margin-left: 12px;
    font-size: 1.2rem;
  }
  .quiz__optionText:before {
    height: calc(100% + 12px);
  }
  .quiz__option--percentage .quiz__optionText {
    margin-left: 12px;
  }
  .quiz__optionSelection {
    width: 48px;
    height: 48px;
    font-size: 1.1333333333rem;
  }
  .quiz__option--percentage .quiz__optionSelection {
    margin-left: 40px;
  }
  .quiz__optionSelection:before {
    font-size: 28px;
  }
  .quiz__optionSelection strong {
    left: -8px;
    font-size: 1.0666666667rem;
  }
  .quiz__results {
    margin: 24px 0;
  }
  .quiz__results span {
    width: 48px;
    height: 48px;
    font-size: 1.1333333333rem;
  }
  .quiz .banner {
    margin: 24px auto 0;
  }
  .search {
    --searchWidth: calc(100vw - 80px);
  }
  .search__icon {
    height: 32px;
  }
  .search .searchForm {
    height: 32px;
  }
  .search__results {
    --searchResultsSpace: 32px;
  }
  .search__resultsContent {
    max-height: 344px;
    padding-right: 12px;
  }
  .lookLayout .search__resultsContent .article__category {
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .search__resultsContent .article__image {
    width: 120px;
  }
  .search .search-results-size {
    padding: 0;
  }
  .spinner {
    margin: 6px auto;
  }
  .searchFormGroup__field {
    font-size: 1.0666666667rem;
    padding: 0 24px 6px 14px;
  }
  .searchFormGroup__close {
    right: 36px;
  }
  button.searchFormGroup__button {
    min-width: 32px;
    min-height: 32px;
    padding: 0;
  }
  .searchField {
    margin: 0 0 24px;
  }
  .searchBox {
    margin: 32px 0 0;
  }
  .searchResults {
    min-height: 200px;
  }
  .toolsList {
    transition: opacity 0.2s ease-out 0.3s;
  }
  .openSearch .toolsList {
    opacity: 0;
    transition: opacity 10ms ease;
  }
  .lookSubscribe {
    padding-bottom: 24px;
  }
  .lookSubscribe__header {
    margin-bottom: 32px;
    justify-content: flex-start;
  }
  .lookSubscribe__header:before {
    top: unset;
    bottom: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .lookSubscribe__headerContent {
    padding: 0 8px 0 0;
    align-items: flex-end;
  }
  .lookSubscribe__headerContent span {
    font-size: 1.7333333333rem;
  }
  .lookSubscribe__headerImage {
    width: 190px;
    margin-right: 12px;
  }
  .lookSubscribe__headerImage figure img {
    height: 100%;
  }
  .euBox__title {
    font-size: 28px;
  }
  .sharethis-inline-share-buttons {
    flex-direction: row;
    margin-bottom: 0;
  }
  .sharethis-inline-share-buttons .st-btn {
    margin-bottom: 0;
    margin-right: 8px !important;
  }
  .sharethis-inline-share-buttons .st-btn:last-child {
    margin-right: 0;
  }
  .slides {
    margin: 0 0 30px;
  }
  .thumbsSlider .slides {
    margin-bottom: 24px;
  }
  .slides__item {
    flex-direction: column;
  }
  .slides__back {
    display: block;
  }
  .slides__image {
    height: auto;
    margin-bottom: 16px;
  }
  .popup .slides__image {
    border-top: 2px solid #171717;
    border-bottom: 2px solid #171717;
  }
  .thumbsSlider .slides__image {
    margin-bottom: 16px;
  }
  .slides__image figure {
    padding-top: calc(800 / 1074 * 100%);
    position: relative;
    width: 100%;
    height: auto;
  }
  .slides__image figure picture {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .slides__image figure img {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .popup .slides__image figure,
  .thumbsSlider .slides__image figure {
    padding: 0;
    height: 100%;
  }
  .popup .slides__image figure picture,
  .thumbsSlider .slides__image figure picture {
    position: relative;
  }
  .slides__image .icon {
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 32px;
  }
  .slides__image--youtube .videoWrp .playVideo .icon {
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 32px;
  }
  .slides__content {
    width: 100%;
    margin-left: 0;
    padding-bottom: 100px;
    padding-top: 0;
    border-top: none;
  }
  .popup .slides__content {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-top: 2px solid #171717;
    background-color: #fbfbf8;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    z-index: 4;
    justify-content: center;
    transition: all 0.3s ease;
  }
  .thumbsSlider .slides__content {
    padding-bottom: 24px;
  }
  .popup.large .slides__content {
    height: 100%;
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    border-top: 2px solid #fff;
    background-color: transparent;
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    z-index: 4;
    justify-content: center;
    margin-top: 24px;
    padding-bottom: 24px;
    transition: all 0.3s ease;
  }
  .slides__content p {
    font-size: 1.0666666667rem;
    line-height: 1.7333333333rem;
  }
  .popup .slides__content p {
    margin: 30px auto 0;
  }
  .slides__content .article {
    margin: 24px 0;
  }
  .thumbsSlider .slides__content .article {
    margin-top: 0;
  }
  .slides__title {
    font-size: 1.7333333333rem;
    line-height: 2.4rem;
  }
  .slides__more {
    display: block;
  }
  .slides__button {
    bottom: 30px;
  }
  .popup .slides__button {
    bottom: 20px;
  }
  .popup.active .slides__button {
    display: none;
  }
  .slides__button--prev {
    left: 50%;
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%);
  }
  .slides__button--next {
    right: 50%;
    -webkit-transform: translateX(150%);
    transform: translateX(150%);
  }
  .gridSlider--withMargin {
    margin-bottom: 24px;
  }
  .gridSlider .swiper-slide {
    margin-right: 16px;
  }
  .gridSlider .swiper-slide {
    max-width: 254px;
  }
  .gridSlider .article figure {
    padding-top: calc(254 / 254 * 100%);
    position: relative;
    width: 100%;
  }
  .gridSlider .article figure picture {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .gridSlider .article figure img {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .gridSlider .article figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .gridSlider .article--book figure {
    padding-top: calc(498 / 342 * 100%);
    position: relative;
    width: 100%;
  }
  .gridSlider .article--book figure picture {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .gridSlider .article--book figure img {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .gridSlider .article--movieMedium figure {
    padding-top: calc(450 / 310 * 100%);
    position: relative;
    width: 100%;
  }
  .gridSlider .article--movieMedium figure picture {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .gridSlider .article--movieMedium figure img {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .gridSlider__button {
    display: none;
  }
  .thumbsSlider__thumbs {
    width: calc(100% + 32px);
    position: relative;
    left: -16px;
    padding-left: 16px;
  }
  .thumbsSlider__thumbs .article__image {
    width: 100%;
    margin: 0;
  }
  .thumbsSlider__thumbs .article__title {
    margin-top: 8px;
  }
  .thumbsSlider__thumbs .article p {
    display: block;
  }
  .thumbsSlider__button {
    display: none;
  }
  .statusBox__title {
    font-size: 2rem;
  }
  .statusBox__text {
    font-size: 1.4666666667rem;
  }
  .sidebar {
    margin-top: 32px;
  }
  .type4 .sidebar {
    overflow-x: hidden;
  }
  .type1 .sidebar {
    flex-direction: column;
  }
  .sidebar--withHeader {
    margin-top: 32px;
  }
  .sidebar__title {
    margin-bottom: 35px;
  }
  .sidebar__title a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }
  .type5 .sidebar__title {
    text-align: center;
    display: block;
  }
  .type5 .sidebar__title span {
    margin: 0;
  }
  .sidebar__title--smallMargin {
    margin-bottom: 13px;
  }
  .sidebar--dynamic .sidebar__title {
    color: #171717;
    border-color: #171717;
    margin-bottom: 20px;
  }
  .type13 .sidebar__articles {
    flex-direction: column;
  }
  .type13 .sidebar__articles .article {
    width: 100%;
    margin-bottom: 24px;
    margin-right: 0;
  }
  .type13 .sidebar__articles .banner {
    margin: 0 auto 0;
    order: 0;
  }
  .sidebar__articles--defaultMargin .article {
    margin-bottom: 16px;
  }
  .sidebar__items {
    margin-top: 32px;
  }
  .type8 .sidebar__items {
    margin-top: 0;
  }
  .sidebarItem {
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
  .sidebarItem:last-child {
    margin-bottom: 0;
  }
  .type8 .sidebarItem:last-child {
    padding-bottom: 20px;
    border-bottom: 2px solid #171717;
  }
  .sidebarItem__title:before {
    width: 100%;
  }
  .sidebarItem p {
    padding: 0 12px;
  }
  .sidebarItem__link {
    width: 100%;
    max-width: 280px;
    margin: 20px auto 0;
  }
  .sidebarTip {
    max-width: 100%;
    margin-bottom: 32px;
  }
  .type1 .sidebarTip {
    max-width: 400px;
  }
  .subCategories li:last-child {
    margin-right: 16px;
  }
  .articleTabs__content {
    padding-right: 20px;
    padding-top: 0;
    max-height: 60vh;
  }
  .text {
    margin-top: 32px;
  }
  .text__title {
    font-size: 1.6rem;
    line-height: 1.7333333333rem;
  }
  .textBox {
    margin-bottom: 16px;
  }
  .textBox h2,
  .textBox h3,
  .textBox h4,
  .textBox h5,
  .textBox h6 {
    font-size: 1.6rem;
    line-height: 40px;
  }
  .textBox p {
    font-size: 1.0666666667rem;
    line-height: 26px;
  }
  .tile {
    padding: 16px 24px 34px;
    min-height: 0;
    border-bottom: none;
    background-color: transparent;
  }
  .tiles .tile {
    padding: 16px 24px 34px;
  }
  .tiles .tile:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .tile form {
    height: auto;
  }
  .tile__title {
    margin-bottom: 32px;
  }
  .tile__content {
    margin-bottom: 32px;
  }
  .tile__content p {
    padding: 0;
  }
  .tile__button {
    padding: 0;
  }
  .tileSelection {
    max-width: 128px;
    margin-right: 40px;
  }
  .tileSelection:last-child {
    margin-right: 0;
  }
  .tileSelection__image {
    width: 116px;
    height: 122px;
  }
  .categorySection.type39 {
    overflow-x: hidden;
  }
  .categorySection--dark .category__all {
    margin-bottom: 0;
  }
  .categorySection--black.type12 .article--square .article__info,
  .categorySection--black.type12 .article--wide .article__info {
    flex-direction: row;
    align-items: center;
  }
  .categorySection--black.type12 .article--square .article__info:after,
  .categorySection--black.type12 .article--wide .article__info:after {
    bottom: 0;
  }
  .categorySection--black .category__all {
    margin-bottom: 0;
  }
  .categorySection--withBg {
    padding: 88px 0 0;
  }
  .categorySection--withBgLarge {
    padding-bottom: 40px;
  }
  .categorySection__wrapper {
    padding-top: 24px;
  }
  .categorySection--full .categorySection__wrapper,
  .categorySection--fullHeight .categorySection__wrapper {
    padding-bottom: 24px;
  }
  .categorySection--fullHeight.type53 .categorySection__wrapper {
    padding-top: 40px;
    padding-bottom: 0;
  }
  .categorySection__wrapper--noBackground {
    padding-top: 0;
  }
  .categorySection__column {
    margin-top: 0;
    padding-top: 24px;
    padding-bottom: 0;
  }
  .categorySection__column:before {
    width: calc(100% + 8px);
    left: -4px;
    min-height: 150%;
  }
  .lookLayout .category {
    margin-bottom: 24px;
  }
  .category--inline {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .category--inline .link {
    margin-top: 16px;
  }
  .category--withIllustration {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
    border: none;
    padding: 0;
  }
  .type1 .category,
  .type10 .category,
  .type2 .category,
  .type3 .category,
  .type4 .category,
  .type5 .category,
  .type8 .category,
  .type9 .category {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .type10 .category,
  .type2 .category,
  .type3 .category,
  .type9 .category {
    grid-column-start: 1;
    grid-column-end: 1;
  }
  .type1 .category.onlyLink:last-child {
    display: block;
    order: 4;
  }
  .type37 .category .articles {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
  .type20 .category.category--inline .link {
    margin-top: 16px;
  }
  .category--withMargin {
    margin-top: 32px;
  }
  .type8 .category--withMargin {
    margin-top: 32px;
  }
  .category--withTopMarginMedium {
    margin-top: 48px;
  }
  .type20 .category__list {
    margin-top: 16px;
  }
  .category__list.large {
    margin-bottom: 16px;
  }
  .category__title {
    padding-top: 16px;
    margin-bottom: 20px;
  }
  .category__title a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }
  .lookLayout .category__title {
    padding-right: 16px;
    font-size: 2.4rem;
  }
  .pageWithFilters .category__title {
    margin-top: 12px !important;
  }
  .type1 .category__title,
  .type2 .category__title,
  .type3 .category__title,
  .type4 .category__title,
  .type5 .category__title {
    text-align: left;
  }
  .type8 .category__title {
    text-align: center;
  }
  .type10 .category__title {
    margin-bottom: 20px;
  }
  .type19 .category__title,
  .type20 .category__title {
    margin-bottom: 20px;
  }
  .category__title--smallMargin {
    margin-bottom: 20px;
  }
  .type21 .category__all--smallMargin {
    margin-bottom: 0;
  }
  .type10 .category__all--smallMargin,
  .type2 .category__all--smallMargin,
  .type3 .category__all--smallMargin,
  .type9 .category__all--smallMargin {
    margin-top: 8px;
  }
  .type6 .category__all--smallMarginTop {
    margin-bottom: 0;
  }
  .category__all--largeMarginBottom {
    margin: 20px 0;
  }
  .category__all--mediumMargin {
    margin: 20px 0 40px;
  }
  .type25 .category__all {
    margin-left: 0;
  }
  .type16 .category__all {
    margin-bottom: 0;
  }
  .type8 .category__all {
    margin: 0 auto;
    text-align: center;
  }
  .type8 .onlyLink .category__all {
    margin: 16px 0;
    text-align: left;
  }
  .category__author {
    margin-top: 0;
  }
  .categories {
    grid-template-columns: 1fr;
    grid-column-gap: 16px;
  }
  .categories__articles:before {
    max-width: 254px;
  }
  .categories__articles .article {
    margin-bottom: 16px;
  }
  .link--large span {
    top: 2px;
  }
  .buttonLinks {
    max-width: 100%;
    margin-left: 0;
    margin-top: 32px;
    margin-bottom: 16px;
  }
  .sponsoredSection {
    margin-top: 24px;
  }
  .flowSection__aside {
    margin-top: 24px;
    order: 2;
    width: 100%;
  }
  .flowSection__asideBanner {
    margin-block: 24px;
    padding: 32px 0;
    position: relative;
    text-align: center;
    top: 0;
    z-index: 0;
    min-height: 664px;
  }
  .flowSection__asideBanner:empty {
    display: none;
  }
  .flowSection__asideBanner:before {
    content: '';
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    top: 0;
    width: 100vw;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .flowSection__asideBanner img {
    margin-inline: auto;
  }
  .flowSection__asideBanner .banner {
    padding: 0;
    min-height: auto;
    position: -webkit-sticky !important;
    position: sticky !important;
    z-index: 2;
    top: 60px !important;
  }
  .flowSection__asideBanner .banner:before {
    display: none;
  }
  .flowSection__asideBanner .banner > div {
    position: relative;
    top: 0;
  }
  .article--mgWideFullInline {
    display: flex;
    flex-direction: column;
  }
  .article--mgFull {
    margin-bottom: 44px;
  }
  .article__category {
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  .article--heroMag .article__content {
    padding: 0 20px;
  }
  .article--slide .article__content {
    padding: 0 16px;
  }
  .article__title {
    font-size: 1.3333333333rem;
    margin-top: 8px;
  }
  .article--mgFull .article__title {
    font-size: 1.8666666667rem;
  }
  .article--heroMag .article__title,
  .article--slide .article__title {
    font-size: 1.8666666667rem;
  }
  .article--mgWideFullInline .article__title {
    margin-top: 8px;
  }
  .article--mgWideFull .article__title {
    font-size: 1.6666666667rem;
    line-height: 1.2;
  }
  .article p {
    margin-top: 8px;
  }
  .article--heroMag .article__image figure img,
  .article--slide .article__image figure img {
    height: 375px;
  }
  .article--heroMag .article__info,
  .article--mgWideFullInline .article__info,
  .article--slide .article__info {
    margin-top: 12px;
  }
  .article__info span {
    display: block !important;
  }
  .grid--withMarginTop {
    margin-top: 24px;
  }
  .grid--fullWide {
    grid-template-columns: 1fr;
    flex-direction: column;
    width: 100%;
    overflow: visible;
  }
  .type45 .grid--fullWide {
    grid-template-columns: 1fr;
    flex-direction: column;
    width: 100%;
  }
  .grid--fullWide .article--book {
    width: 100%;
    margin: 0 0 24px 0;
  }
  .type20 .col .grid {
    grid-template-columns: 1fr;
    flex-direction: column;
    width: 100%;
  }
  .grid.mobileInline {
    overflow: hidden;
  }
  .type20 .col .grid.mobileInline .article {
    margin: 0 0 24px 0;
    width: 100%;
  }
  .articlePreview .article figure img {
    height: 100%;
  }
  .mgArticles .article {
    flex-direction: column;
  }
  .mgArticles .article__image {
    max-width: 100%;
    margin: 0 0 12px;
  }
  .mgArticles .article__image figure {
    padding-top: calc(344 / 344 * 100%);
    position: relative;
    width: 100%;
  }
  .mgArticles .article__image figure picture {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .mgArticles .article__image figure img {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .mgArticles .article__image figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .mgArticles .article__content {
    padding: 0 16px;
  }
  .mgArticles .article__title {
    margin-top: 12px;
    font-size: 1.6666666667rem;
  }
  .type24 .mgSidebar .banner {
    margin-top: 32px;
  }
  .articleSingle__title {
    margin: 0;
  }
  .lookLayout
    .articleSingle__content
    h1:not(.articleSingle__authorDetailsContentTitle) {
    font-size: 1.7333333333rem;
    line-height: 2rem;
  }
  .articleSingle--default .articleSingle__intro {
    margin-top: 12px;
  }
  .articleSingle__media {
    margin-top: 0;
  }
  .articleSingle__media .banner {
    order: 4;
    margin-bottom: 24px !important;
  }
  .articleSingle__media .articleActions {
    margin-top: 16px;
  }
  .articleSingle__mediaContainer {
    margin-right: 0;
    width: 100%;
  }
  .articleSingle__mediaContainer .banner {
    display: none;
  }
  .articleSingle--default .articleSingle__image {
    /* margin: 0 0 64px; */
    min-width: 100vw;
    position: relative;
    left: -32px;
  }
  .articleSingle--default .articleSingle__image figure {
    padding: 0;
  }
  .articleSingle--default .articleSingle__image figure picture {
    position: relative;
  }
  .articleSingle--default .articleSingle__image figure img {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .articleSingle--default .articleSingle__image figure figcaption {
    padding-left: 16px;
  }
  .related__title {
    margin-bottom: 16px;
  }
  .related .article__image {
    width: 120px;
    margin-right: 16px;
  }
  .related .article__title {
    font-size: 1.3333333333rem;
    margin-top: 8px;
  }
  .related .article p {
    display: none;
  }
  .mobileActions {
    margin-top: 12px;
  }
  .type45 .banner,
  .type46 .banner {
    margin-top: 0;
    top: 0;
    position: relative;
  }
  .mgArticles .banner {
    margin: 0 auto 24px;
  }
  .multipleBanners .mgArticles .banner {
    margin: 0 auto 24px !important;
  }
  .openSearch .avLogo,
  .openSearch .mainHeading {
    opacity: 0;
  }
  .imageTiles__gallery {
    grid-template-columns: 1fr;
    grid-row-gap: 24px;
  }
  .imageTiles__content {
    margin: 0;
    padding: 24px 0 0;
  }
  .imageTiles__content p {
    font-size: 2.1333333333rem;
  }
  .illustrationContainer:before {
    height: calc(100% - 140px);
  }
  .illustrationContainer__image {
    width: 200px;
  }
  .illustrationContainer__image figure img {
    height: 100%;
  }
  .illustrationContainer__title {
    font-size: 1.6666666667rem;
  }
  .illustrationContainer p {
    font-size: 1.4666666667rem;
  }
  .illustrationContainer .button {
    margin: 0 auto 4px;
  }
  .heroSection {
    margin-bottom: 0;
  }
  .heroSection__container {
    padding: 0;
  }
  .heroSection__menu {
    display: none;
  }
  .heroSection__slider {
    width: 100%;
    margin-top: 0;
  }
  .heroSection__article {
    width: 100vw;
  }
  .lookGuide {
    padding-bottom: 32px;
  }
  .lookGuide__header {
    margin-bottom: 32px;
    padding-top: 12px;
    border-top: 4px solid #000;
  }
  .lookGuide__header:before {
    content: unset;
  }
  .lookGuide__headerContent {
    padding: 0 8px 0 0;
    align-items: center;
    flex-direction: column;
  }
  .lookGuide__headerTitle {
    font-size: 2.4rem;
    font-family: PFSpekkVARBold, Arial, sans-serif;
  }
  .lookGuide__headerImage {
    margin: 12px 0 0;
    align-items: center;
  }
  .lookGuide__headerImage span {
    margin-right: 10px;
    font-size: 1rem;
  }
  .lookGuide__headerImage img {
    max-width: 140px;
    height: auto;
  }
  .inlineForm {
    grid-template-columns: 1fr;
  }
  .inlineForm__title {
    grid-column-end: 2;
    text-align: left;
  }
  .slidesContainer__buttons {
    justify-content: flex-end;
  }
}
@media (max-width: 639px) {
  .footer {
    padding-bottom: 80px;
  }
  .col--s1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col--s2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col--s3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col--s4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col--s5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col--s6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col--s7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col--s8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col--s9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col--s10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col--s11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col--s12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .article__taxonomy {
    width: 100%;
  }
  .article__iconItem span {
    width: 32px;
    height: 32px;
    margin-right: 8px;
    font-size: 20px;
    padding-left: 1px;
  }
  .article__hours {
    font-size: 1.0666666667rem;
  }
  .article--fullWideMediumAbsolute .article__image figure {
    height: 400px;
    aspect-ratio: unset;
  }
  .article--fullWideMediumAbsolute .article__image figure img,
  .article--fullWideMediumAbsolute .article__image figure picture {
    height: 100%;
    width: 100%;
    display: block;
  }
  .article--fullWideMediumAbsolute .article__image figure img {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .article--fullWideMediumAbsolute .article__content {
    padding: 16px;
  }
  .article--movieInline .article__title {
    font-size: 1.2rem;
  }
  .article--taste .article__title {
    font-size: 1.4666666667rem;
  }
  .article--tasteSmall .article__title {
    font-size: 1.2rem;
  }
  .article--movieMedium .article__title {
    font-size: 1.3333333333rem;
  }
  .article--theater .article__title {
    font-size: 1.3333333333rem;
  }
  .article--movie .article__title {
    margin-top: 4px;
    margin-bottom: 2px;
  }
  .grid.mobileFull {
    grid-template-columns: 1fr;
  }
  .articleSingle__galleryImage figcaption {
    bottom: -8px;
    font-size: 0.8rem;
  }
  .articleSingle__image figcaption,
  .articleSingle__slider figcaption {
    bottom: -8px;
    font-size: 0.8rem;
  }
  .articleSingle--default .articleSingle__image {
    margin-bottom: 72px;
  }
  .largeImage figcaption {
    bottom: -8px;
    font-size: 0.8rem;
  }
  .mobileBanner {
    display: block;
  }
  .cta {
    padding: 30px 0;
    flex-direction: column;
    min-height: 344px;
  }
  .cta--cover {
    min-height: 448px !important;
  }
  .cta--large {
    flex-direction: column;
    min-height: 408px;
  }
  .cta:before {
    width: 100%;
  }
  .cta--avStories:before {
    background-position: right bottom;
    background-size: 720px;
  }
  .cta--av:before,
  .cta--avPets:before {
    background-position: center bottom;
    background-size: 600px;
  }
  .cta--cinema:before {
    background: url(/content/media/images/promo/cinema-small.png?k=web-54f87c677d)
      no-repeat right bottom/344px;
  }
  .cta--today:before {
    background: url(/content/media/images/promo/edition-small.png?k=web-54f87c677d)
      no-repeat right bottom/344px;
  }
  .cta--map:before {
    background: url(/content/media/images/promo/map-small.png?k=web-54f87c677d)
      no-repeat right bottom/740px;
  }
  .cta--cover:before {
    background: url(/content/media/images/promo/cover.png?k=web-54f87c677d)
      no-repeat right bottom 48px/740px;
  }
  .cta--stories:before {
    background: url(/content/media/images/promo/stories-small.png?k=web-54f87c677d)
      no-repeat right bottom 48px/740px;
  }
  .cta--saw:before {
    background: url(/content/media/images/promo/saw-small.png?k=web-54f87c677d)
      no-repeat right bottom 48px/740px;
  }
  .cta--talk:before {
    background: url(/content/media/images/promo/talk-small.png?k=web-54f87c677d)
      no-repeat right bottom 48px/740px;
  }
  .cta__col {
    padding: 0 20px;
  }
  .cta__col--right {
    margin-top: auto;
    margin-bottom: 70px;
  }
  .categorySectionFilters .checkboxFull {
    margin: 0 0 16px;
    max-width: 100%;
  }
  .pageWithTopFilters .checkboxFull {
    margin: 0;
  }
  .categorySectionFilters .switch {
    min-width: 100%;
  }
  .categorySectionFilters .filter {
    margin: 0 0 16px;
    max-width: 100%;
  }
  .categorySectionFilters .filter__content {
    padding: 12px;
  }
  .pageWithTopFilters .filterGroup__content {
    grid-template-columns: 1fr;
  }
  .pageWithTopFilters .filterGroup__content--col4 {
    grid-template-columns: 1fr;
  }
  .pageWithTopFilters .filterGroup__content--col3 {
    grid-template-columns: 1fr;
  }
  .illustrationsMenu {
    --illustrationsMenuSpace: 24px;
    margin-bottom: -8px;
    overflow: auto;
    padding-bottom: 16px;
  }
  .illustrationsMenu__image {
    width: 64px;
    height: 64px;
  }
  .categorySectionFilters .searchFieldGroup__field {
    min-width: 100%;
  }
  .thumbsSlider .slides__content .article__image {
    display: none;
  }
  .thumbsSlider__thumbs .swiper-slide {
    max-width: 254px;
  }
  .type1 .sidebarTip,
  .type52 .sidebarTip {
    max-width: 100%;
  }
  .avLogo {
    max-width: 120px;
  }
}
@media (max-width: 479px) {
  #rj-player .rjp-player-container .jp-pause,
  #rj-player .rjp-player-container .jp-play {
    width: 56px;
    height: 56px;
    font-size: 36px;
  }
  #rj-player .rjp-player-container .jp-pause {
    font-size: 26px;
  }
  .fullMobileGrid .article--primarySmall {
    grid-column-start: 1;
    grid-column-end: 2;
  }
  .type2 .grid,
  .type3 .grid {
    grid-template-columns: 1fr;
  }
  .type2 .grid .notification,
  .type3 .grid .notification {
    grid-column: 1/2;
  }
  .fullMobileGrid .article--primarySmall {
    margin-bottom: 8px;
  }
  .article--inlineWide .article__image figure {
    aspect-ratio: 1;
  }
  .article--inlineWide .article__image {
    width: 120px;
  }
  .article--movie p {
    margin-bottom: 4px;
  }
  .type20 .grid.fullMobileGrid {
    grid-template-columns: 1fr;
  }
  .articleSingle__content--compact {
    margin-top: 64px !important;
  }
  .articleSingle__description .imageLeft {
    float: none;
    padding: 0;
  }
  .articleSingle__description .imageLeft img {
    margin: 36px auto;
  }
  .articleSingle__description .imageRight {
    float: none;
    padding: 0;
  }
  .articleSingle__description .imageRight img {
    margin: 36px auto;
  }
  .promoSection figure {
    aspect-ratio: 375/400;
  }
  .toolsList .button--withIcon:not(.disabled),
  .toolsList button--withIcon:not(.disabled) {
    padding: 0 4px 0 8px;
    min-width: 0;
  }
  .withSkin .toolsList .button--withIcon:not(.disabled),
  .withSkin .toolsList button--withIcon:not(.disabled) {
    padding: 0 4px 0 8px;
    min-width: 0;
  }
  .newsletterSnippet .formGroup--withButton {
    flex-wrap: wrap;
  }
  .newsletterSnippet .formGroup--withButton .button {
    width: 100%;
  }
  .search__results {
    padding: 0;
  }
  .search__resultsContent {
    padding: 0;
  }
  .search__resultsContent .article__image {
    width: 68px;
  }
  .search .search-results-size {
    padding: 16px;
  }
  .search .search-results-size span {
    font-size: 1.0666666667rem;
    line-height: 1.3333333333rem;
  }
  .spinner {
    margin: 16px auto;
  }
  .thumbsSlider__thumbs .article__image {
    width: 100%;
  }
  .thumbsSlider__thumbs .article__image figure {
    padding-top: calc(220 / 342 * 100%);
    position: relative;
    width: 100%;
  }
  .thumbsSlider__thumbs .article__image figure picture {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .thumbsSlider__thumbs .article__image figure img {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .category__title--withLink {
    flex-direction: column;
    align-items: flex-start;
  }
  .category__title--withLink .formGroup {
    margin-left: 0;
    margin-top: 12px;
  }
  .category__title--withLink a {
    margin-left: 0;
    margin-top: 12px;
  }
  .avLogo {
    max-width: 88px;
  }
}
@media (hover: hover) and (pointer: fine) {
  body
    .css-1hvyg2z.css-1hvyg2z
    .qc-cmp2-footer
    .qc-cmp2-summary-buttons
    button:hover,
  body
    .css-1mgsk1z.css-1mgsk1z
    .qc-cmp2-footer
    .qc-cmp2-summary-buttons
    button:hover,
  body
    .css-1yjqxa1.css-1yjqxa1
    .qc-cmp2-footer
    .qc-cmp2-buttons-desktop
    button:hover,
  body .css-1yjqxa1.css-1yjqxa1 .qc-cmp2-footer > button:hover,
  body.lookLayout
    .css-1hvyg2z.css-1hvyg2z
    .qc-cmp2-footer
    .qc-cmp2-summary-buttons
    button:hover,
  body.lookLayout
    .css-1mgsk1z.css-1mgsk1z
    .qc-cmp2-footer
    .qc-cmp2-summary-buttons
    button:hover,
  body.lookLayout
    .css-1yjqxa1.css-1yjqxa1
    .qc-cmp2-footer
    .qc-cmp2-buttons-desktop
    button:hover,
  body.lookLayout .css-1yjqxa1.css-1yjqxa1 .qc-cmp2-footer > button:hover {
    background-color: grey;
    color: #fff;
    border-color: grey;
    box-shadow: none;
    outline: 0;
    min-width: 0;
    border-width: 1px;
  }
  body
    .css-10iygpd.css-10iygpd
    .qc-cmp2-list-item
    .qc-cmp2-expandable-list
    .qc-cmp2-expandable-info
    .qc-cmp2-expandable-legal
    .qc-cmp2-toggle-legal-button:hover,
  body .css-1prvxss.css-1prvxss.qc-cmp2-link-active:hover,
  body
    .css-1yjqxa1.css-1yjqxa1
    .qc-cmp2-consent-info
    .qc-cmp2-header-links
    button:hover,
  body
    .css-1yjqxa1.css-1yjqxa1
    .qc-cmp2-footer
    .qc-cmp2-footer-links
    button:hover,
  body
    .css-1yjqxa1.css-1yjqxa1
    .qc-cmp2-footer
    .qc-cmp2-footer-links
    button:not(.qc-cmp2-link-active):hover,
  body.lookLayout
    .css-10iygpd.css-10iygpd
    .qc-cmp2-list-item
    .qc-cmp2-expandable-list
    .qc-cmp2-expandable-info
    .qc-cmp2-expandable-legal
    .qc-cmp2-toggle-legal-button:hover,
  body.lookLayout .css-1prvxss.css-1prvxss.qc-cmp2-link-active:hover,
  body.lookLayout
    .css-1yjqxa1.css-1yjqxa1
    .qc-cmp2-consent-info
    .qc-cmp2-header-links
    button:hover,
  body.lookLayout
    .css-1yjqxa1.css-1yjqxa1
    .qc-cmp2-footer
    .qc-cmp2-footer-links
    button:hover,
  body.lookLayout
    .css-1yjqxa1.css-1yjqxa1
    .qc-cmp2-footer
    .qc-cmp2-footer-links
    button:not(.qc-cmp2-link-active):hover {
    background-color: transparent;
    color: grey;
    border-color: transparent;
    box-shadow: none;
    outline: 0;
    min-width: 0;
  }
  .footer .subscribe .formGroup__button:hover {
    background-color: #cfcfcf;
    color: #fff;
  }
  .toTop:hover {
    background-color: #171717;
    color: #fbfbf8;
  }
  .lookLayout .toTop:hover {
    background-color: #000;
    color: #fff;
  }
  .transparent:not(.podcast) .sticky .burgerMenu:hover {
    color: var(--regularColor);
  }
  .burgerMenu:hover {
    color: var(--regularColor);
  }
  .lookLayout .burgerMenu:hover {
    color: #000;
  }
  .lookLayout .sticky .burgerMenu:hover {
    color: #000;
  }
  .primaryNav li a:hover {
    color: var(--regularColor);
  }
  .lookLayout .primaryNav li a:hover {
    color: #000;
    border-color: #000;
  }
  .transparent .sticky .primaryNav li a:hover {
    color: var(--regularColor);
  }
  .lookLayout .sticky .primaryNav li a:hover {
    color: #000;
    border-color: #000;
  }
  .article--customColor.article--hero .article__category:hover,
  .article--customColor.article--hero .article__info a:hover,
  .article--customColor.article--hero .article__title:hover {
    color: var(--hoverColor);
  }
  .article--hero .article__category:hover {
    color: var(--regularColor);
  }
  .article__taxonomy:hover {
    color: var(--regularColor);
  }
  .article--hero .article__title:hover {
    color: var(--regularColor);
  }
  .article--simple .article__title:hover {
    color: #dc2833;
  }
  .article--inline .article__title:hover {
    color: var(--hoverColor);
  }
  .article__title:hover {
    color: var(--regularColor);
  }
  .article__videoContent a:hover {
    color: var(--regularColor);
  }
  .article__info a:hover {
    color: #171717;
  }
  .article--fullWideLargeAbsolute .article__info a:hover,
  .article--hero .article__info a:hover {
    color: var(--regularColor);
  }
  .categorySection--black .article__info a:hover,
  .type53 .article__info a:hover {
    color: #e5e5e5;
  }
  .type53 .article--wideSmall .article__title:hover {
    color: var(--regularColor);
  }
  .articlePreview__title:hover {
    color: var(--regularColor);
  }
  .articleSingle__button:hover {
    background-color: #000;
    color: #fff;
  }
  .articleSingle__back:hover {
    color: var(--darkRegularColor);
  }
  .articleSingle--edition .articleSingle__date a:hover {
    color: var(--regularColor);
  }
  .articleSingle__authorDetailsContent a:hover {
    color: var(--regularColor);
  }
  .type38 .articleSingle__authorDetailsContent a:hover {
    color: var(--regularColor);
  }
  .articleSingle__endLinks .articleSingle__endLinksTitle a:hover {
    color: var(--regularColor);
  }
  .articleSingle__endLinks ul li a:hover {
    color: var(--regularColor);
  }
  .type30 .articleSingle__author:hover {
    color: var(--regularColor);
  }
  .articleSingle__description
    a:not(.article__category):not(.article__title):not(.article__image):not(
      .article__parentCategory
    ):hover {
    color: var(--regularColor);
  }
  .articleSingle__description p a:hover {
    color: var(--regularColor);
  }
  .articleActions__link:hover {
    background-color: #171717;
    color: #fff;
  }
  .recipeInfo li a:hover {
    color: var(--darkRegularColor) !important;
  }
  .recipeInfo li a:hover i {
    background-color: var(--darkRegularColor);
  }
  .articleQuote__content a:hover {
    color: var(--regularColor);
  }
  .articleCenterContainer__content
    a:not(.article__category):not(.article__title):not(.article__image):not(
      .article__parentCategory
    ):hover {
    color: var(--regularColor);
  }
  .slideShowImage:hover:before {
    opacity: 1;
  }
  .button:not(.disabled):not(.burgerMenu):not(.megaMenu__close):hover,
  button:not(.disabled):not(.burgerMenu):not(.megaMenu__close):hover {
    background-color: #fff;
    color: #dc2833;
  }
  .button:not(.disabled):hover .loader-bullet,
  button:not(.disabled):hover .loader-bullet {
    background-color: var(--regularColor);
  }
  .lookLayout
    .button:not(.disabled):not(.controls__step):not(.controls__play):not(
      .audioPlayerBar__close
    ):not(.volume__button):not(.formGroup__button):not(
      .searchFormGroup__button
    ):not(.burgerMenu):not(.megaMenu__close):hover,
  .lookLayout
    button:not(.disabled):not(.controls__step):not(.controls__play):not(
      .audioPlayerBar__close
    ):not(.volume__button):not(.formGroup__button):not(
      .searchFormGroup__button
    ):not(.burgerMenu):not(.megaMenu__close):hover {
    background-color: transparent;
    color: #fff;
  }
  .lookLayout
    .button:not(.disabled):not(.controls__step):not(.controls__play):not(
      .audioPlayerBar__close
    ):not(.volume__button):not(.formGroup__button):not(
      .searchFormGroup__button
    ):not(.burgerMenu):not(.megaMenu__close):hover:before,
  .lookLayout
    button:not(.disabled):not(.controls__step):not(.controls__play):not(
      .audioPlayerBar__close
    ):not(.volume__button):not(.formGroup__button):not(
      .searchFormGroup__button
    ):not(.burgerMenu):not(.megaMenu__close):hover:before {
    width: 120%;
  }
  .lookLayout
    .button:not(.disabled):not(.controls__step):not(.controls__play):not(
      .audioPlayerBar__close
    ):not(.volume__button):not(.formGroup__button):not(
      .searchFormGroup__button
    ):not(.burgerMenu):not(.megaMenu__close).button--dark:hover,
  .lookLayout
    button:not(.disabled):not(.controls__step):not(.controls__play):not(
      .audioPlayerBar__close
    ):not(.volume__button):not(.formGroup__button):not(
      .searchFormGroup__button
    ):not(.burgerMenu):not(.megaMenu__close).button--dark:hover {
    background-color: #000;
    color: #fff;
  }
  .lookLayout .subscribe .button:not(.disabled):hover,
  .lookLayout .subscribe button:not(.disabled):hover {
    background-color: #000;
    color: #fff;
  }
  .button.button--tag:hover,
  button.button--tag:hover {
    color: #fff;
    background-color: #171717;
  }
  .button.button--mag:hover,
  button.button--mag:hover {
    background-color: #000;
    color: #fff;
  }
  .button.button--black:hover,
  button.button--black:hover {
    color: #171717;
    background-color: #f2f2f2;
  }
  .button--dynamic:not(.disabled):hover,
  button--dynamic:not(.disabled):hover {
    color: var(--regularColor);
  }
  .cta__col p a:hover {
    color: var(--regularColor);
  }
  .select__options li:hover {
    color: var(--regularColor);
    background-color: var(--lightColor);
  }
  .lookLayout .select__options li:hover {
    color: #fff;
  }
  .filter__item:hover {
    color: var(--regularColor);
  }
  .filter__item a:hover {
    color: var(--regularColor);
  }
  .glossary li:hover {
    color: var(--regularColor);
  }
  .megaMenu__close:hover {
    color: #dc2833;
  }
  .lookLayout .megaMenu .megaMenu__list--social li a:hover {
    background-color: transparent;
    padding: 0;
  }
  .megaMenu__list:not(.megaMenu__list--social)
    > li:not(.megaMenu__item):hover
    > a {
    -webkit-transform: translateX(16px);
    transform: translateX(16px);
  }
  .megaMenu__item:hover .megaMenu__link {
    color: var(--regularColor);
    -webkit-transform: translateX(16px);
    transform: translateX(16px);
  }
  .lookLayout .megaMenu__item:hover .megaMenu__link {
    color: #000;
    background-color: #fff;
    padding-left: 16px;
  }
  .megaMenu li--withSubmenu:hover .submenuIcon,
  .megaMenu__item--withSubmenu:hover .submenuIcon {
    opacity: 0;
    color: var(--regularColor);
  }
  .lookLayout .megaMenu li > a:hover,
  .lookLayout .megaMenu__link:hover {
    color: #000;
    background-color: #fff;
    padding-left: 16px;
  }
  .megaMenu__submenu li:hover:before {
    opacity: 1;
  }
  .megaMenu__submenu li a:hover {
    color: var(--regularColor);
  }
  .lookLayout .simpleList li a:hover {
    color: #000;
    border-color: #000;
  }
  .simpleList li a:hover {
    color: #dc2833;
  }
  .largeList li a:hover {
    color: #dc2833;
  }
  .lookLayout .smallList li a:hover {
    color: #000;
    border-color: #000;
  }
  .smallList li a:hover {
    color: #dc2833;
  }
  .lookLayout .socialList li a:hover {
    color: #000;
  }
  .socialList li a:hover {
    color: #dc2833;
  }
  .transparent:not(.podcast) .sticky .toolsList li a:not(.button):hover {
    color: var(--regularColor);
  }
  .toolsList li a:hover {
    color: var(--regularColor);
  }
  .toolsList li a.button:hover {
    background-color: #fff;
    color: var(--regularColor);
  }
  .lookMagPalette .toolsList li a.button:hover {
    --regularColor: #fff;
    background-color: grey;
  }
  .articleInfoList__item a:hover {
    color: var(--regularColor);
  }
  .actionsList__link:hover {
    color: var(--regularColor);
  }
  .actions__link:hover {
    color: var(--regularColor);
  }
  .audioPlayer:not(.playing):hover .actions__icon:before,
  .audioPlayer:not(.playing):hover .mobileActions__icon:before {
    display: none;
  }
  .audioPlayer:not(.playing):hover .actions__icon:after,
  .audioPlayer:not(.playing):hover .mobileActions__icon:after {
    display: block;
  }
  .infoList__link:hover {
    color: var(--regularColor);
  }
  .vote li:hover {
    color: var(--regularColor);
  }
  .searchCategories li a:hover {
    color: #dc2833;
  }
  .tagsList li a:hover {
    color: var(--regularColor);
  }
  .followList__items li a:hover {
    color: var(--regularColor);
  }
  .singleArticlePage .followList__items li a:hover {
    color: var(--regularColor);
  }
  .tagsSection__list li a:hover {
    color: var(--regularColor);
  }
  .illustration:hover {
    color: var(--regularColor);
  }
  .homePage .illustration:hover {
    color: rgba(23, 23, 23, 0.6);
  }
  .illustration:hover div.illustration__image img {
    opacity: 0.6;
  }
  .illustration:hover .illustration__image path {
    fill: var(--regularColor);
  }
  .homePage .illustration:hover .illustration__image path {
    fill: rgba(64, 64, 64, 0.6);
  }
  .illustrationsMenu__link:hover {
    color: var(--regularColor);
  }
  .illustrationsMenu__link:hover .illustrationsMenu__image path {
    fill: var(--regularColor);
  }
  .newsletter-popup .formGroup__button:hover {
    color: #171717;
    background-color: #f2f2f2;
  }
  .pagination-container li.active .page:hover {
    color: #fff;
    background-color: #171717;
  }
  .lookLayout .pagination-container li.active .page:hover {
    background-color: #000;
  }
  .categorySection--darkWithBg .pagination-container li.active .page:hover {
    color: #171717;
    background-color: var(--mediumColor);
  }
  .podcast .pagination-container li.active .page:hover {
    color: #171717;
    background-color: #fff;
  }
  .pagination-container .page:hover {
    color: var(--regularColor);
    text-decoration: none;
  }
  .podcast .pagination-container .page:hover {
    color: var(--regularColor);
    text-decoration: none;
  }
  .audioPlayerBar button:not(.disabled):hover {
    background-color: transparent;
    color: #dc2833;
  }
  .audioPlayerBar button:not(.disabled).controls__play:hover {
    background-color: #dc2833;
    color: #fff;
  }
  .volume:hover .volume__slider {
    height: 84px;
  }
  .timeline__bar:hover .timeline__barProgress:after {
    -webkit-transform: translate(50%, -50%) scale(1.2, 1.2);
    transform: translate(50%, -50%) scale(1.2, 1.2);
  }
  .popup.large .popup__close:hover {
    color: var(--regularColor);
  }
  .polls .buttonWrapper .button:hover {
    background-color: #404040;
    color: #fff;
  }
  .poll:hover:not(.poll--percentage) .poll__title,
  .poll:hover:not(.poll--percentage) p {
    color: #404040;
  }
  .poll:hover:not(.poll--percentage) .poll__content:before {
    opacity: 1;
    visibility: visible;
  }
  .poll:hover:not(.poll--percentage) .poll__image:after {
    opacity: 1;
  }
  .poll:hover:not(.poll--percentage).poll--selected .poll__title,
  .poll:hover:not(.poll--percentage).poll--selected p {
    color: #171717;
  }
  .quiz__inner .buttonWrapper .button:hover {
    background-color: #404040;
    color: #fff;
  }
  .quiz__message a:hover {
    color: grey;
  }
  .quiz__option:hover .quiz__optionText:before {
    background-color: #f2f2f2;
  }
  .transparent:not(.podcast) .sticky .search:hover {
    color: var(--regularColor);
  }
  .search:hover {
    color: var(--regularColor);
  }
  .lookLayout .search:hover {
    color: #000;
  }
  .lookLayout .sticky .search:hover {
    color: #000;
  }
  .search__resultsContent .article:hover {
    background-color: #f2f2f2;
  }
  .searchFormGroup__close:hover {
    color: var(--regularColor);
  }
  .sharethis-inline-share-buttons .st-btn:hover {
    background-color: #171717 !important;
    opacity: 1 !important;
    top: 0 !important;
  }
  .sharethis-inline-share-buttons .st-btn:hover img {
    -webkit-filter: none !important;
    filter: none !important;
  }
  .slides__content .article__title:hover {
    color: var(--regularColor);
  }
  .slides__content .button:hover {
    color: var(--regularColor);
    background-color: var(--lightColor);
  }
  .gridSlider--middleArrows .gridSlider__button:hover {
    background-color: var(--regularColor);
  }
  .categorySection--whiteText
    .gridSlider--middleArrows
    .gridSlider__button:hover {
    color: #fff;
    background-color: #171717;
  }
  .thumbsSlider__button:hover {
    background-color: var(--regularColor);
  }
  .statusBox .button--black:hover {
    color: #171717;
    background-color: #f2f2f2;
  }
  .sidebar__title a:hover {
    color: var(--regularColor);
  }
  .sidebarTip__title:hover {
    color: var(--regularColor);
  }
  .darkHeader .sticky .subCategories li a:hover {
    color: var(--regularColor);
  }
  .subCategories li a:hover {
    color: var(--regularColor);
  }
  .darkHeader .subCategories li a:hover {
    color: var(--regularColor);
  }
  .darkHeader .sticky .subCategories li a:hover {
    color: var(--regularColor);
  }
  .categorySection--darkWithBg .article__title:hover {
    color: var(--regularColor);
  }
  .categorySection--darkWithBg .article__info a:hover {
    color: var(--mediumColor);
  }
  .categorySection--dark
    .article:not(.article--culture):not(.article--viral):not(
      .article--zodiac
    ):not(.article--voice):not(.article--city):not(.article--life):not(
      .article--today
    )
    .article__title:hover {
    color: var(--regularColor);
  }
  .categorySection--whiteText .article__title:hover {
    color: var(--regularColor);
  }
  .categorySection--black .article__title:hover {
    color: var(--regularColor);
  }
  .category__title a:hover {
    color: var(--regularColor);
  }
  .categorySection--black .category__title a:hover {
    color: var(--regularColor);
  }
  .category__title--withLink a:hover {
    color: #dc2833;
  }
  .category__link:hover {
    color: var(--regularColor);
  }
  .medium .category__link:hover {
    color: var(--regularColor);
    background-color: var(--lightColor);
  }
  .link:hover span {
    left: 6px;
  }
  .linkMore:hover {
    color: var(--regularColor);
  }
  .buttonLinks li a:hover {
    color: #fff;
    background-color: var(--regularColor);
  }
  .article__title:hover {
    -webkit-text-decoration-color: #000;
    text-decoration-color: #000;
    color: #171717;
  }
  .categoriesList__link:hover {
    color: #fff;
    background-color: #000;
  }
  .category__title a:hover {
    -webkit-text-decoration-color: #000;
    text-decoration-color: #000;
  }
  .lookLayout .burgerMenu:hover,
  .lookLayout .search:hover,
  .lookLayout .sticky .burgerMenu:hover,
  .lookLayout .sticky .search:hover {
    color: grey;
  }
  .audioPlayerBar button:not(.disabled):hover {
    color: #999;
  }
  .audioPlayerBar button:not(.disabled).controls__play:hover {
    background-color: #999;
    color: #000;
  }
  .heroSection__nav li a:hover {
    border-color: #000;
  }
}

/* ShareThis buttons - black icons on white background */
.st-btn {
  background-color: #fff !important;
  border: 1px solid #e0e0e0 !important;
}

.st-btn img {
  filter: brightness(0) !important;
}

/* === Drupal header & primary nav fixes === */

.header {
  background: #f4f4f4;
  z-index: 100;
}

.header__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  padding: 0 calc(var(--gridSpace) + 80px);
  max-width: 1568px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}

.header__left {
  display: flex;
  align-items: center;
}

.header__logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-right: 20px;
}

.header__logo img {
  height: 24px;
  width: auto;
}

.articleSingle__logo {
  margin-bottom: 16px;
}

.articleSingle__logo img,
.mainHeading figure img {
  max-width: 301px;
  height: auto;
}

.mainHeading figure {
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
}

.burgerMenu,
.lookLayout .burgerMenu,
.singleArticlePage .burgerMenu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  cursor: pointer;
  padding: 0;
  margin-right: 24px;
  flex-shrink: 0;
  font-size: 0;
  -webkit-appearance: none;
  appearance: none;
  overflow: visible;
  color: inherit;
  position: static;
  letter-spacing: normal;
  line-height: normal;
}

.burgerMenu span {
  display: block;
  width: 18px;
  height: 2px;
  background: #171717;
  border-radius: 1px;
  transition: background-color 0.3s ease;
}

.burgerMenu:hover span,
.lookLayout .burgerMenu:hover span {
  background: grey;
}

.region-primary-menu,
.region-primary-menu .block {
  display: flex;
  align-items: center;
}

nav.primaryNav {
  display: flex;
  align-items: center;
}

.primaryNav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

.primaryNav li a {
  text-decoration: none;
}

.primaryNav li a.is-active {
  color: var(--regularColor);
}

.megaMenu .primaryNav__list {
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 0;
}

.megaMenu .primaryNav li {
  margin-right: 0;
  margin-bottom: 8px;
  width: 100%;
  padding: 0 40px;
}

.megaMenu .primaryNav li a {
  font-size: 1.2rem;
  color: #fff;
}

body {
  overflow-x: hidden;
}

.singleArticlePage {
  padding-top: 92px;
}
.header__right {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.header__av-logo {
  height: 18px;
  width: auto;
}

@media (max-width: 766px) {
  .header__row {
    position: relative;
    padding: 0 16px;
  }

  .header__left {
    flex: 0 0 auto;
  }

  .header__logo {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-right: 0;
  }

  /* Override the off-screen logo rules for mobile */
  .lookLayout.categoryPage .header:not(.sticky) .header__logo,
  body:not(.categoryPage):not(.textPage) .header:not(.sticky) .header__logo {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .header__right {
    margin-left: auto;
  }
}

@media (min-width: 1280px) {
  .articleActions.is-sticky {
    position: fixed !important;
    top: 100px;
    left: auto;
  }
}
footer {
  padding-top: 80px;
  padding-bottom: 80px;
}

/* .in_article_caption {
  color: grey;
  bottom: -12px;
  left: 0;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  line-height: 1.0666666667rem;
  -webkit-transform: translateY(-28%);
  transform: translateY(-28%);
} */
.in_article_caption {
  color: grey;
  position: relative;
  /* bottom: 20px; */
  bottom: 0;
  left: 0;
  font-family: PFSpekkVARMedium, Arial, sans-serif;
  font-size: 0.8666666667rem;
  margin-bottom: 21px;
  line-height: 1.0666666667rem;
}
.categoriesList__item {
  text-transform: uppercase;
}
.responsive-video {
  width: 100% !important;
  height: auto !important;
  display: block;
}