:root {
  --wsl-blue: #0C8ABB;
  --wsl-blue-deep: #0A6F98;
  --wsl-teal: #3AA5A2;
  --wsl-green: #73BF44;
  --wsl-green-deep: #5EA833;
  --wsl-ink: #14303F;
  --wsl-ink-2: #1E4459;
  --wsl-text: #434A54;
  --wsl-muted: #8A949F;
  --wsl-mist: #F3F8FB;
  --wsl-mist-2: #EAF3F7;
  --wsl-line: #E3EBF0;
  --wsl-grad: linear-gradient(90deg, #0C8ABB 0%, #3AA5A2 52%, #73BF44 100%);
  --wsl-font: "Josefin Sans", sans-serif;
  --wsl-ease: cubic-bezier(.22, .61, .36, 1);
  --wsl-bar-h: 100px;
  --wsl-mbar-h: 72px;
}

.wsl-bar, .wsl-bar *, .wsl-mbar, .wsl-mbar *, .wsl-mnav, .wsl-mnav *, .wsl-loader, .wsl-loader * { box-sizing: border-box; }
.wsl-bar ul, .wsl-mnav ul { list-style: none; margin: 0; padding: 0; }
.wsl-bar li, .wsl-mnav li { margin: 0; padding: 0; }
.wsl-bar a, .wsl-mbar a, .wsl-mnav a { text-decoration: none; }
.wsl-bar img, .wsl-mbar img, .wsl-mnav img, .wsl-loader img { display: block; max-width: none; }

.wsl-bar, .wsl-bar-spacer { display: none; }
@media (min-width: 1200px) {
  .wsl-bar, .wsl-bar-spacer { display: block; }
  .wsl-mbar, .wsl-mbar-spacer, .wsl-mnav { display: none !important; }
}

.wsl-lang {
  position: relative;
  display: inline-flex;
  flex: none;
  padding: 4px;
  border-radius: 999px;
  background: var(--wsl-mist);
  border: 1px solid var(--wsl-line);
  isolation: isolate;
  --wsl-opt-w: 46px;
  --wsl-opt-h: 34px;
}
.wsl-lang__opt {
  position: relative;
  z-index: 1;
  width: var(--wsl-opt-w);
  height: var(--wsl-opt-h);
  margin: 0;
  padding: 3px 0 0;
  border: 0;
  border-radius: 999px;
  background: none;
  font: 700 13px/1 var(--wsl-font);
  letter-spacing: .1em;
  color: var(--wsl-muted);
  cursor: pointer;
  transition: color .35s var(--wsl-ease);
}
.wsl-lang__opt:hover { color: var(--wsl-ink); }
.wsl-lang__opt.is-active, .wsl-lang__opt.is-active:hover { color: #fff; }
.wsl-lang__opt:focus-visible { outline: 2px solid var(--wsl-blue); outline-offset: 2px; }
.wsl-lang__handle {
  position: absolute;
  z-index: 0;
  top: 4px;
  left: 4px;
  width: var(--wsl-opt-w);
  height: var(--wsl-opt-h);
  border-radius: 999px;
  background: var(--wsl-ink);
  box-shadow: 0 8px 16px -8px rgba(20, 48, 63, .7);
  transition: transform .5s var(--wsl-ease);
}
.wsl-lang[data-active="ar"] .wsl-lang__handle { transform: translateX(var(--wsl-opt-w)); }
.wsl-lang--sm { --wsl-opt-w: 38px; --wsl-opt-h: 30px; }
.wsl-lang--sm .wsl-lang__opt { font-size: 12px; }

.wsl-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  font-family: var(--wsl-font);
}
.wsl-bar-spacer { height: var(--wsl-bar-h); }
.wsl-bar__inner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 26px;
  height: var(--wsl-bar-h);
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 34px;
  transition: height .45s var(--wsl-ease), box-shadow .45s var(--wsl-ease), background-color .45s;
}
.wsl-bar__logo { flex: none; display: block; line-height: 0; }
.wsl-bar__logo img { width: auto; height: 60px; transition: height .45s var(--wsl-ease); }
.wsl-bar__nav { position: relative; flex: 1 1 auto; display: flex; justify-content: center; min-width: 0; }
.wsl-bar__list { position: relative; display: flex; align-items: center; gap: 2px; }
.wsl-bar__list > li { position: relative; }
.wsl-bar__list a {
  position: relative;
  z-index: 1;
  display: block;
  padding: 12px 10px 9px;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: .005em;
  color: var(--wsl-text);
  white-space: nowrap;
  transition: color .3s var(--wsl-ease);
}
.wsl-bar__list a:hover, .wsl-bar__list a:focus-visible, .wsl-bar__list .current > a { color: var(--wsl-blue-deep); }
.wsl-bar__list a:focus-visible { outline: 2px solid var(--wsl-blue); outline-offset: 2px; border-radius: 8px; }
.wsl-bar__glide {
  position: absolute;
  left: 0;
  z-index: 0;
  width: 0;
  pointer-events: none;
  opacity: 0;
  transition: transform .5s var(--wsl-ease), width .5s var(--wsl-ease), opacity .3s;
}
.wsl-bar__glide.is-on { opacity: 1; }
.wsl-bar__end { position: relative; flex: none; display: flex; align-items: center; align-self: stretch; }

