@import url('https://fonts.googleapis.com/css?family=Inter:100,200,300,400,500,600,700,800,900&display=swap'); 
@font-face { 
  font-display:block;
  font-family:icons;
  font-style:normal;
  font-weight:400;
  src:url(https://story.hr/fonts/icomoon/icons.ttf?11032024) format("truetype"),url(https://story.hr/fonts/icomoon/icons.woff?11032024) format("woff"),url(https://story.hr/fonts/icomoon/icons.svg?11032024#icons) format("svg");
} 
  body {  
    color:var(--color);
    font-family:Inter,Helvetica Neue,arial,sans-serif;
  }  
* { 
    box-sizing: inherit;
} 

body { 
    margin: 0; 
    padding: 0;
} 

body { 
    font-family: Inter,Helvetica Neue,arial,sans-serif; 
    margin: 0; 
    min-height: 100vh; 
    padding: 0;
} 

body { 
    -webkit-font-smoothing: antialiased;
} 

html { 
    margin: 0; 
    padding: 0;
} 

html { 
    box-sizing: border-box;
} 

html { 
    font-family: Inter,Helvetica Neue,arial,sans-serif; 
    margin: 0; 
    min-height: 100vh; 
    padding: 0;
} 

:root { 
    --color-light-50: #fff; 
    --color-light-75: #5454540a; 
    --color-light-100: #54545414; 
    --color-light-200: #5454541f; 
    --color-light-300: #54545433; 
    --color-light-400: #54545452; 
    --color-light-500: #54545470; 
    --color-light-600: #545454a3; 
    --color-light-700: #545454d6; 
    --color-light-800: #363332; 
    --color-light-900: #231f20; 
    --color-dark-50: #262222; 
    --color-dark-100: #ffffff14; 
    --color-dark-200: #ffffff1f; 
    --color-dark-400: #ffffff52; 
    --color-dark-500: #ffffff70; 
    --color-dark-600: #ffffffa3; 
    --color-dark-700: #ffffffc2; 
    --color-dark-800: #e8e6eb; 
    --color-dark-900: #f4f2f5; 
    --accent-light: #ed1c24; 
    --accent-light-hover: #d00c13; 
    --accent-alt-light: #ed1c24; 
    --accent-alt-dark: #fd4148; 
    --accent-secondary: #ffdedf; 
    --accent-secondary-transparent: #ffdedf00; 
    --accent-poll-quiz: #ffe160; 
    --shadow-floating-light: 0 1px 3px #00000036,0 0 0 1px #00000021; 
    --label-sec-quiz-background: var(--accent-light); 
    --breaking-news-label-animation: var(--accent-secondary); 
    --breaking-news-label-text: var(--accent-secondary); 
    --breaking-news-label-surface: var(--color-light-900); 
    --breaking-news-title: var(--color-light-900); 
    --breaking-news-surface: var(--accent-secondary); 
    --perseus-label-animation: var(--color-light-900); 
    --perseus-label-text: var(--color-light-900); 
    --surface-light: #f0f0f0; 
    --btn-alt-hover-background: var(--color-dark-700); 
    --btn-alt-text: var(--color-light-900); 
    --column-secondary-alt-label: var(--color-light-500); 
    --quiz-primary-color: var(--accent-poll-quiz); 
    --quiz-secondary-color-light: var(--color-light-900); 
    --poll-primary-color: var(--accent-poll-quiz); 
    --poll-label-text-color: var(--color-light-900); 
    --header-logo-width: 72px; 
    --header-logo-height: 24px; 
    --header-logo-mobile-margin: 12px; 
    --gallery-mobile-description-scrim: linear-gradient(to right,#26222200,var(--color-dark-50) 50%,var(--color-dark-50)); 
    --card-author-secondary-label: var(--accent-alt-light); 
    --card-author-secondary-alt-label: var(--color-light-500); 
    --card-author-label-stack-after: linear-gradient(to left,var(--accent-secondary),var(--accent-secondary) 50%,var(--accent-secondary-transparent)); 
    --card-author-title: var(--color-light-900); 
    --card-author-author-name: var(--accent-alt-light); 
    --card-author-promo-text: var(--color-light-700); 
    --card-author-promo-surface: var(--color-light-100); 
    --card-author-sponsored-by: var(--color-light-500); 
    --card-author-sponsor-name: var(--color-light-900); 
    --engagement-against-light-btn-text: var(--color-light-900); 
    --engagement-against-light-btn-surface-hover: var(--color-light-100); 
    --engagement-against-light-btn-is-user-reaction-surface: var(--color-light-100); 
    --engagement-against-light-btn-is-user-reaction-surface-hover: var(--color-light-200); 
    --engagement-against-light-btn-is-user-reaction-accent: var(--accent-alt-light); 
    --engagement-against-light-share-icon: var(--color-light-900); 
    --engagement-against-light-share-surface: var(--color-light-100); 
    --engagement-against-light-share-surface-hover: var(--color-light-200); 
    --engagement-against-light-divider: var(--color-light-200); 
    --engagement-against-dark-btn-text: var(--color-dark-900); 
    --engagement-against-dark-btn-surface-hover: var(--color-dark-100); 
    --engagement-against-dark-btn-is-user-reaction-surface: var(--color-dark-100); 
    --engagement-against-dark-btn-is-user-reaction-surface-hover: var(--color-dark-200); 
    --engagement-against-dark-btn-is-user-reaction-accent: var(--accent-alt-dark); 
    --engagement-against-dark-share-icon: var(--color-dark-900); 
    --engagement-against-dark-share-surface: var(--color-dark-100); 
    --engagement-against-dark-share-surface-hover: var(--color-dark-200); 
    --engagement-against-dark-divider: var(--color-dark-200); 
    --engagement-column-btn-text: var(--engagement-against-light-btn-text); 
    --engagement-column-btn-surface-hover: var(--engagement-against-light-btn-surface-hover); 
    --engagement-column-btn-is-user-reaction-surface: var(--engagement-against-light-btn-is-user-reaction-surface-100); 
    --engagement-column-btn-is-user-reaction-surface-hover: var(--engagement-against-light-btn-is-user-reaction-surface-hover); 
    --engagement-column-btn-is-user-reaction-accent: var(--engagement-against-light-btn-is-user-reaction-accent); 
    --engagement-column-share-icon: var(--engagement-against-light-share-icon); 
    --engagement-column-share-surface: var(--engagement-against-light-share-surface); 
    --engagement-column-share-surface-hover: var(--engagement-against-light-share-surface-hover); 
    --engagement-column-divider: var(--engagement-against-light-divider); 
    --smartlife-surface: var(--color-dark-50); 
    --smartlife-title-hover-color: var(--color-dark-800);
} 

:root { 
    color-scheme: light dark;
} 

.header__content { 
    align-items: center; 
    box-shadow: 0 1px 0 0 var(--general-box-shadow); 
    display: flex; 
    flex-wrap: wrap; 
    height: 96px; 
    justify-content: space-between; 
    left: 0; 
    right: 0; 
    top: 0;
    background-color: #ed1c24;
    color: #fff;
} 
.header__content a{
    color: #fff !important;

}
@media (min-width: 1024px){ 
  .header__content { 
    box-shadow: none; 
    flex-wrap: nowrap; 
    height: 56px; 
    padding: 0 0 0 16px;
  } 
}     

@media (min-width: 1920px){ 
  .header__content { 
    margin: 0 auto; 
    max-width: 1920px;
  } 
}     

*,:after,:before { 
    box-sizing: inherit;
} 

.header-logo { 
    align-items: center; 
    display: flex; 
    flex-grow: 0; 
    flex-shrink: 0; 
    height: 48px; 
    justify-content: center; 
    order: 1;
} 

@media (min-width: 1024px){ 
  .header-logo { 
    height: 56px;
  } 
}     

.header-navigation { 
    flex-basis: 100%; 
    flex-grow: 1; 
    flex-shrink: 1; 
    height: 48px; 
    max-width: 100%; 
    order: 3; 
    overflow: hidden; 
    position: relative;
} 

@media (min-width: 1024px){ 
  .header-navigation { 
    display: flex; 
    flex-basis: unset; 
    flex-grow: 1; 
    flex-shrink: unset; 
    height: 56px; 
    order: 2; 
    overflow: unset; 
    width: auto;
  } 
}     

.header-navigation:before { 
    background-color: var(--nav-bottom-line); 
    content: ""; 
    display: block; 
    height: 1px; 
    left: 0; 
    position: absolute; 
    right: 0; 
    top: 0;
} 

@media (min-width: 1024px){ 
  .header-navigation:before { 
    display: none;
  } 
}     

.header-extra { 
    align-items: center; 
    display: flex; 
    flex-grow: 0; 
    flex-shrink: 0; 
    height: 48px; 
    order: 2;
} 

@media (min-width: 1024px){ 
  .header-extra { 
    order: 3;
  } 
}     

a { 
    color: unset; 
    text-decoration: none;
} 

.header-navigation__wrap { 
    align-items: stretch; 
    background-color: var(--nav-mobile-back); 
    display: flex; 
    overflow: hidden;
} 

@media (min-width: 1024px){ 
  .header-navigation__wrap { 
    background-color: initial;
  } 
}     

.header-navigation__list-item { 
    align-items: center; 
    color: var(--nav-item-resting); 
    display: flex; 
    flex-shrink: 0; 
    font-size: .8125rem; 
    height: 32px; 
    justify-content: center; 
    margin-left: 12px; 
    position: relative; 
    transition: all .15s;
} 

.header-navigation__list-item { 
    font-variation-settings: "wght" 400;
} 

@media (min-width: 1024px){ 
  .header-navigation__list-item { 
    font-size: .875rem; 
    height: 100%; 
    margin-left: 16px;
  } 

  .header-navigation__list-item { 
    font-variation-settings: "wght" 600;
  } 
}     

.is-hidden  { 
    opacity: 0; 
    visibility: hidden;
} 

.header-navigation__list-item:last-of-type { 
    padding-right: 24px;
} 

@media (min-width: 1024px){ 
  .header-navigation__list-item:last-of-type { 
    padding-right: 0;
  } 
}     

.header-navigation__list-item.is-view-more { 
    display: none;
} 

@media (min-width: 1024px){ 
  .header-navigation__list-item.is-view-more { 
    display: flex; 
    flex-grow: 1; 
    height: 100%; 
    justify-content: flex-start; 
    margin-left: 16px; 
    margin-right: 23px; 
    z-index: 2;
  } 

  .header-navigation__list-item:hover { 
    color: var(--nav-item-hover); 
    cursor: pointer;
  } 
}     

.header-extra__icon { 
    align-items: center; 
    border-radius: 50%; 
    color: var(--nav-extra-icon); 
    display: flex; 
    font-size: 1.5rem; 
    height: 32px; 
    justify-content: center; 
    line-height: 1.5rem; 
    margin-right: 8px; 
    position: relative; 
    transition: all .15s; 
    width: 32px;
} 

.header-extra__icon:after { 
    background-color: var(--nav-extra-icon-after); 
    border-radius: 1px 1px 0 0; 
    bottom: -8px; 
    content: ""; 
    display: block; 
    height: 2px; 
    left: 50%; 
    margin-left: -14px; 
    opacity: 0; 
    position: absolute; 
    transition: all .15s; 
    width: 28px;
} 

@media (min-width: 1024px){ 
  .header-extra__icon:after { 
    bottom: -12px;
  } 

  .header-extra__icon:hover { 
    background-color: var(--nav-extra-icon-surface-hover); 
    color: var(--nav-extra-icon-hover); 
    cursor: pointer;
  } 
}     

.header-extra__icon.no-user { 
    display: flex;
} 

@media (min-width: 1024px){ 
  .header-extra__menu { 
    margin-right: 12px;
  } 
}     

.navigation-drawer { 
    background-color: var(--nav-drawer-base); 
    bottom: 0; 
    left: 100%; 
    position: fixed; 
    right: -100%; 
    top: 0; 
    transition: all .2s cubic-bezier(.25,.46,.45,.94); 
    width: 100%; 
    z-index: 2;
} 

@media (min-width: 429px){ 
  .navigation-drawer { 
    box-shadow: var(--nav-drawer-box-shadow);
  } 
}     

@media (min-width: 1024px){ 
  .navigation-drawer { 
    border-radius: 5px; 
    bottom: 4px; 
    top: 4px;
  } 
}     

@media (min-width: 1920px){ 
  .navigation-drawer { 
    transition: unset;
  } 
}     

.navigation-drawer:before { 
    background-color: var(--nav-drawer-back); 
    bottom: 0; 
    content: ""; 
    left: 0; 
    position: absolute; 
    right: 0; 
    top: 0; 
    z-index: 0;
} 

@media (min-width: 1024px){ 
  .navigation-drawer:before { 
    border-radius: 5px;
  } 
}     

.header-logo__wrap { 
    font-size: 0; 
    height: auto; 
    line-height: 0;
} 

ul { 
    margin: 0; 
    padding: 0;
} 

ul { 
    list-style: none;
} 

.header-navigation__list { 
    -ms-overflow-style: none; 
    align-items: center; 
    display: flex; 
    height: 100%; 
    margin: 0 -12px; 
    opacity: 100%; 
    overflow-x: scroll; 
    overflow-y: hidden; 
    padding: 8px 0 8px 12px; 
    scrollbar-width: none; 
    visibility: visible;
} 

@media (min-width: 1024px){ 
  .header-navigation__list { 
    align-items: stretch; 
    flex-wrap: wrap; 
    margin: 0; 
    overflow: hidden; 
    padding: 0;
  } 
}     

.header-navigation__list:-webkit-scrollbar { 
    display: none; 
    height: 0;
} 

.header-navigation__list:-webkit-scrollbar-thumb,.header-navigation__list:-webkit-scrollbar-track { 
    height: 0;
} 

[class^="icon-"] { 
    speak: never; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
    font-family: icons!important; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: 400; 
    line-height: 1; 
    text-transform: none;
} 

.header-navigation__list-item .view-more-icon  { 
    color: var(--nav-item-after); 
    font-size: 1rem;
} 

.icon-overflow-menu--vertical:before { 
    content: "\e91d";
} 

.header-subnavigation__children { 
    background-color: var(--subnav-children-background); 
    border-radius: 3px; 
    bottom: 0; 
    box-shadow: var(--shadow-floating); 
    display: flex; 
    flex-direction: column; 
    left: -12px; 
    max-width: 200px; 
    padding: 4px 0; 
    position: absolute; 
    transform: translateY(calc(100% - 4px)); 
    width: max-content;
} 

.icon-search:before { 
    content: "\e922";
} 

.header-search { 
    height: 0; 
    left: 0; 
    overflow: hidden; 
    position: fixed; 
    right: 0; 
    top: 0; 
    width: 100%; 
    z-index: 10;
} 

@media (min-width: 1024px){ 
  .header-search { 
    height: 40px; 
    left: auto; 
    position: absolute; 
    right: -4px; 
    top: 50%; 
    transform: translateY(-50%); 
    transition: all .15s; 
    width: 0;
  } 
}     

.icon-headphones-custom:before { 
    content: "\e914";
} 

.icon-user--avatar:before { 
    content: "\e92c";
} 

.icon-notification:before { 
    content: "\e932";
} 

.icon-menu:before { 
    content: "\e91c";
} 

.navigation-drawer__header { 
    align-items: center; 
    box-shadow: 0 1px 0 0 var(--color-dark-200); 
    display: flex; 
    height: 48px; 
    justify-content: space-between; 
    padding: 8px 8px 8px 0;
} 

@media (min-width: 429px){ 
  .navigation-drawer__header { 
    box-shadow: none; 
    height: 32px; 
    padding: 0; 
    position: absolute; 
    right: 8px; 
    top: 8px; 
    width: 32px;
  } 
}     

.navigation-drawer__tabs { 
    box-shadow: 0 1px 0 0 var(--nav-drawer-tabs-shadow); 
    display: flex; 
    height: 48px; 
    justify-content: space-between; 
    padding: 0 20px; 
    position: relative;
} 

@media (min-width: 429px){ 
  .navigation-drawer__tabs { 
    padding: 0 48px 0 20px;
  } 
}     

.navigation-drawer__scrollbar { 
    height: calc(100% - 144px);
} 

@media (min-width: 429px){ 
  .navigation-drawer__scrollbar { 
    height: calc(100% - 96px);
  } 
}     

.ps { 
    -ms-overflow-style: none; 
    overflow: hidden!important; 
    overflow-anchor: none; 
    touch-action: auto; 
    -ms-touch-action: auto;
} 

.ps { 
    position: relative;
} 

.navigation-drawer__footer { 
    border-top: var(--nav-drawer-footer-border); 
    bottom: 0; 
    height: 49px; 
    left: 0; 
    position: absolute; 
    right: 0;
} 

.header-logo__image { 
    margin-left: var(--header-logo-mobile-margin);
} 

@media (min-width: 1024px){ 
  .header-logo__image { 
    margin-left: 0;
  } 
}     

.logo-dimensions  { 
    height: var(--header-logo-height); 
    width: var(--header-logo-width);
} 

.header-logo__span { 
    clip: rect(0,0,0,0); 
    border: 0; 
    height: 1px; 
    margin: -1px; 
    overflow: hidden; 
    padding: 0; 
    position: absolute; 
    width: 1px;
} 

li { 
    margin: 0; 
    padding: 0;
} 

.header-search-wrap { 
    background: var(--search-header-mobile-gradient); 
    bottom: 0; 
    left: 0; 
    position: absolute; 
    right: 0; 
    top: 0;
} 

@media (min-width: 1024px){ 
  .header-search-wrap { 
    background: var(--search-surface); 
    border-radius: 3px; 
    left: 24px;
  } 
}     

.navigation-drawer__logo { 
    line-height: 0; 
    margin-left: var(--header-logo-mobile-margin); 
    z-index: 3;
} 

@media (min-width: 429px){ 
  .navigation-drawer__logo { 
    display: none;
  } 
}     

.navigation-drawer__close { 
    align-items: center; 
    background-color: var(--nav-drawer-close-background); 
    border-radius: 50%; 
    color: var(--nav-drawer-close); 
    display: flex; 
    font-size: 1.5rem; 
    height: 32px; 
    justify-content: center; 
    transition: background-color .15s; 
    width: 32px; 
    z-index: 3;
} 

@media (min-width: 1024px){ 
  .navigation-drawer__close:hover { 
    background-color: var(--nav-drawer-close-background-hover); 
    color: var(--nav-drawer-close-hover); 
    cursor: pointer;
  } 
}     

.navigation-drawer__tabs span  { 
    align-items: center; 
    color: var(--nav-drawer-tab); 
    display: flex; 
    flex-basis: calc(50% - 10px); 
    font-size: .8125rem; 
    justify-content: center; 
    z-index: 1;
} 

.navigation-drawer__tabs span  { 
    font-variation-settings: "wght" 400;
} 

.navigation-drawer__tabs .is-active  { 
    color: var(--nav-drawer-tab-active); 
    position: relative;
} 

.navigation-drawer__tabs span::after { 
    background-color: var(--nav-drawer-tab-accent); 
    border-radius: 1px 1px 0 0; 
    bottom: 0; 
    content: ""; 
    display: block; 
    height: 0; 
    left: 0; 
    position: absolute; 
    right: 0;
} 

.navigation-drawer__tabs .is-active::after { 
    height: 2px;
} 

@media (min-width: 1024px){ 
  .navigation-drawer__tabs span:hover { 
    color: var(--nav-drawer-tab-hover); 
    cursor: pointer;
  } 
}     

.navigation-drawer__list { 
    align-items: center; 
    display: flex; 
    flex-basis: 100%; 
    flex-direction: column; 
    flex-grow: 1; 
    flex-shrink: 1; 
    height: auto; 
    margin: 0; 
    overflow: unset; 
    padding: 8px 8px 24px; 
    position: relative;
} 

.navigation-drawer .magazines-menu  { 
    margin-bottom: 24px; 
    padding: 0 8px;
} 

.navigation-drawer__copyright { 
    color: var(--nav-drawer-copyright); 
    display: block; 
    font-size: .875rem; 
    line-height: 1.375rem; 
    margin-bottom: 24px; 
    padding: 0 8px; 
    text-align: center;
} 

.navigation-drawer__copyright { 
    font-variation-settings: "wght" 400;
} 

.ps__rail-x { 
    bottom: 0; 
    height: 15px;
} 

.ps__rail-x { 
    display: none; 
    opacity: 0; 
    position: absolute; 
    transition: background-color .2s linear,opacity .2s linear; 
    -webkit-transition: background-color .2s linear,opacity .2s linear;
} 

 .navigation-drawer__scrollbar .ps__rail-x:hover { 
    background-color: var(--scrollbar-rail-hover)!important;
} 

 .ps:hover > .ps__rail-x { 
    opacity: .6;
} 

 .ps .ps__rail-x:hover { 
    background-color: #eee; 
    opacity: .9;
} 

.ps__rail-y { 
    display: none; 
    opacity: 0; 
    position: absolute; 
    transition: background-color .2s linear,opacity .2s linear; 
    -webkit-transition: background-color .2s linear,opacity .2s linear;
} 

.ps__rail-y { 
    right: 0; 
    width: 15px;
} 

.navigation-drawer__scrollbar .ps__rail-y  { 
    left: auto!important; 
    opacity: .6; 
    right: 0!important;
} 

@media (min-width: 1024px){ 
  .navigation-drawer__scrollbar .ps__rail-y  { 
    opacity: 0;
  } 
}     

.ps--active-y > .ps__rail-y  { 
    background-color: initial; 
    display: block;
} 

 .navigation-drawer__scrollbar .ps__rail-y:hover { 
    background-color: initial; 
    opacity: 1;
} 

.navigation-drawer__scrollbar .ps__rail-x.ps--clicking, .navigation-drawer__scrollbar .ps__rail-x:focus, .navigation-drawer__scrollbar .ps__rail-x:hover, .navigation-drawer__scrollbar .ps__rail-y.ps--clicking, .navigation-drawer__scrollbar .ps__rail-y:focus, .navigation-drawer__scrollbar .ps__rail-y:hover { 
    background-color: var(--scrollbar-rail-hover)!important;
} 

.ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y, .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y { 
    opacity: .6;
} 

.ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover, .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover { 
    background-color: #eee; 
    opacity: .9;
} 

.navigation-drawer .social-menu__list  { 
    display: flex; 
    flex-wrap: wrap; 
    height: 100%;
} 

.header-navigation__list-item a  { 
    align-items: center; 
    display: flex; 
    flex-basis: 100%; 
    height: 100%; 
    justify-content: center;
} 

.header-navigation__list-item a::after { 
    background-color: var(--nav-item-after); 
    border-radius: 1px 1px 0 0; 
    bottom: -8px; 
    content: ""; 
    display: none; 
    height: 2px; 
    left: 0; 
    position: absolute; 
    right: 0;
} 

@media (min-width: 1024px){ 
  .header-navigation__list-item a::after { 
    bottom: 0;
  } 
}     

.header-navigation__list-item.is-active > a  { 
    color: var(--nav-item-active);
} 

.header-navigation__list-item.is-active > a::after { 
    content: ""; 
    display: block;
} 

.header-navigation__list-item .is-custom  { 
    align-items: center; 
    display: flex; 
    transition: all .15s;
} 

@media (min-width: 1024px){ 
  .header-navigation__list-item .is-custom:hover  { 
    opacity: .88;
  } 
}     

.header-search form  { 
    background-color: var(--search-header-mobile-form); 
    height: 48px; 
    margin-top: 48px; 
    position: relative; 
    width: 0;
} 

@media (min-width: 1024px){ 
  .header-search form  { 
    background-color: var(--search-header-desktop-form); 
    height: 100%; 
    margin-top: 0; 
    padding: 0 40px 0 0; 
    transition: all .15s; 
    width: 0;
  } 
}     

.header-search form::before { 
    background-color: var(--nav-bottom-line); 
    content: ""; 
    display: block; 
    height: 1px; 
    left: 0; 
    position: absolute; 
    right: 0; 
    top: 0;
} 

@media (min-width: 1024px){ 
  .header-search form::before { 
    display: none;
  } 
}     

.header-search__close { 
    align-items: center; 
    background-color: var(--search-header-mobile-close-surface); 
    border-radius: 50%; 
    display: flex; 
    height: 32px; 
    justify-content: center; 
    position: absolute; 
    right: 8px; 
    top: 8px; 
    width: 32px; 
    z-index: 2;
} 

@media (min-width: 1024px){ 
  .header-search__close { 
    display: none;
  } 
}     

.navigation-drawer__logo_image { 
    height: var(--header-logo-height); 
    width: var(--header-logo-width);
} 

.icon-close:before { 
    content: "\e90e";
} 

.navigation-drawer__list-item { 
    align-items: flex-start; 
    border-radius: 3px; 
    color: var(--nav-drawer-color); 
    display: flex; 
    flex-direction: column; 
    flex-shrink: 0; 
    flex-wrap: wrap; 
    font-size: 1rem; 
    justify-content: flex-start; 
    line-height: 1.25rem; 
    min-height: 48px; 
    position: relative; 
    width: 100%;
} 

.navigation-drawer__list-item { 
    font-variation-settings: "wght" 400;
} 

.navigation-drawer__title { 
    color: var(--nav-drawer-title); 
    display: block; 
    font-size: .6875rem; 
    letter-spacing: .37px; 
    margin-bottom: 8px; 
    padding: 0 12px; 
    text-transform: uppercase;
} 

.navigation-drawer__title { 
    font-variation-settings: "wght" 600;
} 

.ps__thumb-x { 
    bottom: 2px; 
    height: 6px; 
    transition: background-color .2s linear,height .2s ease-in-out; 
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
} 

.ps__thumb-x { 
    background-color: #aaa; 
    border-radius: 6px; 
    position: absolute;
} 

 .ps__rail-x:hover > .ps__thumb-x { 
    background-color: #999; 
    height: 11px;
} 

.ps__thumb-y { 
    background-color: #aaa; 
    border-radius: 6px; 
    position: absolute;
} 

.ps__thumb-y { 
    right: 2px; 
    transition: background-color .2s linear,width .2s ease-in-out; 
    -webkit-transition: background-color .2s linear,width .2s ease-in-out; 
    width: 6px;
} 

.navigation-drawer__scrollbar .ps__thumb-y  { 
    background-color: var(--scrollbar-thumb); 
    border-radius: 0; 
    left: auto!important; 
    right: 6px!important; 
    width: 4px;
} 

 .ps__rail-y:hover > .ps__thumb-y { 
    background-color: #999; 
    width: 11px;
} 

 .navigation-drawer__scrollbar .ps__rail-y:hover > .ps__thumb-y { 
    background-color: var(--scrollbar-thumb-hover); 
    width: 4px;
} 

.navigation-drawer .social-menu__list-item  { 
    align-items: center; 
    display: flex; 
    flex-basis: auto; 
    flex-grow: 1; 
    flex-shrink: 1; 
    height: 48px; 
    justify-content: center; 
    transition: all .15s;
} 

@media (min-width: 1024px){ 
  .navigation-drawer .social-menu__list-item:hover { 
    background-color: var(--nav-drawer-social-hover);
  } 
}     

.header-navigation__list-item .has-no-background > span  { 
    padding: 4px 0;
} 

.header-navigation__list-item .is-custom > span  { 
    align-items: center; 
    border-radius: 2px; 
    display: flex; 
    height: 32px; 
    padding: 4px;
} 

input { 
    margin: 0;
} 

.header-search form input  { 
    background-color: var(--search-input-background); 
    border: none; 
    border-radius: 3px; 
    caret-color: var(--search-caret-color); 
    color: var(--search-input-color); 
    font-family: Inter,Helvetica Neue,arial,sans-serif; 
    font-size: 1rem; 
    height: 32px; 
    line-height: 1.25rem; 
    margin: 8px 16px; 
    padding: 12px; 
    width: calc(100% - 32px);
} 

.header-search form input  { 
    font-variation-settings: "wght" 400;
} 

@media (min-width: 1024px){ 
  .header-search form input  { 
    background-color: initial; 
    border-radius: 0; 
    height: 100%; 
    margin: 0; 
    width: 100%;
  } 
}     

[class*=" icon-"] { 
    speak: never; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
    font-family: icons!important; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: 400; 
    line-height: 1; 
    text-transform: none;
} 

.header-search__close .icon-close  { 
    color: var(--search-header-mobile-close-icon); 
    font-size: 1.5rem; 
    line-height: 1.5rem;
} 

.navigation-drawer__list-item a  { 
    align-items: center; 
    display: inline-flex; 
    height: 48px; 
    justify-content: flex-start; 
    padding: 8px 48px 8px 12px; 
    transition: all .15s; 
    width: 100%;
} 

.navigation-drawer__list-item > a  { 
    border-radius: 3px;
} 

.navigation-drawer__list-item > a  { 
    font-variation-settings: "wght" 600;
} 

@media (min-width: 1024px){ 
  .navigation-drawer__list-item a:hover { 
    background-color: var(--nav-drawer-subitem-hover);
  } 
}     

.navigation-drawer__show-more { 
    align-items: center; 
    background-color: var(--nav-drawer-show-more-background); 
    border-radius: 3px; 
    display: flex; 
    height: 32px; 
    justify-content: center; 
    position: absolute; 
    right: 8px; 
    top: 8px; 
    transition: all .15s; 
    width: 32px;
} 

@media (min-width: 1024px){ 
  .navigation-drawer__show-more:hover { 
    background-color: var(--nav-drawer-show-more-background-hover); 
    cursor: pointer;
  } 
}     

.navigation-drawer__list-item .is-custom  { 
    align-items: center; 
    display: flex; 
    justify-content: flex-start; 
    transition: all .15s;
} 

.navigation-drawer__list-item .is-custom  { 
    font-variation-settings: "wght" 600;
} 

.navigation-drawer .magazines-menu__list-item  { 
    display: flex; 
    height: 48px;
} 

.navigation-drawer .social-menu__list-item a  { 
    align-items: center; 
    display: flex; 
    flex-basis: 100%; 
    flex-grow: 0; 
    flex-shrink: 0; 
    height: 100%; 
    justify-content: center;
} 

img { 
    height: auto; 
    max-width: 100%;
} 

.header-navigation__list-item .is-custom img  { 
    height: 24px; 
    width: auto;
} 

.navigation-drawer__list-item .has-no-background span  { 
    padding: 4px 0;
} 

[class*=" icon-"], [class^="icon-"] { 
    speak: never; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
    font-family: icons!important; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: 400; 
    line-height: 1; 
    text-transform: none;
} 

.icon-chevron--down:before { 
    content: "\e909";
} 

.navigation-drawer__list-item .is-custom > span  { 
    align-items: center; 
    border-radius: 2px; 
    display: flex; 
    height: 32px; 
    padding: 4px;
} 

.navigation-drawer .magazines-menu__list-item .is-custom  { 
    align-items: center; 
    border-radius: 3px; 
    display: inline-flex; 
    height: 48px; 
    justify-content: flex-start; 
    padding: 8px 12px; 
    transition: all .15s; 
    width: 100%;
} 

@media (min-width: 1024px){ 
  .navigation-drawer .magazines-menu__list-item .is-custom:hover { 
    background-color: var(--nav-drawer-magazines-item-hover-back);
  } 
}     

.navigation-drawer .social-menu__list-icon  { 
    color: var(--nav-drawer-social-icon); 
    font-size: 1.5rem;
} 

.icon-logo--facebook:before { 
    content: "\e930";
} 

.icon-logo--instagram:before { 
    content: "\e919";
} 

.navigation-drawer__list-item .is-custom img  { 
    height: 24px; 
    width: auto;
} 

.navigation-drawer .magazines-menu__list-item span  { 
    color: var(--nav-drawer-magazines-item); 
    font-size: .875rem;
} 

.navigation-drawer .magazines-menu__list-item span  { 
    font-variation-settings: "wght" 600;
} 

.navigation-drawer .magazines-menu__list-item .is-custom > span  { 
    align-items: center; 
    background-color: var(--nav-drawer-magazines-item-back); 
    border-radius: 3px; 
    display: inline-flex; 
    justify-content: center; 
    padding: 4px;
} 

@media (min-width: 1024px){ 
  .navigation-drawer .magazines-menu__list-item .is-custom:hover > span { 
    background-color: var(--nav-drawer-magazines-item-hover-back-span);
  } 
}     

.navigation-drawer .magazines-menu__list-item img  { 
    height: 24px; 
    width: 24px;
} 

.navigation-drawer .magazines-menu__list-item img + span  { 
    margin-left: 4px; 
    white-space: nowrap;
} 


/* These were inline style tags. Uses id+class to override almost everything */
#style-34a6y.style-34a6y {  
   background-color:#12F45C;  
   color:transparent;  
}  
#style-vT7IC.style-vT7IC {  
   background-color:#FD1EAD;  
   color:transparent;  
}  
#style-XO7Si.style-XO7Si {  
   background-color:#3A4EF9;  
   color:transparent;  
}  
#style-pm9dA.style-pm9dA {  
   display:none;  
}  
#style-avOxT.style-avOxT {  
   display:none;  
}  
#style-wop5o.style-wop5o {  
   right:-100%;  
}  
#style-EGiC9.style-EGiC9 {  
   background-color: rgb(18, 244, 92);  
    color: transparent;  
}  
#style-JzCE2.style-JzCE2 {  
   background-color: rgb(253, 30, 173);  
    color: transparent;  
}  
#style-dOzgX.style-dOzgX {  
   background-color: rgb(58, 78, 249);  
    color: transparent;  
}  
#style-GBlL5.style-GBlL5 {  
   left: 0px;  
    bottom: 0px;  
}  
#style-YWDni.style-YWDni {  
   left: 0px;  
    width: 0px;  
}  
#style-vLM6m.style-vLM6m {  
   top: 0px;  
    height: 482px;  
    right: 0px;  
}  
#style-khTOJ.style-khTOJ {  
   top: 0px;  
    height: 224px;  
}  
@media (max-width:768px){
    .header-navigation{
        display: none;
    }
}