html {
  font-family: var(--system-font);
  min-height: 100%;
  scroll-behavior: auto;
  scrollbar-gutter: stable;
  overflow-x: hidden;
  scroll-padding-top: 0;
}
body,button,input,select,textarea,option,optgroup {
  font-family: inherit;
}
body * {
  font-family: inherit;
}
* {
  box-sizing: border-box;
}
a {
  color: inherit;
  text-decoration: none;
}
img {
  max-width: 100%;
  display: block;
}
.stack {
  display: grid;
  gap: 24px;
}
.widget {
  padding: 22px;
}
.muted {
  color: var(--muted);
}
.card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.badge-4k {
  display: none;
}
.pill {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 8px 14px;
  border-radius: 6px;
  background: linear-gradient(180deg,#0f1622,#0a1220);
  border: 1px solid rgba(91,149,255,.15);
  font: 800 .8rem/1 var(--system-font);
  letter-spacing: .12em;
  color: #cbd6e7;
  text-transform: uppercase;
}
.pill-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.pill-row .pill {
  min-height: 0;
  padding: 9px 14px;
  border-radius: 6px;
  text-transform: none;
  letter-spacing: .02em;
  color: #dce9ff;
}
.list-links {
  display: grid;
  gap: 12px;
}
.list-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 18px;
  border-radius: 6px;
  background: linear-gradient(180deg,#0a1019,#090f18);
  border: 1px solid rgba(255,255,255,.07);
  font: 900 clamp(1rem,1.6vw,1.08rem)/1.2 var(--system-font);
  letter-spacing: -.02em;
}
.list-link small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 92px;
  padding: 10px 14px;
  border-radius: 6px;
  border: 1px solid rgba(91,149,255,.18);
  background: linear-gradient(180deg,#0f1726,#0d1421);
  color: #9ec4ff;
  font: 800 .84rem/1 var(--system-font);
}
.fn-social-widget .fn-social-copy {
  margin: 0 0 16px;
  font-size: .84rem;
  line-height: 1.5;
}
.fn-social-row-btn:hover::before {
  transform: translateY(-1px);
  border-color: rgba(96,155,255,.20);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(46,112,255,.05),0 12px 24px rgba(0,0,0,.28);
}
.page-hero {
  padding: 0;
}
.content-wrap {
  padding: 22px;
}
.page-title {
  font-weight: 900;
  line-height: 1.04;
  letter-spacing: -.04em;
  margin: 0;
}
.footer-link {
  color: #6fa9ff;
  font: 500 .84rem/1.2 var(--system-font);
  padding: 0 10px;
  position: relative;
}
.footer-links .footer-link:not(:last-child)::after {
  content: "•";
  position: absolute;
  right: -2px;
  top: 50%;
  transform: translateY(-52%);
  color: rgba(255,255,255,.18);
  font-size: .7rem;
}
.drawer.open {
  transform: none;
}
.drawer-backdrop.open {
  opacity: 1;
  pointer-events: auto;
}
.modal-link:hover {
  filter: brightness(1.06);
}
.drawer-close {
  width: 48px;
  height: 48px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,.08);
  background: #0c1320;
  color: var(--text);
  font-size: 1.5rem;
  cursor: pointer;
}
.layout>.sidebar {
  align-self: start;
}
.hamburger:hover,.drawer-close:hover {
  filter: brightness(1.05);
}
.widget,.content-wrap {
  background: var(--glass);
  border: 1px solid var(--line);
  border-radius: 6px;
  box-shadow: var(--shadow);
  border-color: rgba(255,255,255,.075);
}
.footer-inner {
  max-width: var(--wrap);
  margin: 0 auto;
  padding: 18px 18px 22px;
}
.drawer-extra,.drawer .widget {
  display: none;
}
.content-wrap,.widget,.card,.list-link,.search-form,.hamburger,.action-btn,.hero-mode,.hero-subscribe-btn,.post-meta-bar,.meta-bar,.video-embed,.pill,.modal,.modal-link,.drawer,.drawer-close,.list-link small,.modal-logo,.hero-subscribe-btn .icon {
  border-radius: 6px;
}
.card-media {
  position: relative;
  aspect-ratio: 16/9;
  background: #000;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.06);
  border-radius: 6px 6px 0 0;
}
.hamburger:hover,.hamburger:focus {
  filter: none;
  background: transparent;
  box-shadow: none;
}
.widget>h2,.widget>h3,.content-wrap>h2,.content-wrap>h3,.page-hero .page-title {
  margin-top: 0;
}
.widget>h2,.widget>h3 {
  margin-bottom: 14px;
}
.widget>p.muted,.content-wrap>p.muted,.page-lead,.page-hero p {
  margin-top: 0;
}
.footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0;
  margin-bottom: 14px;
}
.copyright {
  text-align: center;
  color: rgba(255,255,255,.62);
  font: 500 .82rem/1.35 var(--system-font);
  margin-top: 8px;
}
.sidebar .widget h3 {
  font-size: 1rem;
  line-height: 1.12;
  margin-bottom: 10px;
}
.sidebar>*:first-child {
  margin-top: 0;
}
.sidebar.stack {
  padding-top: 0;
}
.search-form.is-open button {
  font-size: 24px;
}
.drawer-extra .widget {
  display: block;
  padding: 16px;
  border-radius: 6px;
}
.drawer-extra .widget h3 {
  font-size: 1rem;
  line-height: 1.14;
  margin: 0 0 10px;
}
.drawer-extra .muted {
  font-size: .9rem;
  line-height: 1.58;
}
.drawer-extra .pill {
  font-size: .62rem;
  letter-spacing: .16em;
  padding: 7px 12px;
  margin-bottom: 12px;
}
.drawer-extra .pill-row {
  gap: 8px;
  justify-content: center;
}
.drawer-extra .pill-row .pill {
  font-size: .78rem;
  padding: 8px 11px;
  margin-bottom: 0;
}
.drawer-extra .list-links {
  gap: 10px;
}
.drawer-extra .list-link {
  padding: 14px 14px;
  font-size: .98rem;
  border-radius: 6px;
}
.drawer-extra .list-link small {
  min-width: 72px;
  padding: 8px 10px;
  font-size: .74rem;
  border-radius: 6px;
}
.drawer-extra .widget>.pill:first-child {
  margin-bottom: 12px;
}
@media (min-width:701px) {
  .drawer,.drawer-backdrop {
    display: none;
  }
}
.widget>.pill:first-child,.content-wrap>.pill:first-child,.page-hero .pill:first-child {
  letter-spacing: .2em;
  min-height: 0;
  font-size: .62rem;
  padding: 7px 12px;
  margin: 0 0 14px 0;
  margin-bottom: 14px;
}
.widget>h2,.widget>h3,.page-hero .page-title,.content-wrap>h2,.content-wrap>h3 {
  margin-bottom: 12px;
  margin-top: 0;
}
.hamburger,.search-form,.search-form button {
  width: 48px;
  min-width: 48px;
  height: 48px;
}
.drawer .widget + .widget {
  margin-top: 0;
}
.drawer [class*="drawer-"] {
  display: none;
}
.page-lead {
  display: block;
  margin: 12px 0 12px;
  color: #b7c2d4;
  font: 600 1rem/1.68 var(--system-font);
  max-width: 60ch;
  font-size: .98rem;
  line-height: 1.66;
}
.sidebar .widget,.widget,.content-wrap,.card {
  border-radius: 6px;
}
.drawer .pill {
  font-size: .68rem;
  letter-spacing: .14em;
  padding: 6px 10px;
}
.drawer .pill-row {
  gap: 7px;
  justify-content: flex-start;
}
.drawer .pill-row .pill {
  font-size: .76rem;
  padding: 7px 10px;
}
.drawer .list-links {
  gap: 8px;
}
.meta-bar,.post-meta-bar {
  min-height: 38px;
  padding: 2px 6px;
  gap: 5px;
  border-radius: 6px;
}
.meta-left,.post-meta-bar .meta-left {
  gap: 4px;
  font-size: .68rem;
  line-height: 1;
}
.cards-grid,.hero-grid,.related-grid {
  display: grid;
  align-items: start;
}
.drawer .widget h2,.drawer .widget h3 {
  line-height: 1.12;
  margin: 0 0 8px;
  font-size: .98rem;
}
.drawer .muted {
  font-size: .85rem;
  line-height: 1.5;
}
.drawer .list-link {
  padding: 11px 12px;
  border-radius: 6px;
  background: linear-gradient(180deg,#0a1019,#090f18);
  border: 1px solid rgba(255,255,255,.07);
  font: 850 1rem/1.2 var(--system-font);
  display: none;
  min-height: 0;
  font-size: .9rem;
}
.drawer .list-link small {
  display: none;
  min-width: 64px;
  padding: 6px 8px;
  font-size: .7rem;
}
@media (min-width:1201px) {
  .meta-bar {
    min-height: 34px;
  }
  .cards-grid,.hero-grid {
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    gap: 18px;
  }
}
.main-col,.main-col>* {
  min-width: 0;
}
.card-body .meta-bar {
  margin-top: 1px;
}
.sidebar .pill-row .pill {
  font-size: .74rem;
  padding: 7px 10px;
  letter-spacing: .01em;
  text-transform: none;
}
.sidebar .pill-row {
  gap: 6px;
  justify-content: space-between;
  align-items: center;
}
.sidebar .pill-row,.drawer .pill-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 6px;
  width: 100%;
}
.sidebar .pill-row .pill,.drawer .pill-row .pill {
  width: auto;
  justify-content: center;
  padding: 6px 10px;
  font-size: .72rem;
  line-height: 1;
}
.sidebar .widget h2,.sidebar .widget h3,.drawer .widget h2,.drawer .widget h3 {
  font-size: .92rem;
  line-height: 1.15;
  margin: 0 0 8px;
}
.sidebar .list-links,.drawer .list-links {
  gap: 6px;
}
.main-col,.sidebar {
  min-width: 0;
}
.sidebar .widget h2,.sidebar .widget h3 {
  font-size: .92rem;
  line-height: 1.18;
  margin: 0 0 8px;
}
.widget h2,.widget h3,.page-title,.card-title,.content-wrap h2,.content-wrap h3 {
  letter-spacing: -.03em;
}
.modal-overlay.open {
  display: grid;
  place-items: center;
}
.search-form button svg,.hamburger svg,.action-btn svg,.modal-ico svg,.hero-subscribe-btn .icon svg {
  width: 80%;
  height: 80%;
}
.sidebar .widget,.drawer .widget {
  padding: 14px;
}
.sidebar .muted,.drawer .muted {
  font-size: .82rem;
  line-height: 1.42;
}
.sidebar .list-link,.drawer .list-link {
  min-height: 0;
  padding: 10px 10px;
  font-size: .84rem;
}
.sidebar .list-link small,.drawer .list-link small {
  min-width: 54px;
  padding: 5px 7px;
  font-size: .66rem;
}
.widget,.content-wrap,.card {
  border-radius: 6px;
}
.widget h2,.widget h3 {
  margin: 0 0 14px;
  font: 900 clamp(1.25rem,2vw,1.85rem)/1.08 var(--system-font);
  letter-spacing: -.028em;
  font-size: 1rem;
  line-height: 1.14;
}
.card .meta-bar,.related-grid .meta-bar {
  margin-bottom: 0;
}
.card .card-title,.card .meta-bar {
  position: relative;
  z-index: 2;
}
.modal-ico svg,.action-btn svg,.search-form button svg,.hamburger svg {
  width: 80%;
  height: 80%;
}
.drawer .widget .list-links {
  gap: 10px;
}
.drawer .widget .list-link {
  padding: 14px;
  border-radius: 6px;
}
@media (min-width:1101px) {
  .hamburger {
    display: none;
  }
  .search-form {
    display: flex;
  }
}
.empty-state,.page-hero {
  min-height: auto;
}
.page-hero .muted,.empty-state p {
  max-width: 68ch;
}
.brand,.site-header .brand {
  margin: 0;
  padding: 0;
}
.main-col>.content-wrap:first-child,.main-col>.page-hero:first-child {
  margin-top: 0;
}
.main-col > section.page-hero.content-wrap:not(.post-hero),.main-col > article.content-wrap.article-body {
  padding: var(--main-card-pad);
}
.sidebar,.widget {
  position: static;
  top: auto;
}
.header-inner,.layout,.footer-inner {
  max-width: var(--wrap);
}
.brand img {
  height: 31px;
  width: auto;
  display: block;
}
.search-form button::before {
  content: "";
  display: block;
  box-sizing: border-box;
  left: 50%;
  top: 50%;
  width: 13px;
  height: 13px;
  border: 2.2px solid currentColor;
  border-radius: 50%;
  transform: translate(-58%,-58%);
}
.search-form button::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 7px;
  height: 2.2px;
  background: currentColor;
  border-radius: 999px;
  transform: translate(18%,115%) rotate(45deg);
  transform-origin: center;
}
.page-hero .widget h2,.widget h2,.widget h3 {
  font-size: .96rem;
  line-height: 1.14;
}
.sidebar .pill {
  min-height: 0;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: .7rem;
  margin-bottom: 10px;
  letter-spacing: .16em;
}
.modal-ico svg,.action-btn svg,.hamburger svg,.hero-subscribe-btn .icon svg {
  width: 72%;
  height: 72%;
}
.drawer-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.68);
  opacity: 0;
  pointer-events: none;
  transition: .2s ease;
  z-index: 1998;
  inset-inline: 0;
  top: var(--header-offset);
  height: calc(100dvh - var(--header-offset));
}
.hero-grid,.cards-grid,.related-grid {
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
}
.hamburger {
  place-items: center;
  color: #f4f7ff;
  cursor: pointer;
  font-size: 26px;
  line-height: 1;
  transform: none;
  width: 34px;
  height: 34px;
  border-radius: 6px;
  background: transparent;
  border: 0;
  box-shadow: none;
  display: grid;
  align-items: center;
  justify-content: center;
  padding: 0;
  min-width: 34px;
  max-width: 34px;
  opacity: 1;
}
.hamburger svg {
  width: 18px;
  height: 18px;
  display: block;
  color: #f5f8ff;
  opacity: 1;
  visibility: visible;
}
.search-form button {
  background: transparent;
  border: 0;
  cursor: pointer;
  font-size: 0;
  flex: 0 0 44px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  padding: 0;
  margin: 0;
  color: #f5f8ff;
  position: relative;
  min-width: 34px;
  line-height: 0;
}
.action-btn::before,.action-btn::after,.modal-ico::before,.modal-ico::after,.hero-subscribe-btn .icon::before {
  content: none;
  display: none;
}
.modal-ico svg,.action-btn svg,.hero-subscribe-btn .icon svg {
  width: 70%;
  height: 70%;
  display: block;
}
.widget h2,.widget h3,.empty-state h2 {
  font-size: clamp(1.05rem,1.45vw,1.28rem);
  line-height: 1.12;
}
.sidebar .widget {
  padding: 18px;
  border-radius: 6px;
}
.sidebar .list-links {
  gap: 10px;
  display: grid;
}
.sidebar .list-link {
  padding: 13px 14px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 0;
  font-size: .95rem;
}
.sidebar .list-link small {
  min-width: 68px;
  border-radius: 6px;
  padding: 7px 10px;
  font-size: .76rem;
}
.sidebar .widget p.muted {
  font-size: .9rem;
  line-height: 1.55;
}
.modal h3 {
  font-size: 1rem;
}
.layout {
  width: 100%;
  margin: 0 auto;
  flex: 1;
  display: grid;
  align-items: start;
  max-width: var(--wrap);
  grid-template-columns: minmax(0,1fr) var(--sidebar);
  gap: 22px;
  padding: 22px;
}
.hero-grid,.cards-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px;
  align-items: start;
}
.site-header .header-inner,.layout,.footer-inner {
  max-width: var(--wrap);
  margin-left: auto;
  margin-right: auto;
}
.site-header .search-form button,.site-header .hamburger,.drawer-close {
  font-size: 0;
  line-height: 0;
}
.sidebar[data-sidebar-root],.drawer [data-drawer-sidebar] {
  display: grid;
  gap: 14px;
}
.sidebar .widget h3,.drawer .widget h3 {
  margin-bottom: 8px;
  font-size: 1rem;
}
.page-hero>.pill,.empty-state>.pill {
  font-size: 12px;
}
.article-wrap {
  display: grid;
  gap: 6px;
  position: relative;
  z-index: 0;
}
.hero-subscribe,.article-body,.related-grid,.content-wrap,.post-layout .content-wrap {
  position: relative;
  z-index: 1;
}
.fn-yt-links a {
  color: inherit;
  text-decoration: none;
}
.fn-yt-links .fn-dot {
  opacity: .44;
}
.search-form,.hamburger {
  width: 40px;
  height: 40px;
  min-width: 40px;
  max-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card .meta-bar {
  margin-top: 8px;
}
.meta-bar .meta-left {
  gap: 5px;
  flex-wrap: wrap;
  font-size: .72rem;
  line-height: 1.12;
}
.post-meta-bar .meta-left span:first-child,.meta-bar .meta-left span:first-child {
  display: inline-flex;
  align-items: center;
  line-height: 1.2;
}
.page-title,.page-hero .page-title,.empty-state .page-title {
  font-size: 26px;
  line-height: 1.04;
  letter-spacing: -.04em;
  max-width: none;
  font-weight: 900;
}
.page-hero:not(.post-hero) .page-title,.empty-state .page-title {
  max-width: none;
  margin-bottom: 14px;
}
.modal-overlay {
  position: fixed;
  inset: 0;
  -webkit-backdrop-filter: blur(10px) saturate(108%);
  display: none;
  z-index: 1500;
  padding: 16px;
  justify-content: center;
  align-items: center;
  background: rgba(2,6,12,.82);
  backdrop-filter: blur(10px) saturate(108%);
}
.modal {
  border-radius: 6px;
  padding: 14px;
  width: min(560px,100%);
  background: linear-gradient(180deg,rgba(7,12,21,.985),rgba(5,9,17,.99));
  border: 1px solid rgba(82,126,205,.18);
  box-shadow: 0 24px 60px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.035);
  border-color: rgba(91,149,255,.14);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  max-width: 560px;
}
.modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
  padding: 4px 4px 12px;
}
.modal-title {
  display: flex;
  align-items: center;
  gap: 12px;
  font: 900 1.25rem/1.1 var(--system-font);
  font-size: 1.02rem;
  font-weight: 900;
  letter-spacing: -.03em;
}
.modal-close {
  width: 50px;
  height: 50px;
  border-radius: 6px;
  border: 1px solid rgba(91,149,255,.16);
  background: linear-gradient(180deg,#0b1320,#09111b);
  color: #dfe9fa;
  font-size: 1.3rem;
  cursor: pointer;
}
.modal-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  padding: 0;
}
.modal-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 6px;
  background: linear-gradient(180deg,#0a1220,#09111c);
  border: 1px solid rgba(255,255,255,.06);
  font: 850 .97rem/1.1 var(--system-font);
  font-size: .84rem;
  line-height: 1.1;
  border-color: rgba(255,255,255,.08);
  min-height: 58px;
  letter-spacing: -.02em;
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.modal-ico {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background: linear-gradient(180deg,rgba(18,30,51,.95),rgba(12,21,36,.98));
  font-size: .92rem;
  display: grid;
  place-items: center;
  color: #dfe8f9;
}
.modal-ico svg {
  width: 78%;
  height: 78%;
  display: block;
}
.drawer .widget.fn-yt-card-wrap,.sidebar .widget.fn-yt-card-wrap {
  padding: 0;
}
.drawer .fn-yt-card-wrap,.sidebar .fn-yt-card-wrap {
  margin: 0;
}
.drawer .fn-yt-card,.sidebar .fn-yt-card {
  width: 100%;
  margin: 0;
}
.fn-badge,.fn-yt-categories a,.fn-yt-btn,.fn-yt-heart,.fn-yt-links a,.fn-browse-widget .list-link,.fn-browse-widget .list-link small {
  border-radius: 6px;
}
.meta-bar {
  display: grid;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: linear-gradient(180deg,rgba(9,15,26,.985),rgba(7,12,21,.985));
  border: 1px solid rgba(82,126,205,.13);
  color: #cfd7e5;
  font: 750 .77rem/1 var(--system-font);
  padding: 8px 10px;
  font-size: .75rem;
  border-radius: 6px;
  grid-template-columns: minmax(0,1fr) auto;
  min-height: 0;
  margin: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.meta-left {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-width: 0;
  gap: 6px;
  flex: 1 1 auto;
  color: #263140;
  font: 800 .78rem/1 var(--system-font);
  letter-spacing: -.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.meta-left span {
  opacity: .95;
}
.meta-dot {
  opacity: .34;
  color: #5f6774;
}
.card {
  overflow: hidden;
  border: 1px solid rgba(91,149,255,.15);
  background: linear-gradient(180deg,#060a11,#070c14);
  box-shadow: 0 18px 44px rgba(0,0,0,.34);
  display: flex;
  flex-direction: column;
  border-radius: 6px;
}
.modal-logo {
  width: 34px;
  height: 34px;
  border-radius: 6px;
  background: #0d1523 url("/favicon.ico") center/20px 20px no-repeat;
  display: grid;
  place-items: center;
  font: 900 .95rem/1 var(--system-font);
  padding: 0;
  border: 1px solid rgba(78,120,195,.16);
  overflow: hidden;
  font-size: 0;
  color: transparent;
}
.search-form,.search-form button,.hamburger {
  width: 46px;
  height: 46px;
  min-width: 46px;
  max-width: 46px;
}
.search-form.is-open {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
  justify-content: flex-start;
  min-width: min(230px,calc(100vw - 124px));
  max-width: min(260px,calc(100vw - 126px));
  opacity: 1;
  width: min(238px,calc(100vw - 122px));
  padding: 0 10px 0 0;
  background: linear-gradient(180deg,#0c121d,#090f17);
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,.08);
}
.search-form button,.hamburger {
  border-radius: 6px;
  width: 34px;
  height: 34px;
  opacity: 1;
  align-items: center;
  justify-content: center;
  display: grid;
  place-items: center;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  color: #f5f8ff;
  box-shadow: none;
  font-size: 0;
  line-height: 0;
}
.search-form button svg,.hamburger svg {
  display: block;
  width: 24px;
  height: 24px;
}
.fn-yt-card-wrap,.fn-browse-widget {
  padding: 0;
}
.fn-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: max-content;
  border: 1px solid rgba(120,150,210,.16);
  background: rgba(10,16,28,.52);
  color: #eef3ff;
  font: 700 12px/1 var(--system-font);
  text-transform: uppercase;
  text-align: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 10px;
  letter-spacing: .16em;
}
.fn-browse-widget h3 {
  margin: 0 0 4px;
  font-size: 1rem;
}
.fn-browse-widget .muted {
  margin: 0 0 8px;
  font-size: .8rem;
  line-height: 1.32;
}
.fn-browse-widget .list-link small {
  min-width: 58px;
  padding: 5px 8px;
  font-size: .68rem;
  border-radius: 6px;
}
.search-form {
  display: flex;
  align-items: center;
  border-radius: 6px;
  transition: width .2s ease,border-color .2s ease,background .2s ease;
  width: 34px;
  height: 34px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow: hidden;
  justify-content: center;
  min-width: 34px;
  max-width: 34px;
  position: relative;
  opacity: 1;
  flex: 0 0 auto;
}
.search-form input {
  background: transparent;
  border: 0;
  outline: 0;
  color: var(--text);
  font: 700 14px/1 var(--system-font);
  transition: opacity .18s ease;
  opacity: 0;
  width: 0;
  padding: 0;
  margin: 0;
  pointer-events: none;
  font-size: .92rem;
  display: block;
  flex: 1 1 auto;
  min-width: 0;
}
.search-form.is-open input {
  padding: 0 12px 0 0;
  opacity: 1;
  width: 100%;
  pointer-events: auto;
  padding-right: 8px;
}
.fn-yt-card-wrap {
  overflow: visible;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}
.fn-yt-card {
  display: grid;
  gap: 0;
  text-align: center;
  background: radial-gradient(120% 120% at 50% 0%,rgba(43,86,188,.18),transparent 42%),linear-gradient(180deg,#08111d 0%,#07101a 100%);
  border: 1px solid rgba(82,126,205,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
  padding: 14px 16px;
  border-radius: 6px;
}
.fn-yt-top {
  display: grid;
  justify-items: center;
  gap: 10px;
  margin: 0 0 10px;
}
.fn-yt-title {
  color: #f3f7ff;
  font: 900 26px/1.02 var(--system-font);
  letter-spacing: -.04em;
  margin: 0 0 8px;
  font-size: 1.28rem;
  line-height: 1.06;
}
.fn-yt-sub {
  color: rgba(230,236,247,.74);
  font: 400 16px/1.4 var(--system-font);
  margin: 0 0 14px;
  font-size: .82rem;
  line-height: 1.42;
}
.fn-yt-categories {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 0 0 12px;
}
.fn-yt-categories a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg,rgba(10,19,39,.96),rgba(6,12,25,.98));
  border: 1px solid rgba(74,117,196,.3);
  box-shadow: 0 0 0 1px rgba(49,97,192,.05),0 0 14px rgba(33,87,200,.12);
  color: #dfe9ff;
  text-decoration: none;
  font: 800 15px/1.06 var(--system-font);
  line-height: 1.05;
  border-radius: 6px;
  min-height: 42px;
  padding: 0 12px;
  font-size: .86rem;
}
.fn-yt-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 0;
  background: linear-gradient(180deg,#ff1822 0%,#ff0914 100%);
  box-shadow: 0 14px 24px rgba(255,17,26,.16);
  color: #ffffff;
  text-decoration: none;
  font: 500 17px/1 var(--system-font);
  border-radius: 6px;
  min-height: 46px;
  margin: 0 0 12px;
  padding: 0 14px;
  gap: 10px;
  font-size: .92rem;
}
.fn-yt-links {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(231,236,245,.74);
  font: 400 14px/1.2 var(--system-font);
  flex-wrap: wrap;
  gap: 10px;
  font-size: .8rem;
  line-height: 1.2;
}
.fn-browse-widget {
  padding: 14px 16px;
}
.fn-browse-widget .list-links {
  gap: 10px;
}
.fn-browse-widget .list-link {
  font-size: .9rem;
  border-radius: 6px;
  padding: 14px 0;
}
.site-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg,transparent,rgba(90,140,255,.34),transparent);
  box-shadow: 0 0 8px rgba(90,140,255,.18);
  pointer-events: none;
}
.site-header,.site-header * {
  -webkit-tap-highlight-color: transparent;
}
.brand {
  display: flex;
  align-items: center;
  min-width: 0;
  flex: 0 0 auto;
  align-self: center;
  padding: 0;
  margin: 0;
}
.site-header .search-form,.site-header .search-form button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  padding: 0;
  margin: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
  box-shadow: none;
  transition: width .18s ease,min-width .18s ease,max-width .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.site-header .search-form.is-open {
  width: min(184px,calc(100vw - 126px));
  min-width: min(184px,calc(100vw - 126px));
  max-width: min(184px,calc(100vw - 126px));
  padding: 0 10px 0 0;
  background: linear-gradient(180deg,#0d121a,#090e15);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.site-header .search-form button {
  display: grid;
  place-items: center;
  flex: 0 0 34px;
  width: 34px;
  min-width: 34px;
  height: 34px;
  opacity: 1;
  pointer-events: auto;
  border: 0;
  background: transparent;
  color: #f5f8ff;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}
.site-header .search-form input {
  display: block;
  opacity: 1;
  pointer-events: auto;
  border: 0;
  background: transparent;
  color: var(--text);
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}
.site-header .search-form.is-open input {
  width: 100%;
  opacity: 1;
  pointer-events: auto;
  padding: 0 6px 0 0;
}
.site-header .search-form input::placeholder {
  font-size: 11px;
  letter-spacing: 0;
}
#modal-categories .modal-head,#modal-follow .modal-head,#modal-share .modal-head {
  padding: 2px 2px 8px;
  margin-bottom: 6px;
  min-height: 40px;
}
#modal-categories .modal-title,#modal-follow .modal-title,#modal-share .modal-title {
  font-size: .96rem;
  gap: 10px;
  min-height: 30px;
}
#modal-categories .modal-logo,#modal-follow .modal-logo,#modal-share .modal-logo {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  flex: 0 0 24px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  overflow: hidden;
  box-shadow: none;
}
#modal-categories .modal-logo img,#modal-follow .modal-logo img,#modal-share .modal-logo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  margin: 0;
}
#modal-categories .modal-close,#modal-follow .modal-close,#modal-share .modal-close {
  width: 40px;
  height: 40px;
  min-width: 40px;
  flex: 0 0 40px;
  font-size: 1.1rem;
  transition: none;
}
#modal-categories .modal-link,#modal-follow .modal-link,#modal-share .modal-link {
  min-height: 46px;
  padding: 9px 12px;
  font-size: .84rem;
  line-height: 1.05;
  border-color: rgba(255,255,255,.05);
  border-radius: 6px;
  transition: none;
}
#modal-categories .modal-ico,#modal-follow .modal-ico,#modal-share .modal-ico {
  width: 28px;
  height: 28px;
  min-width: 28px;
  flex: 0 0 28px;
  border-radius: 6px;
}
#modal-categories .modal-ico svg,#modal-follow .modal-ico svg,#modal-share .modal-ico svg {
  width: 74%;
  height: 74%;
}
.u-text-left {
  text-align: left;
}
.u-mt-0 {
  margin-top: 0;
}
.u-pills-center {
  justify-content: center;
  margin-top: 18px;
}
.header-search {
  height: auto;
  padding-bottom: 0;
  display: flex;
  position: relative;
  margin-left: auto;
  gap: 8px;
  align-items: center;
  flex: 0 0 auto;
  min-width: 0;
}
.site-header .search-form {
  display: none;
}
.drawer {
  position: fixed;
  top: var(--header);
  right: 0;
  bottom: auto;
  border-left: 1px solid rgba(255,255,255,.08);
  transform: translateX(100%);
  transition: .25s ease;
  z-index: 1999;
  width: min(86vw,360px);
  padding: 12px 12px 20px;
  background: linear-gradient(180deg,#060a11,#070b12);
  overflow: auto;
  border-top: 1px solid rgba(255,255,255,.06);
  -webkit-overflow-scrolling: touch;
  height: calc(100dvh - var(--header));
}
.drawer-head {
  display: none;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  background: #070b12;
  z-index: 2;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.drawer-extra {
  display: grid;
  gap: 14px;
  margin: 0;
}
.drawer .widget {
  margin: 0;
  overflow: visible;
  display: block;
  border-radius: 6px;
  padding: 14px 16px;
}
#modal-categories .modal,#modal-follow .modal,#modal-share .modal {
  width: min(480px,100%);
  max-width: 480px;
  transform: none;
  transition: none;
  padding: 10px;
  padding-bottom: 10px;
}
#modal-categories .modal-grid,#modal-follow .modal-grid,#modal-share .modal-grid {
  gap: 12px;
  margin: 0;
  padding: 0 0 12px;
}
.fn-logo-wrap {
  display: grid;
  background: linear-gradient(180deg,#13274c 0%,#0a1425 100%);
  border: 1px solid rgba(101,139,214,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05),inset 0 -8px 14px rgba(0,0,0,.2);
  border-radius: 6px;
  width: fit-content;
  height: fit-content;
  padding: 0;
  place-items: stretch;
  line-height: 0;
  overflow: hidden;
}
body {
  margin: 0;
  font-family: var(--system-font);
  color: var(--text);
  line-height: 1.6;
  background: radial-gradient(950px 360px at 50% -10%,rgba(52,110,255,.09),transparent 48%),#000;
  overflow-x: hidden;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  padding-top: var(--header-offset);
}
button,input,select,textarea {
  font: inherit;
}
main.layout {
  flex: 1 0 auto;
  width: 100%;
  min-height: 100%;
  align-items: start;
  padding-top: 12px;
}
.site-footer {
  border-top: 1px solid rgba(255,255,255,.07);
  background: #030507;
  margin-top: auto;
  flex-shrink: 0;
}
:root {
  --bg: #000;
  --bg-soft: #06080c;
  --card: #070b12;
  --card-2: #0b1220;
  --line: rgba(255,255,255,.08);
  --line-2: rgba(91,149,255,.14);
  --text: #f2f5fb;
  --muted: #aab3c2;
  --blue: #6ea8ff;
  --blue-2: #3e86ff;
  --red: #ff1717;
  --shadow: 0 20px 50px rgba(0,0,0,.36);
  --glass: radial-gradient(120% 120% at 50% 0%,rgba(54,113,255,.12),transparent 46%),linear-gradient(180deg,rgba(7,10,16,.98),rgba(4,7,12,.98));
  --system-font: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --radius: 6px;
  --radius-sm: 6px;
  --sidebar: 292px;
  --wrap: 1480px;
  --main-card-pad: 10px;
  --header: 56px;
  --header-offset: calc(var(--header) + env(safe-area-inset-top,0px));
}
.site-header {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background: rgba(0,0,0,.96);
  border-bottom: 1px solid rgba(120,170,255,.12);
  box-shadow: 0 1px 0 rgba(72,120,255,.08),0 8px 22px rgba(0,0,0,.28);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  inset-block-start: 0;
  z-index: 3000;
  padding-top: env(safe-area-inset-top,0px);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  width: 100%;
  transform: none;
  -webkit-transform: none;
  will-change: auto;
  contain: none;
  isolation: isolate;
}
.header-inner {
  margin: 0 auto;
  display: flex;
  max-width: var(--wrap);
  padding: 0 10px;
  height: var(--header);
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow: visible;
  min-height: var(--header);
}
.site-header .hamburger,.drawer-close,.search-form button {
  display: grid;
  place-items: center;
}
.fn-yt-heart {
  display: block;
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%3E%3Cpath%20fill=%27%23ffffff%27%20d=%27M12%2021.35l-1.45-1.32C5.4%2015.36%202%2012.28%202%208.5%202%205.42%204.42%203%207.5%203c1.74%200%203.41.81%204.5%202.09C13.09%203.81%2014.76%203%2016.5%203%2019.58%203%2022%205.42%2022%208.5c0%203.78-3.4%206.86-8.55%2011.54L12%2021.35z%27/%3E%3C/svg%3E") center/14px 14px no-repeat;
}
.modal-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.drawer-open {
  overflow: hidden;
  touch-action: none;
}
body.drawer-open .drawer {
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}
body.drawer-open .drawer-backdrop {
  touch-action: none;
}
.sidebar,.drawer {
  --sidebar-card-bg: radial-gradient(120% 140% at 100% 0,rgba(76,125,255,.10) 0%,transparent 42%),radial-gradient(100% 120% at 0 100%,rgba(255,72,72,.05) 0%,transparent 40%),linear-gradient(180deg,rgba(7,10,16,.985) 0%,rgba(5,8,13,.995) 100%);
  --sidebar-line: rgba(92,145,255,.14);
  --sidebar-pill-bg: linear-gradient(180deg,#0b1320,#09111b);
  --sidebar-pill-line: rgba(91,149,255,.12);
}
.sidebar {
  display: grid;
  gap: 14px;
  align-self: start;
  position: static;
  top: auto;
  width: var(--sidebar);
  max-width: var(--sidebar);
}
.drawer .drawer-extra {
  display: grid;
  gap: 14px;
}
.sidebar > .widget,.drawer .drawer-extra > .widget {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  justify-self: stretch;
  box-sizing: border-box;
}
.sidebar .widget:not(.sidebar-search-widget):not(.fn-yt-card-wrap),.drawer .widget:not(.sidebar-search-widget):not(.fn-yt-card-wrap) {
  background: var(--sidebar-card-bg);
  border: 1px solid var(--sidebar-line);
  border-radius: 6px;
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
  padding: 14px;
}
.sidebar .widget:not(.sidebar-search-widget):not(.fn-yt-card-wrap) h3,.drawer .widget:not(.sidebar-search-widget):not(.fn-yt-card-wrap) h3 {
  margin: 0 0 10px;
  font: 850 17px/1.14 var(--system-font);
  letter-spacing: -.02em;
}
.sidebar .widget:not(.sidebar-search-widget):not(.fn-yt-card-wrap) .muted,.drawer .widget:not(.sidebar-search-widget):not(.fn-yt-card-wrap) .muted {
  font-size: .82rem;
  line-height: 1.5;
  color: #9da9bb;
}
.sidebar .widget:not(.sidebar-search-widget):not(.fn-yt-card-wrap) .pill,.drawer .widget:not(.sidebar-search-widget):not(.fn-yt-card-wrap) .pill {
  min-height: 0;
  padding: 5px 11px;
  border-radius: 6px;
  border: 1px solid var(--sidebar-pill-line);
  background: var(--sidebar-pill-bg);
  color: #c4d1e3;
  font-size: .68rem;
  letter-spacing: .12em;
}
.sidebar .sidebar-search-widget,.drawer .sidebar-search-widget,.sidebar .fn-yt-card-wrap,.drawer .fn-yt-card-wrap {
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.sidebar .sidebar-search-widget .search-form,.drawer .sidebar-search-widget .search-form {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 100%;
  height: 48px;
  padding: 0 14px;
  margin: 0;
  border-radius: 6px;
  background: var(--sidebar-card-bg);
  border: 1px solid var(--sidebar-line);
  box-shadow: 0 8px 18px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04);
  box-sizing: border-box;
}
.sidebar .sidebar-search-widget .search-form input,.drawer .sidebar-search-widget .search-form input {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}
.sidebar .fn-yt-card,.drawer .fn-yt-card {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 22px 16px 16px;
  margin: 0;
  border-radius: 6px;
  background: var(--sidebar-card-bg);
  border: 1px solid var(--sidebar-line);
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
  box-sizing: border-box;
}
.sidebar .fn-logo-wrap,.drawer .fn-logo-wrap {
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 6px;
  margin: 0 auto 10px;
  place-items: stretch;
  line-height: 0;
  overflow: hidden;
}
.sidebar .fn-yt-logo,.drawer .fn-yt-logo {
  width: 32px;
  height: 32px;
  display: block;
  object-fit: cover;
}
.sidebar .fn-badge,.drawer .fn-badge {
  padding: 6px 12px;
  border-radius: 999px;
  font-size: .68rem;
  letter-spacing: .12em;
}
.sidebar .fn-yt-title,.drawer .fn-yt-title {
  margin: 0 0 10px;
  font: 850 17px/1.14 var(--system-font);
  letter-spacing: -.02em;
}
.sidebar .fn-yt-sub,.drawer .fn-yt-sub {
  font-size: .8rem;
  line-height: 1.45;
  margin: 0 0 10px;
  color: #aab4c3;
}
.sidebar .fn-yt-categories,.drawer .fn-yt-categories {
  gap: 10px;
  margin: 0 0 10px;
}
.sidebar .fn-yt-categories a,.drawer .fn-yt-categories a {
  min-height: 38px;
  border-radius: 6px;
  font-size: .8rem;
  font-weight: 800;
  background: var(--sidebar-pill-bg);
  border: 1px solid var(--sidebar-pill-line);
  box-shadow: none;
}
.sidebar .fn-yt-btn,.drawer .fn-yt-btn {
  min-height: 44px;
  border-radius: 6px;
  margin: 0 0 10px;
  box-shadow: 0 8px 18px rgba(255,20,32,.14);
}
.sidebar .fn-yt-links,.drawer .fn-yt-links {
  font-size: .76rem;
  color: #aab6c8;
}
.sidebar .fn-browse-widget,.drawer .fn-browse-widget {
  padding: 14px;
}
.sidebar .fn-browse-widget .list-links,.drawer .fn-browse-widget .list-links {
  display: grid;
  gap: 12px;
  margin-top: 10px;
}
.sidebar .fn-browse-widget .list-link,.drawer .fn-browse-widget .list-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 14px;
  margin: 0;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 6px;
  background: linear-gradient(180deg,rgba(9,15,23,.95),rgba(6,10,15,.98));
  box-shadow: none;
  font: 850 .86rem/1.25 var(--system-font);
  letter-spacing: -.01em;
}
.sidebar .fn-browse-widget .list-link small,.drawer .fn-browse-widget .list-link small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  padding: 7px 10px;
  border-radius: 6px;
  background: var(--sidebar-pill-bg);
  border: 1px solid var(--sidebar-pill-line);
  color: #9fbfff;
  font-size: .71rem;
  font-weight: 800;
  box-shadow: none;
}
.pagination {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  align-items: stretch;
  gap: 8px;
  margin: 24px 0 0;
  padding: 6px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 6px;
  background: linear-gradient(180deg,rgba(8,12,19,.98),rgba(4,8,14,.98));
  box-shadow: 0 14px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.03);
  box-sizing: border-box;
  overflow: visible;
}
.pagination-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 0 12px;
  border-radius: 6px;
  border: 1px solid rgba(91,149,255,.12);
  background: linear-gradient(180deg,rgba(13,20,33,.98),rgba(8,13,23,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  color: #eef4ff;
  font: 800 clamp(.82rem,.95vw,.92rem)/1 var(--system-font);
  text-decoration: none;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: .005em;
  text-shadow: 0 1px 0 rgba(0,0,0,.18);
  transition: border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.pagination-link:hover,.pagination-link:focus-visible {
  background: linear-gradient(180deg,rgba(15,24,40,.99),rgba(10,17,29,.99));
  border-color: rgba(120,175,255,.26);
  color: #fff;
  box-shadow: 0 0 0 1px rgba(120,175,255,.08),inset 0 1px 0 rgba(255,255,255,.035);
  outline: none;
}
.pagination-link.is-active,.pagination-link[aria-current="page"] {
  border-color: rgba(125,152,200,.32);
  background: linear-gradient(180deg,rgba(17,26,42,.98),rgba(10,16,28,.99));
  color: #d7ff4d;
  box-shadow: 0 10px 24px rgba(10,18,31,.30),inset 0 1px 0 rgba(255,255,255,.05);
  text-shadow: 0 0 4px rgba(215,255,77,.85),0 0 10px rgba(215,255,77,.45);
}
.pagination-link.is-active::before,.pagination-link[aria-current="page"]::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 6px;
  background: linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0));
  pointer-events: none;
}
.pagination-link.is-active::after,.pagination-link[aria-current="page"]::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 8px;
  height: 3px;
  border-radius: 999px;
  background: #d7ff4d;
  box-shadow: 0 0 4px rgba(215,255,77,.85),0 0 10px rgba(215,255,77,.45);
}
.pagination-link.is-disabled,.pagination-link[aria-disabled="true"] {
  pointer-events: none;
  cursor: default;
  border-color: rgba(91,149,255,.08);
  background: linear-gradient(180deg,rgba(10,16,27,.94),rgba(6,10,18,.94));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
  color: rgba(237,243,255,.56);
  text-shadow: 0 1px 0 rgba(0,0,0,.16);
}
.pagination-link--edge {
  display: grid;
  place-items: center;
  width: 100%;
  padding: 0;
  font-size: 0;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  color: transparent;
  text-shadow: none;
  overflow: hidden;
}
.pagination-link--edge::before {
  content: "";
  display: block;
  font: 900 clamp(1.62rem,2.35vw,2rem)/1 var(--system-font);
  color: #d7ff4d;
  text-shadow: 0 0 4px rgba(215,255,77,.85),0 0 10px rgba(215,255,77,.45);
}
.pagination-link--first::before {
  content: "«";
}
.pagination-link--last::before {
  content: "»";
}
.pagination-link--edge.is-disabled::before,.pagination-link--edge[aria-disabled="true"]::before {
  color: rgba(237,243,255,.56);
  text-shadow: 0 1px 0 rgba(0,0,0,.16);
}
.pagination:has(> .pagination-link--edge.is-disabled:last-child) .pagination-link.is-active,.pagination:has(> .pagination-link--edge[aria-disabled="true"]:last-child) .pagination-link.is-active,.pagination:has(> .pagination-link--edge.is-disabled:last-child) .pagination-link[aria-current="page"],.pagination:has(> .pagination-link--edge[aria-disabled="true"]:last-child) .pagination-link[aria-current="page"] {
  color: #ff5a5a;
  text-shadow: 0 0 4px rgba(255,90,90,.8),0 0 10px rgba(255,90,90,.42);
}
.pagination:has(> .pagination-link--edge.is-disabled:last-child) .pagination-link.is-active::after,.pagination:has(> .pagination-link--edge[aria-disabled="true"]:last-child) .pagination-link.is-active::after,.pagination:has(> .pagination-link--edge.is-disabled:last-child) .pagination-link[aria-current="page"]::after,.pagination:has(> .pagination-link--edge[aria-disabled="true"]:last-child) .pagination-link[aria-current="page"]::after {
  background: #ff5a5a;
  box-shadow: 0 0 4px rgba(255,90,90,.8),0 0 10px rgba(255,90,90,.42);
}
.main-col.stack {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  min-height: 100%;
  gap: 24px;
}
.main-col.stack>.pagination {
  margin-top: auto;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.fn-social-row-icons {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 6px;
  align-items: center;
  justify-items: center;
  min-width: 0;
}
.fn-social-row-btn {
  display: grid;
  place-items: center;
  width: 100%;
  min-width: 0;
  text-decoration: none;
  padding: 0;
  margin: 0;
  line-height: 0;
}
.fn-social-row-btn::before,.modal-ico {
  content: "";
  display: grid;
  place-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}
.fn-social-row-btn::before {
  width: 38px;
  height: 38px;
  border-radius: 7px;
  border: 1px solid rgba(255,255,255,.05);
  background: linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04),0 0 0 1px rgba(255,255,255,.015),0 8px 20px rgba(0,0,0,.22);
  transition: transform .18s ease,box-shadow .18s ease,border-color .18s ease;
  padding: 0;
  margin: 0;
  line-height: 0;
  overflow: hidden;
}
.modal-ico::before {
  content: none;
  display: none;
}
.fn-sr-instagram::before,.modal-ico--instagram {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%23ff72b3%22%20d=%22M7%202h10a5%205%200%200%201%205%205v10a5%205%200%200%201-5%205H7a5%205%200%200%201-5-5V7a5%205%200%200%201%205-5zm0%202.2A2.8%202.8%200%200%200%204.2%207v10A2.8%202.8%200%200%200%207%2019.8h10a2.8%202.8%200%200%200%202.8-2.8V7A2.8%202.8%200%200%200%2017%204.2H7zm10.55%201.65a1.25%201.25%200%201%201%200%202.5%201.25%201.25%200%200%201%200-2.5zM12%207a5%205%200%201%201%200%2010%205%205%200%200%201%200-10zm0%202.1A2.9%202.9%200%201%200%2012%2014.9%202.9%202.9%200%200%200%2012%209.1z%22/%3E%3C/svg%3E");
}
.fn-sr-x::before,.modal-ico--x {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%23dfe7ff%22%20d=%22M18.9%202H22l-6.78%207.75L23.2%2022h-6.26l-4.9-7.4L5.56%2022H2.44l7.24-8.28L1.2%202h6.42l4.43%206.76L18.9%202zm-1.1%2018h1.73L6.28%203.9H4.45L17.8%2020z%22/%3E%3C/svg%3E");
}
.fn-sr-facebook::before,.modal-ico--facebook {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%2378a8ff%22%20d=%22M13.4%2022v-8.2h2.78l.42-3.2H13.4V8.56c0-.93.27-1.56%201.62-1.56h1.73V4.14c-.3-.04-1.32-.14-2.52-.14-2.5%200-4.22%201.47-4.22%204.18v2.42H7.2v3.2h2.8V22h3.4z%22/%3E%3C/svg%3E");
}
.fn-sr-pinterest::before,.modal-ico--pinterest {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%23ff6a88%22%20d=%22M12.02%202C6.49%202%204%205.96%204%209.27c0%202.55%201%204.81%203.15%205.66.35.14.67%200%20.77-.38.07-.26.24-.92.31-1.2.1-.38.06-.5-.22-.82-.61-.7-1-1.61-1-2.9%200-3.74%202.84-7.09%207.38-7.09%204.02%200%206.24%202.42%206.24%205.66%200%204.26-1.91%207.86-4.75%207.86-1.57%200-2.74-1.28-2.36-2.84.45-1.86%201.33-3.87%201.33-5.22%200-1.2-.65-2.2-2-2.2-1.58%200-2.85%201.61-2.85%203.77%200%201.37.47%202.3.47%202.3l-1.88%207.39c-.56%202.2-.08%204.89-.04%205.16.02.16.22.2.31.08.13-.16%201.82-2.22%202.39-4.27.16-.58.94-3.59.94-3.59.47.88%201.83%201.65%203.29%201.65%204.32%200%207.25-3.89%207.25-9.1C20%205.66%2016.76%202%2012.02%202z%22/%3E%3C/svg%3E");
}
.fn-sr-tiktok::before,.modal-ico--tiktok {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%237db0ff%22%20d=%22M14%203h3.1c.3%201.7%201.4%203.3%202.9%204.1v3.1a8%208%200%200%201-3-1v6.1a5.2%205.2%200%201%201-5.2-5.2c.4%200%20.8%200%201.2.1v3.1a2.4%202.4%200%201%200%201%202V3z%22/%3E%3C/svg%3E");
}
.fn-sr-bluesky::before,.modal-ico--bluesky {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%2386baff%22%20d=%22M12%2010.7c1.9-3%205.3-5%207.3-5.7.5-.2.7.3.6.8-.4%202-1.7%205.3-4%207.4%202.1.2%204.6%201.2%205.3%203%20.4%201-.2%202.2-1.4%202.3-2%20.1-4.8-.9-7.8-4-3%203.1-5.8%204.1-7.8%204-1.2-.1-1.8-1.3-1.4-2.3.7-1.8%203.2-2.8%205.3-3-2.3-2.1-3.6-5.4-4-7.4-.1-.5.1-1%20.6-.8%202%20.7%205.4%202.7%207.3%205.7z%22/%3E%3C/svg%3E");
}
.modal-ico--whatsapp {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%234ee28b%22%20d=%22M12%202.25a9.75%209.75%200%200%200-8.4%2014.7L2.5%2021.5l4.7-1.84A9.75%209.75%200%201%200%2012%202.25Zm0%201.85a7.9%207.9%200%201%201-4.14%2014.63l-.27-.16-2.8%201.09.65-2.92-.18-.28A7.9%207.9%200%200%201%2012%204.1Zm-2.2%202.73c-.2%200-.52.08-.79.36-.27.29-1.03%201-1.03%202.46%200%201.45%201.06%202.85%201.2%203.05.15.2%202.08%203.35%205.1%204.47%202.52.94%203.03.75%203.58.7.55-.06%201.77-.72%202.02-1.42.25-.69.25-1.29.18-1.41-.08-.12-.27-.2-.57-.34l-1.92-.96c-.3-.15-.52-.23-.73.13-.22.35-.85%201.11-1.04%201.34-.2.22-.39.25-.73.08-.34-.18-1.43-.53-2.72-1.68-1.01-.9-1.69-2.02-1.89-2.37-.2-.35-.02-.54.15-.71.15-.14.34-.37.5-.56.17-.19.22-.31.34-.53.11-.21.06-.4-.03-.55l-.85-2.01c-.2-.49-.42-.5-.57-.5Z%22/%3E%3C/svg%3E");
}
.modal-ico--telegram {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%2362a8ff%22%20d=%22M21.94%204.66c.32-1.23-.45-1.72-1.53-1.33L2.93%2010.22c-1.19.48-1.17%201.14-.2%201.43l4.49%201.4%2010.4-6.56c.49-.3.94-.14.57.19l-8.42%207.6-.31%204.65c.45%200%20.65-.2.9-.43l2.18-2.12%204.54%203.35c.84.46%201.44.22%201.65-.78l3.21-15.29z%22/%3E%3C/svg%3E");
}
.modal-ico--reddit {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%23ff8a55%22%20d=%22M21%2011.5c0-1.2-.98-2.2-2.2-2.2-.58%200-1.12.22-1.52.61-1.48-1-3.47-1.64-5.67-1.72l1.16-3.64%202.5.58A1.75%201.75%200%201%200%2016%203.7l-3.08-.71a.88.88%200%200%200-1.05.58L10.4%208.15c-2.3.06-4.37.7-5.9%201.73a2.18%202.18%200%200%200-3%20.09%202.2%202.2%200%200%200%20.1%203.12c-.06.3-.1.61-.1.93%200%203.5%204.03%206.35%209%206.35s9-2.84%209-6.35c0-.3-.03-.59-.08-.87.37-.4.58-.92.58-1.47zM8.3%2013.4A1.3%201.3%200%201%201%208.3%2010.8a1.3%201.3%200%200%201%200%202.6zm7.73%203.11c-.96.96-2.58%201.43-4.03%201.43s-3.06-.47-4.03-1.43a.7.7%200%201%201%20.99-.99c.56.56%201.63%201.01%203.04%201.01s2.48-.45%203.04-1.01a.7.7%200%200%201%20.99.99zm-.33-3.11a1.3%201.3%200%201%201%200-2.6%201.3%201.3%200%200%201%200%202.6z%22/%3E%3C/svg%3E");
}
.modal-ico--email {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%239ec4ff%22%20d=%22M3%205h18a2%202%200%200%201%202%202v10a2%202%200%200%201-2%202H3a2%202%200%200%201-2-2V7a2%202%200%200%201%202-2zm.4%202%208.6%206.3L20.6%207H3.4zm17.6%2010V8.36l-8.4%206.16a1%201%200%200%201-1.18%200L3%208.36V17h18z%22/%3E%3C/svg%3E");
}
.modal-ico--copy {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%23dfe7ff%22%20d=%22M8%203a2%202%200%200%200-2%202v10h2V5h9V3H8zm4%204a2%202%200%200%201%202%202v10a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V9a2%202%200%200%201%202-2h7zm7%200a2%202%200%200%201%202%202v10a2%202%200%200%201-2%202h-2v-2h2V9h-9V7h9z%22/%3E%3C/svg%3E");
}
.modal-ico--native {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%239ec4ff%22%20d=%22M18%2016a3%203%200%200%200-2.39%201.19L9.91%2013.9a3.14%203.14%200%200%200%200-3.8l5.7-3.29A3%203%200%201%200%2015%205a3%203%200%200%200%20.08.68L9.38%208.97a3%203%200%201%200%200%206.06l5.7%203.29A3%203%200%201%200%2018%2016z%22/%3E%3C/svg%3E");
}
.modal-ico--white {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%23dfe7ff%22%20d=%22M3%2010.5c1.4%200%201.4-3%202.8-3s1.4%209%202.8%209%201.4-13%202.8-13%201.4%2017%202.8%2017%201.4-11%202.8-11%201.4%205%202.8%205v2c-1.4%200-1.4-5-2.8-5s-1.4%2011-2.8%2011-1.4-17-2.8-17-1.4%2013-2.8%2013-1.4-9-2.8-9-1.4%203-2.8%203v-2z%22/%3E%3C/svg%3E");
}
.modal-ico--rain {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%238bb8ff%22%20d=%22M7%2017a1.5%201.5%200%201%201-3%200c0-1.3%201.5-3.24%201.5-3.24S7%2015.7%207%2017zm6%201a1.5%201.5%200%201%201-3%200c0-1.3%201.5-3.24%201.5-3.24S13%2016.7%2013%2018zm6-1a1.5%201.5%200%201%201-3%200c0-1.3%201.5-3.24%201.5-3.24S19%2015.7%2019%2017zM7%207a5%205%200%200%201%209.8-1A3.8%203.8%200%201%201%2017%2013H7A4%204%200%201%201%207%207z%22/%3E%3C/svg%3E");
}
.modal-ico--fireplace {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%23ffb061%22%20d=%22M12.1%202c.7%202.2-.44%203.71-1.54%205.16-1.06%201.4-2.06%202.73-1.66%204.62.2.92.77%201.7%201.58%202.26-.1-1.23.31-2.25%201.04-3.24.97-1.3%202.36-2.83%201.9-5.3%202.84%201.45%205.37%204.53%205.37%208.4A6.8%206.8%200%200%201%2012%2020.8%206.8%206.8%200%200%201%205.2%2014c0-3.91%202.67-6.98%206.9-12zm-.08%2010.62c1.62%201%202.58%202.52%202.58%204.03A2.6%202.6%200%200%201%2012%2019.25a2.6%202.6%200%200%201-2.6-2.6c0-1.1.6-2.4%202.62-4.03z%22/%3E%3C/svg%3E");
}
.modal-ico--nature {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22%2388d89c%22%20d=%22M19.4%203.3c-4.7.3-8.05%202.17-10.28%205.5-2.03%203.04-2.66%206.36-2.85%208.7l-2.2%202.2%201.4%201.4%202.25-2.25c2.33-.2%205.65-.83%208.7-2.86%203.32-2.22%205.18-5.57%205.48-10.28a2%202%200%200%200-2.5-2.4zM8.97%2015.03c.35-1.82%201.04-3.72%202.27-5.55%201.41-2.1%203.47-3.47%206.29-4.11-.64%202.83-2%204.89-4.11%206.3-1.83%201.22-3.73%201.91-5.55%202.26l4.89-4.88-1.42-1.42-4.87%204.88z%22/%3E%3C/svg%3E");
}
.ui-icon {
  display: block;
  width: 1em;
  height: 1em;
  flex: none;
  vertical-align: middle;
}
.modal-overlay[aria-hidden="true"] {
  display: none;
}
.modal-overlay.open[aria-hidden="false"] {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width:1361px) {
  .cards-grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .hero-grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 18px;
  }
}
@media (min-width:1201px) and (max-width:1360px) {
  .main-col {
    display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  align-items: start;
  }
  .main-col>.sr-only,.main-col>.pagination {
    grid-column: 1 / -1;
  }
  .main-col>.hero-grid,.main-col>.cards-grid {
    display: contents;
  }
  .main-col>.hero-grid>.card,.main-col>.cards-grid>.card {
    width: 100%;
  min-width: 0;
  margin: 0;
  }
  .cards-grid,.hero-grid,.related-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px;
  }
}
body[data-viewer-mode="sleep"] {
  overscroll-behavior: none;
}
body[data-viewer-mode="sleep"] .site-header {
  pointer-events: none;
}
.card-body {
  padding: 8px 0 0;
  gap: 0;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
}
.card-title {
  font: 850 1rem/1.15 var(--system-font);
  letter-spacing: -.026em;
  margin: 0 0 3px;
  padding: 0 10px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card .meta-bar,.card-body .meta-bar {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 6px 88px 4px 10px;
  min-height: 36px;
  box-sizing: border-box;
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0 0 6px 6px;
  color: #cfd7e5;
  overflow: visible;
}
.card .card .meta-bar,.card-body .meta-bar {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #cfd7e5;
  font: 800 .74rem/24px var(--system-font);
  letter-spacing: -.02em;
}
.card .meta-bar::after,.card-body .meta-bar::after {
  content: "▶ Listen";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  padding: 0 9px;
  border-radius: 6px;
  border: 1px solid rgba(125,152,200,.32);
  background: transparent;
  box-shadow: none;
  color: #d7ff4d;
  font: 900 calc(.64rem + 1px)/1 var(--system-font);
  letter-spacing: -.01em;
  text-shadow: 0 0 4px rgba(215,255,77,.85),0 0 10px rgba(215,255,77,.45);
  white-space: nowrap;
  pointer-events: none;
}
@media (min-width:1201px) {
  .layout > .main-col,
  .layout > .content-wrap,
  .layout > article,
  .layout > section {
    min-width: 0;
  width: 100%;
  }
  .layout > .sidebar,
  .sidebar {
    width: 292px;
  min-width: 292px;
  max-width: 292px;
  justify-self: end;
  align-self: start;
  }
}
.post-meta-bar .action-btn,.post-meta-bar .action-btn *,#modal-categories .modal-close,#modal-follow .modal-close,#modal-share .modal-close {
  cursor: pointer;
}
@media (min-width:1201px) {
  .site-header .hamburger {
    display: none;
  visibility: hidden;
  pointer-events: none;
  }
}
@media (min-width:721px) {
  .main-col > .page-hero,
  .main-col > article.content-wrap,
  .main-col > section.post-layout,
  .main-col > section[data-search-results],
  .main-col > section.content-wrap:not(.page-hero),
  .main-col > nav.pagination {
    grid-column: 1 / -1;
  width: 100%;
  max-width: 100%;
  }
}
.skip-link {
  position: fixed;
  left: 12px;
  top: calc(env(safe-area-inset-top,0px) + 12px);
  z-index: 5000;
  padding: 10px 14px;
  border-radius: 6px;
  background: #111827;
  color: #fff;
  text-decoration: none;
  font: 800 .92rem/1 var(--system-font);
  transform: translateY(calc(-100% - env(safe-area-inset-top,0px) - 24px));
  transition: transform .18s ease;
}
.skip-link:focus,.skip-link:focus-visible {
  transform: translateY(0);
  outline: 2px solid #9fbfff;
  outline-offset: 2px;
}
[role="dialog"]:focus {
  outline: none;
}
.card-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: inherit;
  text-decoration: none;
  outline: none;
}
.card-link .card-media {
  display: block;
}
.card-link:focus-visible {
  outline: none;
}
.card-link:focus-visible .card-media,.card-link:focus-visible .card-body {
  box-shadow: 0 0 0 2px rgba(91,149,255,.9);
}
.card-link:focus-visible .card-media {
  border-radius: 6px 6px 0 0;
}
.card-link:focus-visible .card-body {
  border-radius: 0 0 6px 6px;
}
.search-form button[tabindex="-1"] {
  outline: none;
}
.sidebar-search-widget {
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}
.sidebar-search-widget .search-form {
  display: flex;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0;
}
.sidebar-search-widget .search-form.is-open {
  width: 100%;
  min-width: 0;
  max-width: none;
}
.sidebar-search-widget .search-form button {
  flex: 0 0 52px;
  width: 52px;
  min-width: 52px;
  max-width: 52px;
  height: 52px;
  color: #f5f8ff;
}
.sidebar-search-widget .search-form input {
  min-width: 0;
}
.sidebar-search-widget .search-form button::before,.sidebar-search-widget .search-form button::after {
  display: block;
  content: "";
}
.hamburger,.drawer-close,.search-form button,.video-embed__sound-toggle {
  position: relative;
}
.hamburger::before,.hamburger::after,.drawer-close::before,.drawer-close::after,.search-form button::before,.search-form button::after,.video-embed__sound-toggle::before,.video-embed__sound-toggle::after {
  content: "";
  position: absolute;
  display: block;
  pointer-events: none;
}
.hamburger::before {
  left: 50%;
  top: 15px;
  width: 18px;
  height: 2.2px;
  background: currentColor;
  border-radius: 999px;
  transform: translateX(-50%);
  box-shadow: 0 6px 0 currentColor,0 12px 0 currentColor;
}
.hamburger::after {
  display: none;
}
.drawer-close::before,.drawer-close::after {
  left: 50%;
  top: 50%;
  width: 18px;
  height: 2.2px;
  background: currentColor;
  border-radius: 999px;
  transform-origin: center;
}
.drawer-close::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
.drawer-close::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}