@media (min-width: 1200px) and (max-width: 1599px) {
  .wsl-bar__inner { gap: 16px; padding: 0 22px; }
  .wsl-bar__logo img { height: 54px; }
  .wsl-bar__list a { padding-left: 8px; padding-right: 8px; font-size: 14.5px; }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .wsl-bar__inner { gap: 12px; padding: 0 18px; }
  .wsl-bar__logo img { height: 50px; }
  .wsl-bar__list { gap: 0; }
  .wsl-bar__list a { padding-left: 7px; padding-right: 7px; font-size: 13.5px; }
}
@media (min-width: 1200px) and (max-width: 1339px) {
  .wsl-bar__inner { gap: 10px; padding: 0 14px; }
  .wsl-bar__logo img { height: 44px; }
  .wsl-bar__list { gap: 0; }
  .wsl-bar__list a { padding-left: 6px; padding-right: 6px; font-size: 13px; letter-spacing: 0; }
  .wsl-bar .wsl-lang { --wsl-opt-w: 38px; --wsl-opt-h: 30px; }
}

.wsl-bar--pearl { background: rgba(255, 255, 255, .97); box-shadow: 0 1px 0 var(--wsl-line); transition: box-shadow .45s var(--wsl-ease); }
.wsl-bar--pearl::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--wsl-grad); }
@supports (backdrop-filter: blur(1px)) {
  .wsl-bar--pearl { background: rgba(255, 255, 255, .86); backdrop-filter: saturate(1.6) blur(16px); }
}
.wsl-bar--pearl .wsl-bar__glide { bottom: 2px; height: 2px; border-radius: 2px; background: var(--wsl-grad); }
.wsl-bar--pearl.is-scrolled { box-shadow: 0 1px 0 var(--wsl-line), 0 18px 40px -26px rgba(20, 48, 63, .45); }
.wsl-bar--pearl.is-scrolled .wsl-bar__inner { height: 78px; }
.wsl-bar--pearl.is-scrolled .wsl-bar__logo img { height: 48px; }

.wsl-bar--ink { background: linear-gradient(180deg, #FFFFFF 0%, #F5F9FB 100%); box-shadow: 0 1px 0 var(--wsl-line); transition: box-shadow .45s var(--wsl-ease); }
.wsl-bar--ink .wsl-bar__inner { max-width: none; padding-right: 0; }
.wsl-bar--ink .wsl-bar__nav { justify-content: safe flex-end; }
.wsl-bar--ink .wsl-bar__glide { bottom: -3px; width: 6px; height: 6px; border-radius: 50%; background: var(--wsl-grad); box-shadow: 0 0 0 3px rgba(115, 191, 68, .14); }
.wsl-bar--ink .wsl-bar__end {
  padding: 0 34px 0 58px;
  background: linear-gradient(135deg, var(--wsl-ink) 0%, var(--wsl-ink-2) 100%);
  clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%);
}
.wsl-bar--ink .wsl-bar__end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 34px;
  background: linear-gradient(180deg, var(--wsl-blue), var(--wsl-green));
  clip-path: polygon(30px 0, 34px 0, 4px 100%, 0 100%);
}
.wsl-bar--ink .wsl-lang { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .16); }
.wsl-bar--ink .wsl-lang__opt { color: rgba(255, 255, 255, .6); }
.wsl-bar--ink .wsl-lang__opt:hover { color: #fff; }
.wsl-bar--ink .wsl-lang__opt.is-active { color: var(--wsl-ink); }
.wsl-bar--ink .wsl-lang__handle { background: linear-gradient(135deg, #FFFFFF, #E6F3E0); box-shadow: 0 6px 16px -6px rgba(0, 0, 0, .5); }
.wsl-bar--ink.is-scrolled { box-shadow: 0 1px 0 var(--wsl-line), 0 18px 40px -26px rgba(20, 48, 63, .45); }
.wsl-bar--ink.is-scrolled .wsl-bar__inner { height: 78px; }
.wsl-bar--ink.is-scrolled .wsl-bar__logo img { height: 48px; }
@media (min-width: 1200px) and (max-width: 1599px) {
  .wsl-bar--ink .wsl-bar__end { padding: 0 20px 0 40px; }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .wsl-bar--ink .wsl-bar__end { padding: 0 16px 0 42px; }
}
@media (min-width: 1200px) and (max-width: 1339px) {
  .wsl-bar--ink .wsl-bar__end { padding: 0 12px 0 34px; }
}

.wsl-bar--capsule { padding: 14px 22px 0; pointer-events: none; }
.wsl-bar--capsule + .wsl-bar-spacer { background: radial-gradient(60% 140% at 50% 0%, #EEF6FA 0%, #FFFFFF 70%); }
.wsl-bar--capsule .wsl-bar__inner {
  height: 72px;
  max-width: 1560px;
  padding: 0 10px 0 26px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(255, 255, 255, .95);
  box-shadow: 0 0 0 1px rgba(20, 48, 63, .06), 0 20px 44px -26px rgba(20, 48, 63, .38);
  pointer-events: auto;
}
@supports (backdrop-filter: blur(1px)) {
  .wsl-bar--capsule .wsl-bar__inner { background: rgba(255, 255, 255, .8); backdrop-filter: saturate(1.6) blur(18px); }
}
.wsl-bar--capsule .wsl-bar__logo img { height: 48px; }
.wsl-bar--capsule .wsl-bar__list a { padding-top: 13px; padding-bottom: 10px; }
.wsl-bar--capsule .wsl-bar__glide {
  top: 50%;
  height: 40px;
  margin-top: -20px;
  border-radius: 999px;
  background: linear-gradient(180deg, #F1F8FB, #E7F2F7);
  box-shadow: inset 0 0 0 1px rgba(12, 138, 187, .12);
}
.wsl-bar--capsule .wsl-bar__end { align-self: center; }
.wsl-bar--capsule .wsl-lang { background: var(--wsl-ink); border-color: var(--wsl-ink); box-shadow: 0 10px 22px -12px rgba(20, 48, 63, .8); }
.wsl-bar--capsule .wsl-lang__opt { color: rgba(255, 255, 255, .62); }
.wsl-bar--capsule .wsl-lang__opt:hover { color: #fff; }
.wsl-bar--capsule .wsl-lang__opt.is-active { color: #fff; }
.wsl-bar--capsule .wsl-lang__handle { background: var(--wsl-grad); box-shadow: 0 6px 14px -6px rgba(12, 138, 187, .8); }
.wsl-bar--capsule.is-scrolled { padding-top: 10px; }
.wsl-bar--capsule.is-scrolled .wsl-bar__inner { height: 64px; box-shadow: 0 0 0 1px rgba(20, 48, 63, .07), 0 26px 50px -24px rgba(20, 48, 63, .5); }
.wsl-bar--capsule.is-scrolled .wsl-bar__logo img { height: 42px; }
@media (min-width: 1200px) and (max-width: 1599px) {
  .wsl-bar--capsule { padding-left: 14px; padding-right: 14px; }
  .wsl-bar--capsule .wsl-bar__inner { padding-left: 20px; }
  .wsl-bar--capsule .wsl-bar__logo img { height: 44px; }
}
@media (min-width: 1200px) and (max-width: 1339px) {
  .wsl-bar--capsule { padding-left: 10px; padding-right: 10px; }
  .wsl-bar--capsule .wsl-bar__inner { padding-left: 16px; padding-right: 8px; }
  .wsl-bar--capsule .wsl-bar__logo img { height: 40px; }
}

.wsl-mbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: var(--wsl-mbar-h);
  padding: 0 14px 0 16px;
  font-family: var(--wsl-font);
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 1px 0 var(--wsl-line);
  transition: box-shadow .4s var(--wsl-ease), background-color .4s;
}
@supports (backdrop-filter: blur(1px)) {
  .wsl-mbar { background: rgba(255, 255, 255, .88); backdrop-filter: saturate(1.6) blur(16px); }
}
.wsl-mbar.is-scrolled { box-shadow: 0 1px 0 var(--wsl-line), 0 14px 30px -22px rgba(20, 48, 63, .45); }
.wsl-mbar-spacer { height: var(--wsl-mbar-h); }
.wsl-mbar__logo { flex: none; display: block; line-height: 0; }
.wsl-mbar__logo img { width: auto; height: 44px; }
.wsl-mbar__end { display: flex; align-items: center; gap: 10px; }

.wsl-burger {
  position: relative;
  flex: none;
  width: 46px;
  height: 46px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 15px;
  background: var(--wsl-ink);
  color: #fff;
  cursor: pointer;
  box-shadow: 0 10px 20px -12px rgba(20, 48, 63, .9);
  -webkit-tap-highlight-color: transparent;
  transition: background-color .35s, transform .2s;
}
.wsl-burger:active { transform: scale(.95); }
.wsl-burger:focus-visible { outline: 2px solid var(--wsl-blue); outline-offset: 3px; }
.wsl-burger span {
  position: absolute;
  left: 13px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  transition: transform .45s var(--wsl-ease), opacity .3s, width .45s var(--wsl-ease), top .45s var(--wsl-ease);
}
.wsl-burger span:nth-child(1) { top: 16px; width: 20px; }
.wsl-burger span:nth-child(2) { top: 22px; width: 14px; background: var(--wsl-green); }
.wsl-burger span:nth-child(3) { top: 28px; width: 18px; }
.wsl-burger.is-active span:nth-child(1) { top: 22px; width: 20px; transform: rotate(45deg); }
.wsl-burger.is-active span:nth-child(2) { opacity: 0; width: 0; }
.wsl-burger.is-active span:nth-child(3) { top: 22px; width: 20px; transform: rotate(-45deg); }

@media (max-width: 359px) {
  .wsl-mbar { padding: 0 10px 0 12px; gap: 8px; }
  .wsl-mbar__logo img { height: 38px; }
  .wsl-mbar__end { gap: 8px; }
  .wsl-mbar .wsl-lang { --wsl-opt-w: 34px; --wsl-opt-h: 28px; }
}

.wsl-mnav {
  position: fixed;
  inset: 0;
  z-index: 1100;
  visibility: hidden;
  font-family: var(--wsl-font);
  transition: visibility 0s linear .7s;
}
.wsl-mnav.is-open { visibility: visible; transition-delay: 0s; }
.wsl-mnav__overlay {
  position: absolute;
  inset: 0;
  background: rgba(20, 48, 63, .42);
  opacity: 0;
  transition: opacity .5s var(--wsl-ease);
}
@supports (backdrop-filter: blur(1px)) { .wsl-mnav__overlay { backdrop-filter: blur(5px); } }
.wsl-mnav.is-open .wsl-mnav__overlay { opacity: 1; }
.wsl-mnav__close {
  position: relative;
  flex: none;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--wsl-ink);
  color: #fff;
  cursor: pointer;
  box-shadow: 0 10px 20px -12px rgba(20, 48, 63, .9);
  -webkit-tap-highlight-color: transparent;
  transition: transform .35s var(--wsl-ease);
}
.wsl-mnav__close::before, .wsl-mnav__close::after {
  content: "";
  position: absolute;
  left: 13px;
  top: 21px;
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  transform: rotate(45deg);
}
.wsl-mnav__close::after { transform: rotate(-45deg); }
.wsl-mnav__close:hover { transform: rotate(90deg); }
.wsl-mnav__close:focus-visible { outline: 2px solid var(--wsl-blue); outline-offset: 3px; }
.wsl-mnav__list a:focus-visible { outline: 2px solid var(--wsl-blue); outline-offset: -2px; border-radius: 12px; }
.wsl-mnav__panel:focus { outline: none; }
html.wsl-lock, html.wsl-lock body { overflow: hidden; }

.wsl-mbar--pearl::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--wsl-grad); }

.wsl-mnav--drawer .wsl-mnav__panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  width: min(88vw, 400px);
  background: #fff;
  box-shadow: -40px 0 70px -40px rgba(20, 48, 63, .55);
  transform: translateX(104%);
  transition: transform .65s var(--wsl-ease);
}
.wsl-mnav--drawer.is-open .wsl-mnav__panel { transform: none; }
.wsl-mnav--drawer .wsl-mnav__panel::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--wsl-grad); }
.wsl-mnav--drawer .wsl-mnav__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 18px 16px 24px;
  border-bottom: 1px solid var(--wsl-line);
}
.wsl-mnav--drawer .wsl-mnav__head img { width: auto; height: 46px; }
.wsl-mnav--drawer .wsl-mnav__list { flex: 1 1 auto; overflow-y: auto; padding: 8px 18px 12px 24px; -webkit-overflow-scrolling: touch; }
.wsl-mnav--drawer .wsl-mnav__list li {
  position: relative;
  opacity: 0;
  transform: translateX(26px);
  transition: opacity .5s var(--wsl-ease), transform .6s var(--wsl-ease);
}
.wsl-mnav--drawer.is-open .wsl-mnav__list li { opacity: 1; transform: none; transition-delay: calc(140ms + var(--i, 0) * 38ms); }
.wsl-mnav--drawer .wsl-mnav__list a {
  display: grid;
  grid-template-columns: 34px 1fr 18px;
  align-items: center;
  padding: 15px 6px 13px 2px;
  border-bottom: 1px solid var(--wsl-line);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--wsl-text);
  transition: color .3s, padding .35s var(--wsl-ease);
}
.wsl-mnav--drawer .wsl-mnav__list li:last-child a { border-bottom: 0; }
.wsl-mnav__num { font-size: 11.5px; font-weight: 700; letter-spacing: .12em; color: #B4BDC6; transition: color .3s; }
.wsl-mnav__arrow { width: 16px; height: 16px; color: #B4BDC6; transition: transform .35s var(--wsl-ease), color .3s; }
.wsl-mnav--drawer .wsl-mnav__list a:hover, .wsl-mnav--drawer .wsl-mnav__list a:active { color: var(--wsl-blue-deep); padding-left: 6px; }
.wsl-mnav--drawer .wsl-mnav__list a:hover .wsl-mnav__arrow { transform: translateX(3px); color: var(--wsl-blue); }
.wsl-mnav--drawer .wsl-mnav__list .current a { color: var(--wsl-blue-deep); }
.wsl-mnav--drawer .wsl-mnav__list .current .wsl-mnav__num { color: var(--wsl-green-deep); }
.wsl-mnav--drawer .wsl-mnav__list .current .wsl-mnav__arrow { color: var(--wsl-blue); }
.wsl-mnav--drawer .wsl-mnav__list .current::before {
  content: "";
  position: absolute;
  left: -24px;
  top: 12px;
  bottom: 12px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, var(--wsl-blue), var(--wsl-green));
}
.wsl-mnav--drawer .wsl-mnav__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 20px 22px 24px;
  background: linear-gradient(180deg, #F7FAFC, #EEF5F9);
  border-top: 1px solid var(--wsl-line);
}
.wsl-mnav--drawer .wsl-mnav__foot img { width: 34px; height: auto; opacity: .9; }

.wsl-mbar--curtain { z-index: 1200; }
.wsl-mbar--curtain .wsl-burger { background: #fff; color: var(--wsl-ink); box-shadow: 0 0 0 1px var(--wsl-line), 0 10px 22px -14px rgba(20, 48, 63, .6); }
.wsl-mbar--curtain .wsl-burger.is-active { background: var(--wsl-ink); color: #fff; }
.wsl-mbar--curtain.is-menu-open { background: transparent; box-shadow: none; backdrop-filter: none; }

.wsl-mnav--curtain .wsl-mnav__panel {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  padding-top: var(--wsl-mbar-h);
  overflow: hidden;
  background:
    radial-gradient(110% 60% at 100% 0%, rgba(12, 138, 187, .13) 0%, rgba(12, 138, 187, 0) 60%),
    radial-gradient(90% 55% at 0% 100%, rgba(115, 191, 68, .15) 0%, rgba(115, 191, 68, 0) 62%),
    linear-gradient(180deg, #FFFFFF 0%, #F1F7FA 100%);
  clip-path: circle(0 at var(--wsl-ox, 88%) var(--wsl-oy, 36px));
  transition: clip-path .75s var(--wsl-ease);
}
.wsl-mnav--curtain.is-open .wsl-mnav__panel { clip-path: circle(160% at var(--wsl-ox, 88%) var(--wsl-oy, 36px)); }
.wsl-mnav--curtain .wsl-mnav__mark {
  position: absolute;
  right: -90px;
  bottom: -70px;
  width: 340px;
  height: auto;
  opacity: .07;
  transform: rotate(-12deg);
  pointer-events: none;
}
.wsl-mnav--curtain .wsl-mnav__rule { width: 64px; height: 3px; margin: 14px auto 6px; border-radius: 3px; background: var(--wsl-grad); }
.wsl-mnav--curtain .wsl-mnav__list {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow-y: auto;
  padding: 10px 24px 34px;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}
.wsl-mnav--curtain .wsl-mnav__list li { opacity: 0; transform: translateY(18px); transition: opacity .5s var(--wsl-ease), transform .6s var(--wsl-ease); }
.wsl-mnav--curtain.is-open .wsl-mnav__list li { opacity: 1; transform: none; transition-delay: calc(220ms + var(--i, 0) * 40ms); }
.wsl-mnav--curtain .wsl-mnav__list a {
  position: relative;
  display: inline-block;
  padding: 10px 6px 7px;
  font-size: clamp(20px, 5.8vw, 25px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.005em;
  color: var(--wsl-ink);
  transition: color .3s;
}
.wsl-mnav--curtain .wsl-mnav__list a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 2px;
  width: 0;
  height: 2px;
  border-radius: 2px;
  background: var(--wsl-grad);
  transform: translateX(-50%);
  transition: width .45s var(--wsl-ease);
}
.wsl-mnav--curtain .wsl-mnav__list a:hover, .wsl-mnav--curtain .wsl-mnav__list .current a { color: var(--wsl-blue-deep); }
.wsl-mnav--curtain .wsl-mnav__list a:hover::after, .wsl-mnav--curtain .wsl-mnav__list .current a::after { width: 34px; }
@media (max-height: 700px) {
  .wsl-mnav--curtain .wsl-mnav__list { justify-content: flex-start; }
  .wsl-mnav--curtain .wsl-mnav__list a { padding: 8px 6px 5px; font-size: 20px; }
}

.wsl-mbar--sheet .wsl-burger { border-radius: 999px; width: 54px; background: linear-gradient(135deg, var(--wsl-ink), var(--wsl-ink-2)); }
.wsl-mbar--sheet .wsl-burger span { left: 17px; }
.wsl-mbar--sheet .wsl-burger span:nth-child(1) { width: 20px; }
.wsl-mbar--sheet .wsl-burger span:nth-child(3) { width: 20px; }
.wsl-mbar--sheet .wsl-burger span:nth-child(2) { width: 10px; left: 27px; }

.wsl-mnav--sheet .wsl-mnav__panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  max-height: calc(100% - 28px);
  border-radius: 30px 30px 0 0;
  background: #fff;
  box-shadow: 0 -30px 70px -30px rgba(20, 48, 63, .55);
  transform: translateY(104%);
  transition: transform .65s var(--wsl-ease);
}
.wsl-mnav--sheet.is-open .wsl-mnav__panel { transform: none; }
.wsl-mnav--sheet .wsl-mnav__grip { width: 44px; height: 5px; margin: 10px auto 4px; border-radius: 5px; background: #D9E2E8; }
.wsl-mnav--sheet .wsl-mnav__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 18px 14px 20px;
}
.wsl-mnav--sheet .wsl-mnav__head img { width: auto; height: 40px; }
.wsl-mnav--sheet .wsl-mnav__head-end { display: flex; align-items: center; gap: 10px; }
.wsl-mnav--sheet .wsl-mnav__close { width: 40px; height: 40px; }
.wsl-mnav--sheet .wsl-mnav__close::before, .wsl-mnav--sheet .wsl-mnav__close::after { left: 12px; top: 19px; width: 16px; }
.wsl-mnav--sheet .wsl-mnav__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  overflow-y: auto;
  padding: 4px 18px calc(22px + env(safe-area-inset-bottom, 0px));
  -webkit-overflow-scrolling: touch;
}
.wsl-mnav--sheet .wsl-mnav__list li { opacity: 0; transform: translateY(16px) scale(.98); transition: opacity .45s var(--wsl-ease), transform .55s var(--wsl-ease); }
.wsl-mnav--sheet.is-open .wsl-mnav__list li { opacity: 1; transform: none; transition-delay: calc(200ms + var(--i, 0) * 30ms); }
.wsl-mnav--sheet .wsl-mnav__list li:last-child { grid-column: 1 / -1; }
.wsl-mnav--sheet .wsl-mnav__list a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  min-height: 92px;
  height: 100%;
  padding: 13px 14px 12px;
  border-radius: 18px;
  border: 1px solid var(--wsl-line);
  background: linear-gradient(180deg, #FFFFFF 0%, #F6FAFC 100%);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.22;
  color: var(--wsl-text);
  transition: border-color .3s, box-shadow .3s, transform .2s;
}
.wsl-mnav--sheet .wsl-mnav__list li:last-child a { flex-direction: row; align-items: center; justify-content: flex-start; min-height: 0; }
.wsl-mnav--sheet .wsl-mnav__list a:active { transform: scale(.98); }
.wsl-mnav--sheet .wsl-mnav__list a:hover { border-color: rgba(12, 138, 187, .35); box-shadow: 0 12px 24px -18px rgba(12, 138, 187, .7); }
.wsl-mnav__icon {
  display: grid;
  place-items: center;
  flex: none;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: var(--wsl-mist-2);
  color: var(--wsl-blue-deep);
}
.wsl-mnav__icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.wsl-mnav--sheet .wsl-mnav__list li:nth-child(even) .wsl-mnav__icon { background: #EEF7E8; color: var(--wsl-green-deep); }
.wsl-mnav--sheet .wsl-mnav__list .current a { background: linear-gradient(140deg, var(--wsl-ink) 0%, var(--wsl-ink-2) 100%); border-color: var(--wsl-ink); color: #fff; box-shadow: 0 16px 30px -18px rgba(20, 48, 63, .9); }
.wsl-mnav--sheet .wsl-mnav__list .current .wsl-mnav__icon { background: var(--wsl-grad); color: #fff; }

.wsl-tone-medium {
  --wsl-med: linear-gradient(160deg, #2D6E89 0%, #2F7A86 55%, #367F7C 100%);
  --wsl-med-line: rgba(255, 255, 255, .15);
  --wsl-med-soft: rgba(255, 255, 255, .7);
  --wsl-med-green: #A9DE84;
  --wsl-med-grad: linear-gradient(90deg, #7FCFEF 0%, #8FD8C0 50%, #A9DE84 100%);
}
.wsl-mbar.wsl-tone-medium { background: linear-gradient(120deg, #2D6E89 0%, #2F7A86 100%); box-shadow: none; }
@supports (backdrop-filter: blur(1px)) { .wsl-mbar.wsl-tone-medium { background: linear-gradient(120deg, rgba(45, 110, 137, .96) 0%, rgba(47, 122, 134, .96) 100%); } }
.wsl-mbar.wsl-tone-medium::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--wsl-med-grad); opacity: .85; }
.wsl-mbar.wsl-tone-medium.wsl-mbar--pearl::before { display: none; }
.wsl-mbar.wsl-tone-medium.is-scrolled { box-shadow: 0 14px 30px -20px rgba(20, 48, 63, .7); }
.wsl-mbar.wsl-tone-medium.wsl-mbar--curtain.is-menu-open { background: transparent; }
.wsl-mbar.wsl-tone-medium.wsl-mbar--curtain.is-menu-open::after { opacity: 0; }

.wsl-tone-medium .wsl-lang { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .22); }
.wsl-tone-medium .wsl-lang__opt { color: var(--wsl-med-soft); }
.wsl-tone-medium .wsl-lang__opt:hover { color: #fff; }
.wsl-tone-medium .wsl-lang__opt.is-active { color: var(--wsl-ink); }
.wsl-tone-medium .wsl-lang__handle { background: #fff; box-shadow: 0 6px 14px -6px rgba(10, 30, 40, .6); }
.wsl-mbar.wsl-tone-medium .wsl-burger { background: var(--wsl-ink); color: #fff; box-shadow: 0 10px 20px -10px rgba(10, 30, 40, .8); }
.wsl-mbar.wsl-tone-medium.wsl-mbar--curtain .wsl-burger { background: #fff; color: var(--wsl-ink); }
.wsl-mbar.wsl-tone-medium.wsl-mbar--curtain .wsl-burger.is-active { background: var(--wsl-ink); color: #fff; }
.wsl-tone-medium .wsl-burger span:nth-child(2) { background: var(--wsl-med-green); }
.wsl-mbar.wsl-tone-medium.wsl-mbar--curtain .wsl-burger span:nth-child(2) { background: var(--wsl-green); }

.wsl-mnav.wsl-tone-medium .wsl-mnav__panel { color: #fff; }
.wsl-mnav.wsl-tone-medium .wsl-mnav__close { background: #fff; color: var(--wsl-ink); box-shadow: 0 10px 20px -10px rgba(10, 30, 40, .7); }
.wsl-mnav.wsl-tone-medium .wsl-mnav__list a:focus-visible { outline-color: #fff; }
.wsl-mnav.wsl-tone-medium .wsl-mnav__overlay { background: rgba(20, 48, 63, .5); }

.wsl-tone-medium.wsl-mnav--drawer .wsl-mnav__panel { background: var(--wsl-med); box-shadow: -40px 0 70px -30px rgba(10, 30, 40, .7); }
.wsl-tone-medium.wsl-mnav--drawer .wsl-mnav__panel::before { background: var(--wsl-med-grad); }
.wsl-tone-medium.wsl-mnav--drawer .wsl-mnav__head { border-bottom-color: var(--wsl-med-line); }
.wsl-tone-medium.wsl-mnav--drawer .wsl-mnav__list a { color: #fff; border-bottom-color: var(--wsl-med-line); }
.wsl-tone-medium.wsl-mnav--drawer .wsl-mnav__num { color: rgba(255, 255, 255, .5); }
.wsl-tone-medium.wsl-mnav--drawer .wsl-mnav__arrow { color: rgba(255, 255, 255, .5); }
.wsl-tone-medium.wsl-mnav--drawer .wsl-mnav__list a:hover, .wsl-tone-medium.wsl-mnav--drawer .wsl-mnav__list a:active { color: #fff; background: rgba(255, 255, 255, .06); }
.wsl-tone-medium.wsl-mnav--drawer .wsl-mnav__list a:hover .wsl-mnav__arrow { color: #fff; }
.wsl-tone-medium.wsl-mnav--drawer .wsl-mnav__list .current a { color: #fff; }
.wsl-tone-medium.wsl-mnav--drawer .wsl-mnav__list .current .wsl-mnav__num { color: var(--wsl-med-green); }
.wsl-tone-medium.wsl-mnav--drawer .wsl-mnav__list .current .wsl-mnav__arrow { color: var(--wsl-med-green); }
.wsl-tone-medium.wsl-mnav--drawer .wsl-mnav__list .current::before { background: linear-gradient(180deg, #7FCFEF, #A9DE84); }
.wsl-tone-medium.wsl-mnav--drawer .wsl-mnav__foot { background: rgba(14, 40, 52, .22); border-top-color: var(--wsl-med-line); }

.wsl-tone-medium.wsl-mnav--curtain .wsl-mnav__panel {
  background:
    radial-gradient(110% 60% at 100% 0%, rgba(127, 207, 239, .22) 0%, rgba(127, 207, 239, 0) 60%),
    radial-gradient(90% 55% at 0% 100%, rgba(169, 222, 132, .22) 0%, rgba(169, 222, 132, 0) 62%),
    linear-gradient(180deg, #2D6E89 0%, #2F7A86 60%, #367F7C 100%);
}
.wsl-tone-medium.wsl-mnav--curtain .wsl-mnav__mark { opacity: .12; }
.wsl-tone-medium.wsl-mnav--curtain .wsl-mnav__rule { background: var(--wsl-med-grad); }
.wsl-tone-medium.wsl-mnav--curtain .wsl-mnav__list a { color: #fff; }
.wsl-tone-medium.wsl-mnav--curtain .wsl-mnav__list a::after { background: var(--wsl-med-grad); }
.wsl-tone-medium.wsl-mnav--curtain .wsl-mnav__list a:hover, .wsl-tone-medium.wsl-mnav--curtain .wsl-mnav__list .current a { color: #fff; }
.wsl-tone-medium.wsl-mnav--curtain .wsl-mnav__list .current a { text-shadow: 0 0 22px rgba(169, 222, 132, .35); }

.wsl-tone-medium.wsl-mnav--sheet .wsl-mnav__panel { background: var(--wsl-med); box-shadow: 0 -30px 70px -30px rgba(10, 30, 40, .7); }
.wsl-tone-medium.wsl-mnav--sheet .wsl-mnav__grip { background: rgba(255, 255, 255, .35); }
.wsl-tone-medium.wsl-mnav--sheet .wsl-mnav__list a { background: rgba(255, 255, 255, .08); border-color: var(--wsl-med-line); color: #fff; }
.wsl-tone-medium.wsl-mnav--sheet .wsl-mnav__list a:hover { border-color: rgba(255, 255, 255, .4); box-shadow: 0 12px 24px -18px rgba(10, 30, 40, .8); }
.wsl-tone-medium.wsl-mnav--sheet .wsl-mnav__icon { background: rgba(255, 255, 255, .14); color: #fff; }
.wsl-tone-medium.wsl-mnav--sheet .wsl-mnav__list li:nth-child(even) .wsl-mnav__icon { background: rgba(169, 222, 132, .2); color: #D2F0BE; }
.wsl-tone-medium.wsl-mnav--sheet .wsl-mnav__list .current a { background: #fff; border-color: #fff; color: var(--wsl-ink); box-shadow: 0 16px 30px -16px rgba(10, 30, 40, .8); }
.wsl-tone-medium.wsl-mnav--sheet .wsl-mnav__list .current .wsl-mnav__icon { background: var(--wsl-grad); color: #fff; }

.wsl-loader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  transition: opacity .7s var(--wsl-ease), visibility 0s linear .7s;
}
.wsl-loader.is-done { opacity: 0; visibility: hidden; }
.wsl-loader.is-done .wsl-loader__stage { transform: scale(1.06); }
.wsl-loader__stage { position: relative; transition: transform .7s var(--wsl-ease); }
.wsl-loader__track { position: relative; width: 132px; height: 2px; margin-top: 34px; overflow: hidden; border-radius: 2px; background: #E6EEF2; }
.wsl-loader__track span { position: absolute; top: 0; left: 0; width: 40%; height: 100%; border-radius: 2px; background: var(--wsl-grad); animation: wsl-track 1.6s var(--wsl-ease) infinite; }
@keyframes wsl-track { 0% { transform: translateX(-100%); } 100% { transform: translateX(250%); } }

.wsl-loader__name { margin-top: 30px; padding: 0 20px; text-align: center; font-family: var(--wsl-font); animation: wsl-name-in .9s var(--wsl-ease) .25s both; }
.wsl-loader__title { display: block; font-size: 23px; font-weight: 700; line-height: 1.2; letter-spacing: .005em; color: var(--wsl-ink); }
.wsl-loader__title b { font-weight: 700; background: var(--wsl-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.wsl-loader__sub { display: block; margin-top: 7px; font-size: 13px; font-weight: 400; line-height: 1.4; letter-spacing: .02em; color: #66717C; }
.wsl-loader__name + .wsl-loader__track { margin-top: 24px; }
@keyframes wsl-name-in { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: none; } }
@media (max-width: 359px) { .wsl-loader__title { font-size: 20px; } .wsl-loader__sub { font-size: 12px; } }

.wsl-loader--halo { background: radial-gradient(70% 50% at 50% 46%, #F1F7FA 0%, #FFFFFF 72%); }
.wsl-loader--halo .wsl-loader__stage { width: 176px; height: 176px; }
.wsl-halo { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.wsl-halo circle { fill: none; stroke-linecap: round; }
.wsl-halo__ring { stroke: #E3ECF1; stroke-width: 1.2; }
.wsl-halo__arc { transform-origin: 88px 88px; }
.wsl-halo__arc--blue { stroke: var(--wsl-blue); stroke-width: 2.4; stroke-dasharray: 120 433; animation: wsl-spin 1.8s linear infinite; }
.wsl-halo__arc--green { stroke: var(--wsl-green); stroke-width: 2.4; stroke-dasharray: 70 360; animation: wsl-spin 2.6s linear infinite reverse; }
.wsl-halo__dot { fill: var(--wsl-ink); transform-origin: 88px 88px; animation: wsl-spin 1.8s linear infinite; }
.wsl-loader--halo .wsl-loader__mark { position: absolute; left: 50%; top: 50%; width: 92px; height: auto; margin: -47px 0 0 -46px; animation: wsl-breathe 2.4s ease-in-out infinite; filter: drop-shadow(0 12px 18px rgba(20, 48, 63, .14)); }
@keyframes wsl-spin { to { transform: rotate(360deg); } }
@keyframes wsl-breathe { 0%, 100% { transform: scale(.96); } 50% { transform: scale(1.04); } }

.wsl-loader--hands { background: linear-gradient(180deg, #FFFFFF 0%, #F0F7FA 100%); }
.wsl-loader--hands .wsl-loader__stage { width: 150px; height: 155px; }
.wsl-hands__hand { position: absolute; inset: 0; width: 100%; height: 100%; }
.wsl-hands__hand--blue { animation: wsl-hand-blue 3s var(--wsl-ease) infinite; }
.wsl-hands__hand--green { animation: wsl-hand-green 3s var(--wsl-ease) infinite; }
.wsl-hands__ripple { position: absolute; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 1.5px solid var(--wsl-blue); opacity: 0; animation: wsl-ripple 3s ease-out infinite; }
.wsl-hands__ripple--2 { border-color: var(--wsl-green); animation-delay: .35s; }
.wsl-hands__shadow { position: absolute; left: 50%; bottom: -26px; width: 96px; height: 12px; margin-left: -48px; border-radius: 50%; background: radial-gradient(closest-side, rgba(20, 48, 63, .16), rgba(20, 48, 63, 0)); animation: wsl-shadow 3s var(--wsl-ease) infinite; }
@keyframes wsl-hand-blue {
  0% { transform: translate(-46px, -22px) rotate(-16deg); opacity: 0; }
  32%, 78% { transform: none; opacity: 1; }
  100% { transform: translate(-46px, -22px) rotate(-16deg); opacity: 0; }
}
@keyframes wsl-hand-green {
  0% { transform: translate(46px, 22px) rotate(16deg); opacity: 0; }
  32%, 78% { transform: none; opacity: 1; }
  100% { transform: translate(46px, 22px) rotate(16deg); opacity: 0; }
}
@keyframes wsl-ripple {
  0%, 30% { transform: scale(.7); opacity: 0; }
  34% { opacity: .55; }
  80%, 100% { transform: scale(1.9); opacity: 0; }
}
@keyframes wsl-shadow { 0%, 100% { transform: scale(.6); opacity: .3; } 32%, 78% { transform: scale(1); opacity: 1; } }

.wsl-loader--signature { background: radial-gradient(90% 60% at 50% 110%, rgba(20, 48, 63, .07) 0%, rgba(20, 48, 63, 0) 60%), #FFFFFF; }
.wsl-loader--signature .wsl-loader__stage { width: 250px; height: 90px; }
.wsl-sig__part { position: absolute; top: 0; height: 100%; overflow: hidden; }
.wsl-sig__part img { width: 250px; height: auto; }
.wsl-sig__mark { left: 0; width: 36%; transform-origin: 45px 45px; animation: wsl-sig-mark 1.1s var(--wsl-ease) both; }
.wsl-sig__word { left: 42%; width: 58%; clip-path: inset(0 100% 0 0); animation: wsl-sig-word 1s var(--wsl-ease) .55s both; }
.wsl-sig__word img { margin-left: -105px; }
.wsl-sig__word::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 60px;
  background: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, 0) 100%);
  transform: translateX(-80px);
  animation: wsl-sig-shine 2.6s ease-in-out 1.6s infinite;
}
.wsl-loader--signature .wsl-loader__track { width: 170px; margin-top: 30px; }
.wsl-loader--signature .wsl-loader__name { margin-top: 22px; animation-delay: 1.2s; }
.wsl-loader--signature .wsl-loader__title { font-size: 21px; }
.wsl-loader--signature .wsl-loader__name::before { content: ""; display: block; width: 40px; height: 2px; margin: 0 auto 16px; border-radius: 2px; background: var(--wsl-grad); }
.wsl-loader--hands .wsl-loader__name { margin-top: 48px; animation-delay: .6s; }
.wsl-loader--signature .wsl-loader__track span { width: 100%; transform-origin: left; animation: wsl-fill 2.6s var(--wsl-ease) infinite; }
@keyframes wsl-sig-mark { 0% { transform: rotate(-110deg) scale(.55); opacity: 0; } 100% { transform: none; opacity: 1; } }
@keyframes wsl-sig-word { to { clip-path: inset(0 0 0 0); } }
@keyframes wsl-sig-shine { 0% { transform: translateX(-80px); } 45%, 100% { transform: translateX(170px); } }
@keyframes wsl-fill { 0% { transform: scaleX(0); opacity: 1; } 70% { transform: scaleX(1); opacity: 1; } 100% { transform: scaleX(1); opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
  .wsl-bar *, .wsl-mbar *, .wsl-mnav, .wsl-mnav *, .wsl-loader, .wsl-loader * { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; animation-delay: 0s !important; }
}
