/* CMS-rendered semantic links keep the copied layout while removing data-href divs. */
.header a,
.app-review a,
.card-box-col a,
.social-link a,
.nav-menu a,
.nav-menu button,
.chat-box a,
.service-btn,
.back-top {
  cursor: pointer;
}

.app-review a,
.card-box-col a,
.history__link,
.nav-menu a,
.chat-box a {
  color: inherit;
  text-decoration: none;
}

.history__link {
  display: block;
}

.nav-menu li > a,
.nav-menu li > button {
  appearance: none;
  border: 0;
  background: transparent;
  font: inherit;
  color: inherit;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  text-align: center;
}

.nav-tabs li > button {
  appearance: none;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  height: 100%;
  padding: 0;
  width: 100%;
}

.nav-pills a:focus-visible,
.nav-tabs li > button:focus-visible,
.header a:focus-visible,
.card-box-col a:focus-visible,
.app-review a:focus-visible,
.history__link:focus-visible,
.nav-menu a:focus-visible,
.nav-menu button:focus-visible,
.chat-box a:focus-visible,
.back-top:focus-visible {
  outline: 2px solid #e0861a;
  outline-offset: 3px;
}

.brand-box video {
  cursor: pointer;
}

.card > .card__poster {
  aspect-ratio: 16 / 9;
  background: #111;
  object-fit: contain;
  object-position: center;
}

.card:hover > .card__poster {
  transform: none;
}

#home-events-panel a.card:focus-visible {
  outline: 2px solid #e0861a;
  outline-offset: 3px;
}

#home-events-panel a.card {
  color: inherit;
  display: block;
  text-decoration: none;
}

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

/* Keep every fixed layer on the same centered site shell. The copied CSS used
   different positioning models, which exposed the conflict on article pages. */
:root {
  --site-shell-width: 460px;
  --bottom-navigation-height: 65px;
}

html,
body {
  min-height: 100%;
}

.wrap {
  box-sizing: border-box;
  min-height: 100dvh;
  width: min(100%, var(--site-shell-width));
  margin: 0 auto;
  padding-bottom: calc(var(--bottom-navigation-height) + env(safe-area-inset-bottom));
}

.header,
.nav-bottom {
  box-sizing: border-box;
  width: min(100vw, var(--site-shell-width));
  left: 50%;
}

.header {
  transform: translateX(-50%);
}

.wrap.article-page {
  margin: 0 auto;
}

.wrap.article-page .content {
  flex: 1 0 auto;
  min-width: 0;
}

.article-detail {
  margin: 1.6rem 0 2.4rem;
  min-width: 0;
}

.article-detail__cover {
  display: block;
  margin: 0 0 1.6rem;
  width: 100%;
  border-radius: 12px;
}

.article-detail__title {
  margin: 0 0 0.8rem;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  overflow-wrap: anywhere;
}

.article-detail__body {
  color: #999;
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: justify;
  overflow-wrap: anywhere;
}

.article-detail__body p {
  margin: 0;
}

.article-detail__body p + p {
  margin-top: 1rem;
}

.article-detail__body :is(h1, h2, h3, h4, h5, h6) {
  margin: 1.6rem 0 0.8rem;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
}

.article-detail__body :is(h4, h5, h6) {
  font-size: 1.4rem;
}

.article-detail__body img {
  display: block;
  margin: 1.6rem 0;
  max-width: 100%;
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.article-detail__body :is(ol, ul) {
  margin: 1.2rem 0;
  padding-left: 2.4rem;
}

.article-detail__body ol {
  list-style-type: decimal;
}

.article-detail__body ul {
  list-style-type: disc;
}

.article-detail__body li + li {
  margin-top: 1.2em;
}

.article-detail__body a {
  color: #e0861a;
  overflow-wrap: anywhere;
}

/* Each event video is a real page so navigation, refresh and browser history
   behave like the rest of the published site. */
.wrap.video-page {
  min-height: 100vh;
  min-height: 100dvh;
}

.video-page .content {
  display: flex;
  flex: 1 0 auto;
  min-height: calc(100vh - 5.5rem - var(--bottom-navigation-height));
  min-height: calc(100dvh - 5.5rem - var(--bottom-navigation-height) - env(safe-area-inset-bottom));
  padding: 0;
}

.video-detail {
  box-sizing: border-box;
  display: flex;
  flex: 1 0 100%;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 2.4rem 0;
}

.video-detail__media,
.video-detail__media .plyr,
.video-detail__media video,
.video-detail__poster {
  width: 100%;
}

.video-detail__media {
  background: #000;
}

.video-detail__media .plyr {
  --plyr-color-main: #e0861a;
}

.video-detail__media :is(.plyr__video-wrapper, video, .video-detail__poster) {
  aspect-ratio: 16 / 9;
}

.video-detail__media video,
.video-detail__poster {
  display: block;
  object-fit: contain;
}

.video-detail__info {
  padding: 1.6rem;
  color: #999;
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: justify;
  overflow-wrap: anywhere;
}

.video-detail__info h1 {
  margin: 0 0 0.8rem;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: left;
}

.video-detail__info p {
  margin: 0;
}

/* Brand detail pages retain the captured page hierarchy while using semantic links. */
.article-brand .button-box > a {
  text-decoration: none;
}

.article-brand .button-box > a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.article-brand .nav-pills {
  overscroll-behavior-inline: contain;
}

.article-brand .nav-pills ul {
  min-width: max-content;
}

.article-brand .article .cont {
  overflow-wrap: anywhere;
}

/* The CMS uses semantic anchors inside the support menu. Mirror the copied
   card treatment that originally targeted .chat-box li div. */
.chat-box li > a {
  display: flex;
  position: absolute;
  inset: 1px;
  border-radius: 0.8rem;
  background: linear-gradient(180deg, #333333 0%, #000 100%);
  font-size: 0.8rem;
  font-weight: bold;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
}

/* CMS order is editable, so support-menu masks cannot rely on nth-child. */
.chat-box li > a.chat-channel--support i,
.chat-box li > a.chat-channel--other i {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMTIiIGQ9Ik0yNCAwSDBWMjRIMjRWMFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yMS4wNjk2IDEwLjIxMTVWMTAuMDc4OEMyMS4wNjk2IDEwLjA2NTEgMjEuMDY2MSAxMC4wNTI0IDIxLjA2NTQgMTAuMDM5VjkuOTIyOEMyMS4wNjU0IDcuNTYzOTEgMjAuMTI4NCA1LjMwMTU5IDE4LjQ2MDQgMy42MzM2QzE2Ljc5MjQgMS45NjU2MSAxNC41MzAxIDEuMDI4NTYgMTIuMTcxMyAxLjAyODU2QzkuODEyMzYgMS4wMjg1NiA3LjU1MDA0IDEuOTY1NjEgNS44ODIwNSAzLjYzMzZDNC4yMTQwNiA1LjMwMTU5IDMuMjc3MDIgNy41NjM5MSAzLjI3NzAyIDkuOTIyOFYxMC4xOTE5QzIuNjQwNjQgMTAuMzU1MSAyLjA3NTY1IDEwLjcyMzMgMS42NjkyOSAxMS4yMzk1QzEuMjYyOTIgMTEuNzU1OCAxLjAzNzc4IDEyLjM5MTQgMS4wMjg1NiAxMy4wNDgzVjE0LjEwNzRDMS4wMzc4NCAxNC43NjU1IDEuMjYzODggMTUuNDAyMiAxLjY3MTY3IDE1LjkxODhDMi4wNzk0NyAxNi40MzU1IDIuNjQ2MjQgMTYuODAzMiAzLjI4NDIxIDE2Ljk2NTFDMy4yOTkwMSAxNy4yMzYyIDMuMzk1NTUgMTcuNDk2NiAzLjU2MTE1IDE3LjcxMThDMy43MjY3NiAxNy45MjcxIDMuOTUzNjQgMTguMDg3MSA0LjIxMTk2IDE4LjE3MDlDNC4yMjY0NSAxOS4xMzg5IDQuNjIwOCAyMC4wNjI0IDUuMzA5OTcgMjAuNzQyMkM1Ljk5OTEzIDIxLjQyMjEgNi45Mjc4OSAyMS44MDM5IDcuODk1OTYgMjEuODA1Mkg5Ljc5NDAyVjIwLjA5MDlINy44OTU5NkM3LjM5NDc0IDIwLjA5MDIgNi45MTI2MSAxOS44OTg2IDYuNTQ3NDcgMTkuNTU1M0M2LjE4MjMzIDE5LjIxMTkgNS45NjE1OSAxOC43NDI1IDUuOTMwMDYgMTguMjQyMkg3LjcyOTY4QzguMDg3NTQgMTguMjQxOCA4LjQzMDYzIDE4LjA5OTQgOC42ODM2NyAxNy44NDY0QzguOTM2NzEgMTcuNTkzMyA5LjA3OTA2IDE3LjI1MDMgOS4wNzk1MSAxNi44OTI0VjEwLjQ2MzhDOS4wNzkxNSAxMC4xMDU5IDguOTM2ODUgOS43NjI3NSA4LjY4MzggOS41MDk2M0M4LjQzMDc0IDkuMjU2NTIgOC4wODc2IDkuMTE0MTIgNy43Mjk2OCA5LjExMzY3SDUuMDM5OThDNS4yMzc3NyA3LjM2MDc1IDYuMDc0MjMgNS43NDIwNiA3LjM4OTY3IDQuNTY2NzFDOC43MDUxMSAzLjM5MTM1IDEwLjQwNzQgMi43NDE2OCAxMi4xNzE0IDIuNzQxNjhDMTMuOTM1NSAyLjc0MTY4IDE1LjYzNzcgMy4zOTEzNSAxNi45NTMxIDQuNTY2NzFDMTguMjY4NiA1Ljc0MjA2IDE5LjEwNSA3LjM2MDc1IDE5LjMwMjggOS4xMTM2N0gxNi42NjAxQzE2LjMwMjEgOS4xMTQxMiAxNS45NTkgOS4yNTY0OCAxNS43MDU5IDkuNTA5NTlDMTUuNDUyOCA5Ljc2MjcgMTUuMzEwNCAxMC4xMDU5IDE1LjMwOTkgMTAuNDYzOFYxNi44OTI0QzE1LjMxMDUgMTcuMjUwMyAxNS40NTI5IDE3LjU5MzQgMTUuNzA2IDE3Ljg0NjRDMTUuOTU5MSAxOC4wOTk0IDE2LjMwMjIgMTguMjQxOCAxNi42NjAxIDE4LjI0MjJIMTkuNzIwMUMyMC4wNjgzIDE4LjI0MTQgMjAuNDAyNyAxOC4xMDU5IDIwLjY1MzIgMTcuODY0MkMyMC45MDM4IDE3LjYyMjQgMjEuMDUxMiAxNy4yOTMxIDIxLjA2NDQgMTYuOTQ1MkMyMS42ODYyIDE2Ljc3MTMgMjIuMjM1MSAxNi40MDA5IDIyLjYyODkgMTUuODg5M0MyMy4wMjI2IDE1LjM3NzYgMjMuMjQwMiAxNC43NTIzIDIzLjI0OTEgMTQuMTA2N1YxMy4wNDc2QzIzLjI0MDIgMTIuNDAzMSAyMy4wMjMyIDExLjc3ODYgMjIuNjMwNCAxMS4yNjc1QzIyLjIzNzYgMTAuNzU2NCAyMS42OTAxIDEwLjM4NiAyMS4wNjk2IDEwLjIxMTVaTTIuNTcxNDIgMTQuMTA3NFYxMy4wNDgzQzIuNTc1NjcgMTIuODA1MSAyLjY0MjkxIDEyLjU2NzMgMi43NjY1OCAxMi4zNTc5QzIuODkwMjUgMTIuMTQ4NSAzLjA2NjEzIDExLjk3NDggMy4yNzcwMiAxMS44NTM4VjE1LjMwMTlDMy4wNjYzMyAxNS4xODA5IDIuODkwNTggMTUuMDA3NCAyLjc2NjkyIDE0Ljc5ODNDMi42NDMyNSAxNC41ODkyIDIuNTc1OTEgMTQuMzUxNiAyLjU3MTQyIDE0LjEwODdWMTQuMTA3NFpNNy4zNjUyMyAxNi41Mjg2SDQuOTkyNjhWMTAuODI4Nkg3LjM2NjYxTDcuMzY1MjMgMTYuNTI4NlpNMTkuMzU1MyAxNi41Mjg2SDE3LjAyMzlWMTAuODI4NkgxOS4zNTUzVjE2LjUyODZaTTIxLjcwNTkgMTQuMTA3NEMyMS43MDIzIDE0LjMzNjYgMjEuNjQyNCAxNC41NjE1IDIxLjUzMTQgMTQuNzYyMUMyMS40MjA1IDE0Ljk2MjggMjEuMjYxOSAxNS4xMzMxIDIxLjA2OTYgMTUuMjU4VjExLjg5OEMyMS4yNjIgMTIuMDIzIDIxLjQyMDYgMTIuMTkzNCAyMS41MzE2IDEyLjM5NDJDMjEuNjQyNSAxMi41OTQ5IDIxLjcwMjQgMTIuODE5OSAyMS43MDU5IDEzLjA0OTNWMTQuMTA3NFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMy4xMjA3IDE5LjAxNDRIMTEuMjg4NEMxMC4yMzIyIDE5LjAxNDQgOS4zNzU5OCAxOS44NzA2IDkuMzc1OTggMjAuOTI2OUM5LjM3NTk4IDIxLjk4MzEgMTAuMjMyMiAyMi44MzkzIDExLjI4ODQgMjIuODM5M0gxMy4xMjA3QzE0LjE3NjkgMjIuODM5MyAxNS4wMzMxIDIxLjk4MzEgMTUuMDMzMSAyMC45MjY5QzE1LjAzMzEgMTkuODcwNiAxNC4xNzY5IDE5LjAxNDQgMTMuMTIwNyAxOS4wMTQ0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMTIiIGQ9Ik0yNCAwSDBWMjRIMjRWMFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yMS4wNjk2IDEwLjIxMTVWMTAuMDc4OEMyMS4wNjk2IDEwLjA2NTEgMjEuMDY2MSAxMC4wNTI0IDIxLjA2NTQgMTAuMDM5VjkuOTIyOEMyMS4wNjU0IDcuNTYzOTEgMjAuMTI4NCA1LjMwMTU5IDE4LjQ2MDQgMy42MzM2QzE2Ljc5MjQgMS45NjU2MSAxNC41MzAxIDEuMDI4NTYgMTIuMTcxMyAxLjAyODU2QzkuODEyMzYgMS4wMjg1NiA3LjU1MDA0IDEuOTY1NjEgNS44ODIwNSAzLjYzMzZDNC4yMTQwNiA1LjMwMTU5IDMuMjc3MDIgNy41NjM5MSAzLjI3NzAyIDkuOTIyOFYxMC4xOTE5QzIuNjQwNjQgMTAuMzU1MSAyLjA3NTY1IDEwLjcyMzMgMS42NjkyOSAxMS4yMzk1QzEuMjYyOTIgMTEuNzU1OCAxLjAzNzc4IDEyLjM5MTQgMS4wMjg1NiAxMy4wNDgzVjE0LjEwNzRDMS4wMzc4NCAxNC43NjU1IDEuMjYzODggMTUuNDAyMiAxLjY3MTY3IDE1LjkxODhDMi4wNzk0NyAxNi40MzU1IDIuNjQ2MjQgMTYuODAzMiAzLjI4NDIxIDE2Ljk2NTFDMy4yOTkwMSAxNy4yMzYyIDMuMzk1NTUgMTcuNDk2NiAzLjU2MTE1IDE3LjcxMThDMy43MjY3NiAxNy45MjcxIDMuOTUzNjQgMTguMDg3MSA0LjIxMTk2IDE4LjE3MDlDNC4yMjY0NSAxOS4xMzg5IDQuNjIwOCAyMC4wNjI0IDUuMzA5OTcgMjAuNzQyMkM1Ljk5OTEzIDIxLjQyMjEgNi45Mjc4OSAyMS44MDM5IDcuODk1OTYgMjEuODA1Mkg5Ljc5NDAyVjIwLjA5MDlINy44OTU5NkM3LjM5NDc0IDIwLjA5MDIgNi45MTI2MSAxOS44OTg2IDYuNTQ3NDcgMTkuNTU1M0M2LjE4MjMzIDE5LjIxMTkgNS45NjE1OSAxOC43NDI1IDUuOTMwMDYgMTguMjQyMkg3LjcyOTY4QzguMDg3NTQgMTguMjQxOCA4LjQzMDYzIDE4LjA5OTQgOC42ODM2NyAxNy44NDY0QzguOTM2NzEgMTcuNTkzMyA5LjA3OTA2IDE3LjI1MDMgOS4wNzk1MSAxNi44OTI0VjEwLjQ2MzhDOS4wNzkxNSAxMC4xMDU5IDguOTM2ODUgOS43NjI3NSA4LjY4MzggOS41MDk2M0M4LjQzMDc0IDkuMjU2NTIgOC4wODc2IDkuMTE0MTIgNy43Mjk2OCA5LjExMzY3SDUuMDM5OThDNS4yMzc3NyA3LjM2MDc1IDYuMDc0MjMgNS43NDIwNiA3LjM4OTY3IDQuNTY2NzFDOC43MDUxMSAzLjM5MTM1IDEwLjQwNzQgMi43NDE2OCAxMi4xNzE0IDIuNzQxNjhDMTMuOTM1NSAyLjc0MTY4IDE1LjYzNzcgMy4zOTEzNSAxNi45NTMxIDQuNTY2NzFDMTguMjY4NiA1Ljc0MjA2IDE5LjEwNSA3LjM2MDc1IDE5LjMwMjggOS4xMTM2N0gxNi42NjAxQzE2LjMwMjEgOS4xMTQxMiAxNS45NTkgOS4yNTY0OCAxNS43MDU5IDkuNTA5NTlDMTUuNDUyOCA5Ljc2MjcgMTUuMzEwNCAxMC4xMDU5IDE1LjMwOTkgMTAuNDYzOFYxNi44OTI0QzE1LjMxMDUgMTcuMjUwMyAxNS40NTI5IDE3LjU5MzQgMTUuNzA2IDE3Ljg0NjRDMTUuOTU5MSAxOC4wOTk0IDE2LjMwMjIgMTguMjQxOCAxNi42NjAxIDE4LjI0MjJIMTkuNzIwMUMyMC4wNjgzIDE4LjI0MTQgMjAuNDAyNyAxOC4xMDU5IDIwLjY1MzIgMTcuODY0MkMyMC45MDM4IDE3LjYyMjQgMjEuMDUxMiAxNy4yOTMxIDIxLjA2NDQgMTYuOTQ1MkMyMS42ODYyIDE2Ljc3MTMgMjIuMjM1MSAxNi40MDA5IDIyLjYyODkgMTUuODg5M0MyMy4wMjI2IDE1LjM3NzYgMjMuMjQwMiAxNC43NTIzIDIzLjI0OTEgMTQuMTA2N1YxMy4wNDc2QzIzLjI0MDIgMTIuNDAzMSAyMy4wMjMyIDExLjc3ODYgMjIuNjMwNCAxMS4yNjc1QzIyLjIzNzYgMTAuNzU2NCAyMS42OTAxIDEwLjM4NiAyMS4wNjk2IDEwLjIxMTVaTTIuNTcxNDIgMTQuMTA3NFYxMy4wNDgzQzIuNTc1NjcgMTIuODA1MSAyLjY0MjkxIDEyLjU2NzMgMi43NjY1OCAxMi4zNTc5QzIuODkwMjUgMTIuMTQ4NSAzLjA2NjEzIDExLjk3NDggMy4yNzcwMiAxMS44NTM4VjE1LjMwMTlDMy4wNjYzMyAxNS4xODA5IDIuODkwNTggMTUuMDA3NCAyLjc2NjkyIDE0Ljc5ODNDMi42NDMyNSAxNC41ODkyIDIuNTc1OTEgMTQuMzUxNiAyLjU3MTQyIDE0LjEwODdWMTQuMTA3NFpNNy4zNjUyMyAxNi41Mjg2SDQuOTkyNjhWMTAuODI4Nkg3LjM2NjYxTDcuMzY1MjMgMTYuNTI4NlpNMTkuMzU1MyAxNi41Mjg2SDE3LjAyMzlWMTAuODI4NkgxOS4zNTUzVjE2LjUyODZaTTIxLjcwNTkgMTQuMTA3NEMyMS43MDIzIDE0LjMzNjYgMjEuNjQyNCAxNC41NjE1IDIxLjUzMTQgMTQuNzYyMUMyMS40MjA1IDE0Ljk2MjggMjEuMjYxOSAxNS4xMzMxIDIxLjA2OTYgMTUuMjU4VjExLjg5OEMyMS4yNjIgMTIuMDIzIDIxLjQyMDYgMTIuMTkzNCAyMS41MzE2IDEyLjM5NDJDMjEuNjQyNSAxMi41OTQ5IDIxLjcwMjQgMTIuODE5OSAyMS43MDU5IDEzLjA0OTNWMTQuMTA3NFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMy4xMjA3IDE5LjAxNDRIMTEuMjg4NEMxMC4yMzIyIDE5LjAxNDQgOS4zNzU5OCAxOS44NzA2IDkuMzc1OTggMjAuOTI2OUM5LjM3NTk4IDIxLjk4MzEgMTAuMjMyMiAyMi44MzkzIDExLjI4ODQgMjIuODM5M0gxMy4xMjA3QzE0LjE3NjkgMjIuODM5MyAxNS4wMzMxIDIxLjk4MzEgMTUuMDMzMSAyMC45MjY5QzE1LjAzMzEgMTkuODcwNiAxNC4xNzY5IDE5LjAxNDQgMTMuMTIwNyAxOS4wMTQ0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
}

.chat-box li > a.chat-channel--telegram i {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNTI1NDQgMTIuMjkzNUMyLjU3MTM3IDEyLjI3MTMgMi42MTczMyAxMi4yNTAyIDIuNjYyMTEgMTIuMjMwMkMzLjQ0MDYxIDExLjg4MTcgNC4yMjk0NiAxMS41NTU0IDUuMDE3MTUgMTEuMjI5QzUuMDU5NjMgMTEuMjI5IDUuMTMwODEgMTEuMTgxMyA1LjE3MDk5IDExLjE2NTdDNS4yMzE4NSAxMS4xNDAyIDUuMjkyNzIgMTEuMTE1OCA1LjM1MzU4IDExLjA5MDNMNS43MDM3OSAxMC45NDQ5QzUuOTM4MDQgMTAuODQ4MyA2LjE3MTExIDEwLjc1MTcgNi40MDUzNSAxMC42NTUxQzYuODcyNjkgMTAuNDYyIDcuMzQwMDIgMTAuMjY4OSA3LjgwNzM1IDEwLjA3NDZDOC43NDIwMiA5LjY4ODM0IDkuNjc3ODYgOS4zMDA5NSAxMC42MTI1IDguOTE0NjdDMTEuNTQ3MiA4LjUyODQgMTIuNDgzIDguMTQxMDEgMTMuNDE3NyA3Ljc1NDczQzE0LjM1MjMgNy4zNjg0NSAxNS4yODgxIDYuOTgxMDYgMTYuMjIyOCA2LjU5NDc4QzE3LjE1NzUgNi4yMDg1IDE4LjA5MzMgNS44MjExMSAxOS4wMjggNS40MzQ4NEMxOS4yMzU4IDUuMzQ4MjYgMTkuNDYwOSA1LjIxOTUgMTkuNjgzNiA1LjE4MTc2QzE5Ljg3MDggNS4xNDk1NyAyMC4wNTMzIDUuMDg3NDEgMjAuMjQxNyA1LjA1M0MyMC41OTg4IDQuOTg3NTEgMjAuOTkyNiA0Ljk2MDg3IDIxLjMzNDggNS4xMDQwNkMyMS40NTMgNS4xNTQwMSAyMS41NjIxIDUuMjIzOTMgMjEuNjUyOCA1LjMxMTYyQzIyLjA4NjkgNS43MjY3NiAyMi4wMjYgNi40MDgzIDIxLjkzNDIgNi45OTIxNkMyMS4yOTQ2IDExLjA2MTQgMjAuNjU1IDE1LjEzMTggMjAuMDE0MyAxOS4yMDFDMTkuOTI3IDE5Ljc1OTMgMTkuODA3NiAyMC4zNzIxIDE5LjM1MTggMjAuNzI1QzE4Ljk2NiAyMS4wMjM2IDE4LjQxNzEgMjEuMDU2OSAxNy45NDA2IDIwLjkzMDRDMTcuNDY0MSAyMC44MDI3IDE3LjA0MzggMjAuNTM1MiAxNi42MzE2IDIwLjI3MjJDMTQuOTIxOSAxOS4xNzc3IDEzLjIxMSAxOC4wODMyIDExLjUwMTMgMTYuOTg4OEMxMS4wOTQ4IDE2LjcyOSAxMC42NDI0IDE2LjM4OTQgMTAuNjQ3IDE1LjkxNzZDMTAuNjQ5MyAxNS42MzM1IDEwLjgyNDkgMTUuMzgwNCAxMS4wMDQxIDE1LjE1NTFDMTIuNDg5OSAxMy4yODE0IDE0LjYzMzcgMTEuOTkzOCAxNi4yMjg2IDEwLjIwNjdDMTYuNDUzNiA5Ljk1NDc0IDE2LjYzMDQgOS40OTk2NCAxNi4zMjE2IDkuMzU0MjNDMTYuMTM3OSA5LjI2NzY1IDE1LjkyNjYgOS4zODUzMSAxNS43NTg5IDkuNDk3NDJDMTMuNjUwNyAxMC45MTI3IDExLjU0MzcgMTIuMzI5IDkuNDM1NTggMTMuNzQ0M0M4Ljc0Nzc4IDE0LjIwNiA4LjAyNjY5IDE0LjY4MTEgNy4xOTc2NiAxNC43OTQzQzYuNDU1ODkgMTQuODk2NCA1LjcwOTU0IDE0LjY5NjYgNC45OTE4OSAxNC40OTI0QzQuMzkwMjEgMTQuMzIxNSAzLjc4OTY2IDE0LjE0NjEgMy4xOTE0MyAxMy45NjUyQzIuODczMzcgMTMuODY5NyAyLjU0NDk3IDEzLjc2NjUgMi4yOTkyNCAxMy41NUMyLjA1MzUyIDEzLjMzMzYgMS45MTIzMSAxMi45Njk1IDIuMDYwNDMgMTIuNjgwOUMyLjE1MzQ0IDEyLjUgMi4zMzM3MSAxMi4zODU2IDIuNTIzMTcgMTIuMjkyNEwyLjUyNTQ0IDEyLjI5MzVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNTI1NDQgMTIuMjkzNUMyLjU3MTM3IDEyLjI3MTMgMi42MTczMyAxMi4yNTAyIDIuNjYyMTEgMTIuMjMwMkMzLjQ0MDYxIDExLjg4MTcgNC4yMjk0NiAxMS41NTU0IDUuMDE3MTUgMTEuMjI5QzUuMDU5NjMgMTEuMjI5IDUuMTMwODEgMTEuMTgxMyA1LjE3MDk5IDExLjE2NTdDNS4yMzE4NSAxMS4xNDAyIDUuMjkyNzIgMTEuMTE1OCA1LjM1MzU4IDExLjA5MDNMNS43MDM3OSAxMC45NDQ5QzUuOTM4MDQgMTAuODQ4MyA2LjE3MTExIDEwLjc1MTcgNi40MDUzNSAxMC42NTUxQzYuODcyNjkgMTAuNDYyIDcuMzQwMDIgMTAuMjY4OSA3LjgwNzM1IDEwLjA3NDZDOC43NDIwMiA5LjY4ODM0IDkuNjc3ODYgOS4zMDA5NSAxMC42MTI1IDguOTE0NjdDMTEuNTQ3MiA4LjUyODQgMTIuNDgzIDguMTQxMDEgMTMuNDE3NyA3Ljc1NDczQzE0LjM1MjMgNy4zNjg0NSAxNS4yODgxIDYuOTgxMDYgMTYuMjIyOCA2LjU5NDc4QzE3LjE1NzUgNi4yMDg1IDE4LjA5MzMgNS44MjExMSAxOS4wMjggNS40MzQ4NEMxOS4yMzU4IDUuMzQ4MjYgMTkuNDYwOSA1LjIxOTUgMTkuNjgzNiA1LjE4MTc2QzE5Ljg3MDggNS4xNDk1NyAyMC4wNTMzIDUuMDg3NDEgMjAuMjQxNyA1LjA1M0MyMC41OTg4IDQuOTg3NTEgMjAuOTkyNiA0Ljk2MDg3IDIxLjMzNDggNS4xMDQwNkMyMS40NTMgNS4xNTQwMSAyMS41NjIxIDUuMjIzOTMgMjEuNjUyOCA1LjMxMTYyQzIyLjA4NjkgNS43MjY3NiAyMi4wMjYgNi40MDgzIDIxLjkzNDIgNi45OTIxNkMyMS4yOTQ2IDExLjA2MTQgMjAuNjU1IDE1LjEzMTggMjAuMDE0MyAxOS4yMDFDMTkuOTI3IDE5Ljc1OTMgMTkuODA3NiAyMC4zNzIxIDE5LjM1MTggMjAuNzI1QzE4Ljk2NiAyMS4wMjM2IDE4LjQxNzEgMjEuMDU2OSAxNy45NDA2IDIwLjkzMDRDMTcuNDY0MSAyMC44MDI3IDE3LjA0MzggMjAuNTM1MiAxNi42MzE2IDIwLjI3MjJDMTQuOTIxOSAxOS4xNzc3IDEzLjIxMSAxOC4wODMyIDExLjUwMTMgMTYuOTg4OEMxMS4wOTQ4IDE2LjcyOSAxMC42NDI0IDE2LjM4OTQgMTAuNjQ3IDE1LjkxNzZDMTAuNjQ5MyAxNS42MzM1IDEwLjgyNDkgMTUuMzgwNCAxMS4wMDQxIDE1LjE1NTFDMTIuNDg5OSAxMy4yODE0IDE0LjYzMzcgMTEuOTkzOCAxNi4yMjg2IDEwLjIwNjdDMTYuNDUzNiA5Ljk1NDc0IDE2LjYzMDQgOS40OTk2NCAxNi4zMjE2IDkuMzU0MjNDMTYuMTM3OSA5LjI2NzY1IDE1LjkyNjYgOS4zODUzMSAxNS43NTg5IDkuNDk3NDJDMTMuNjUwNyAxMC45MTI3IDExLjU0MzcgMTIuMzI5IDkuNDM1NTggMTMuNzQ0M0M4Ljc0Nzc4IDE0LjIwNiA4LjAyNjY5IDE0LjY4MTEgNy4xOTc2NiAxNC43OTQzQzYuNDU1ODkgMTQuODk2NCA1LjcwOTU0IDE0LjY5NjYgNC45OTE4OSAxNC40OTI0QzQuMzkwMjEgMTQuMzIxNSAzLjc4OTY2IDE0LjE0NjEgMy4xOTE0MyAxMy45NjUyQzIuODczMzcgMTMuODY5NyAyLjU0NDk3IDEzLjc2NjUgMi4yOTkyNCAxMy41NUMyLjA1MzUyIDEzLjMzMzYgMS45MTIzMSAxMi45Njk1IDIuMDYwNDMgMTIuNjgwOUMyLjE1MzQ0IDEyLjUgMi4zMzM3MSAxMi4zODU2IDIuNTIzMTcgMTIuMjkyNEwyLjUyNTQ0IDEyLjI5MzVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
}

.chat-box li > a.chat-channel--facebook i {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjcwMjcgNy4yNTkwMVY5LjkyMzc4SDE2Ljk5OTFMMTYuNDc3MiAxMy41MTM0SDEzLjcwMjdWMjEuNzgzN0MxMy4xNDY0IDIxLjg2MDggMTIuNTc3MyAyMS45MDExIDExLjk5OTYgMjEuOTAxMUMxMS4zMzI3IDIxLjkwMTEgMTAuNjc3OSAyMS44NDggMTAuMDQwMiAyMS43NDUxVjEzLjUxMzRIN1Y5LjkyMzc4SDEwLjA0MDJWNi42NjMzMUMxMC4wNDAyIDQuNjQwNTIgMTEuNjc5OSAzIDEzLjcwMzUgM1YzLjAwMTcxQzEzLjcwOTUgMy4wMDE3MSAxMy43MTQ3IDMgMTMuNzIwNyAzSDE3VjYuMTA0NDdIMTQuODU3MkMxNC4yMjA0IDYuMTA0NDcgMTMuNzAzNSA2LjYyMTMxIDEzLjcwMzUgNy4yNTgxNUwxMy43MDI3IDcuMjU5MDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjcwMjcgNy4yNTkwMVY5LjkyMzc4SDE2Ljk5OTFMMTYuNDc3MiAxMy41MTM0SDEzLjcwMjdWMjEuNzgzN0MxMy4xNDY0IDIxLjg2MDggMTIuNTc3MyAyMS45MDExIDExLjk5OTYgMjEuOTAxMUMxMS4zMzI3IDIxLjkwMTEgMTAuNjc3OSAyMS44NDggMTAuMDQwMiAyMS43NDUxVjEzLjUxMzRIN1Y5LjkyMzc4SDEwLjA0MDJWNi42NjMzMUMxMC4wNDAyIDQuNjQwNTIgMTEuNjc5OSAzIDEzLjcwMzUgM1YzLjAwMTcxQzEzLjcwOTUgMy4wMDE3MSAxMy43MTQ3IDMgMTMuNzIwNyAzSDE3VjYuMTA0NDdIMTQuODU3MkMxNC4yMjA0IDYuMTA0NDcgMTMuNzAzNSA2LjYyMTMxIDEzLjcwMzUgNy4yNTgxNUwxMy43MDI3IDcuMjU5MDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
}

.chat-box li > a.chat-channel--whatsapp i {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjMwOSAxMi41ODQ5QzE3LjA0NTggMTIuNDUxNyAxNS43NjQyIDExLjgyNjMgMTUuNTI0NyAxMS43MzdDMTUuMjg1MSAxMS42NTE3IDE1LjExMTIgMTEuNjA3MSAxNC45MzY3IDExLjg3MDJDMTQuNzY2IDEyLjEyNjggMTQuMjYzMyAxMi43MTQyIDE0LjEwOTggMTIuODg1NUMxMy45NTYyIDEzLjA1NjcgMTMuODA1MyAxMy4wNjk5IDEzLjU0NjEgMTIuOTUzN0MxMy4yODI5IDEyLjgyMDUgMTIuNDQyMyAxMi41NDY4IDExLjQ0NDEgMTEuNjUxN0MxMC42NjQ1IDEwLjk1ODEgMTAuMTQ1NCAxMC4xMDM2IDkuOTkxMTYgOS44NDA0N0M5LjgzNzU5IDkuNTgwNTkgOS45NzQwOSA5LjQzMzU5IDEwLjEwNCA5LjMwMzY2QzEwLjIyMzUgOS4xODQyMiAxMC4zNjcyIDkuMDAzMDkgMTAuNTAwNCA4Ljg0NTU5QzEwLjYyNzEgOC42ODgwOSAxMC42Njc4IDguNTgyNDQgMTAuNzYwMyA4LjQxMTgxQzEwLjg0NTYgOC4yMjc0MSAxMC44MDE2IDguMDgzNjkgMTAuNzM2NyA3Ljk1Mzc1QzEwLjY3MTcgNy44MjM4MSAxMC4xNDg3IDYuNTM1NTkgOS45MzAxMiA2LjAyMjQxQzkuNzIxNDQgNS41MTMxNiA5LjUwMjkxIDUuNTc4MTIgOS4zNDIxMiA1LjU3ODEyQzkuMTkxODQgNS41NjQzNCA5LjAxNzI4IDUuNTY0MzQgOC44NDMzOCA1LjU2NDM0QzguNjY5NDcgNS41NjQzNCA4LjM4NTMxIDUuNjI5MzEgOC4xNDU3OCA1Ljg3ODY5QzcuOTA2MjUgNi4xNDE4NCA3LjIyOTY2IDYuNzcwNTMgNy4yMjk2NiA4LjA0MjM0QzcuMjI5NjYgOS4zMTc0NCA4LjE2NjEyIDEwLjU1MTIgOC4yOTYwNiAxMC43MzU2QzguNDI5MjggMTAuOTA2MiAxMC4xMzgyIDEzLjUzMTIgMTIuNzU5OSAxNC42NTkzQzEzLjM4NTMgMTQuOTIyNSAxMy44NzA5IDE1LjA4IDE0LjI1MDIgMTUuMjA5OUMxNC44NzU2IDE1LjQwODEgMTUuNDQ2NiAxNS4zODA1IDE1Ljg5NzQgMTUuMzE1NkMxNi4zOTYyIDE1LjIzMzUgMTcuNDQyMiAxNC42ODI5IDE3LjY2MTQgMTQuMDY4QzE3Ljg4MzkgMTMuNDQ5MiAxNy44ODM5IDEyLjkzNjcgMTcuODE4OSAxMi44MjA1QzE3Ljc1MzkgMTIuNzAxMSAxNy41ODMzIDEyLjYzNjEgMTcuMzIwMiAxMi41MTk5TDE3LjMwOSAxMi41ODQ5Wk0xMi41NTQ1IDE5LjAzMTJIMTIuNTQwN0MxMC45ODg3IDE5LjAzMTIgOS40NTQzNCAxOC42MTA2IDguMTE0MjggMTcuODI0NEw3Ljc5OTk0IDE3LjYzNjdMNC41MTg2OSAxOC40OTEyTDUuNDAwNjkgMTUuMjk4NUw1LjE4ODcyIDE0Ljk3MDRDNC4zMjIyNSAxMy41OTI0IDMuODYyNTEgMTEuOTk3OCAzLjg2MjQ0IDEwLjM3MDFDMy44NjI0NCA1LjYwNTY5IDcuNzYyNTMgMS43MTkzNyAxMi41NjEgMS43MTkzN0MxNC44ODU1IDEuNzE5MzcgMTcuMDY2MiAyLjYyNSAxOC43MDY4IDQuMjY1NjJDMTkuNTE2MSA1LjA2NTM3IDIwLjE1OCA2LjAxODI1IDIwLjU5NTIgNy4wNjg2OEMyMS4wMzI0IDguMTE5MTEgMjEuMjU2IDkuMjQ2MDggMjEuMjUzMSAxMC4zODM4QzIxLjI0NjUgMTUuMTQ0OSAxNy4zNDk3IDE5LjAzMTIgMTIuNTU3NyAxOS4wMzEySDEyLjU1NDVaTTE5Ljk1NDMgMy4wMTgwOUMxNy45NTggMS4wOTAwMyAxNS4zMzMgMCAxMi41NDA3IDBDNi43ODE0NCAwIDIuMDkxODggNC42NjkyMiAyLjA4ODU5IDEwLjQwNzVDMi4wODg1OSAxMi4yMzk3IDIuNTY3IDE0LjAyNzMgMy40ODMxMiAxNS42MDk2TDIgMjFMNy41NDQgMTkuNTU0M0M5LjA3OTUzIDIwLjM4MzEgMTAuNzk2NCAyMC44MTg3IDEyLjU0MTMgMjAuODIyMkgxMi41NDQ2QzE4LjMwNzIgMjAuODIyMiAyMi45OTY3IDE2LjE1MjkgMjMgMTAuNDEwOEMyMyA3LjYzMjE5IDIxLjkxNjUgNS4wMTcwMyAxOS45NDEyIDMuMDUxNTZMMTkuOTU0MyAzLjAxODA5WiIgZmlsbD0iI0UwODYxQSIvPgo8L3N2Zz4K");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjMwOSAxMi41ODQ5QzE3LjA0NTggMTIuNDUxNyAxNS43NjQyIDExLjgyNjMgMTUuNTI0NyAxMS43MzdDMTUuMjg1MSAxMS42NTE3IDE1LjExMTIgMTEuNjA3MSAxNC45MzY3IDExLjg3MDJDMTQuNzY2IDEyLjEyNjggMTQuMjYzMyAxMi43MTQyIDE0LjEwOTggMTIuODg1NUMxMy45NTYyIDEzLjA1NjcgMTMuODA1MyAxMy4wNjk5IDEzLjU0NjEgMTIuOTUzN0MxMy4yODI5IDEyLjgyMDUgMTIuNDQyMyAxMi41NDY4IDExLjQ0NDEgMTEuNjUxN0MxMC42NjQ1IDEwLjk1ODEgMTAuMTQ1NCAxMC4xMDM2IDkuOTkxMTYgOS44NDA0N0M5LjgzNzU5IDkuNTgwNTkgOS45NzQwOSA5LjQzMzU5IDEwLjEwNCA5LjMwMzY2QzEwLjIyMzUgOS4xODQyMiAxMC4zNjcyIDkuMDAzMDkgMTAuNTAwNCA4Ljg0NTU5QzEwLjYyNzEgOC42ODgwOSAxMC42Njc4IDguNTgyNDQgMTAuNzYwMyA4LjQxMTgxQzEwLjg0NTYgOC4yMjc0MSAxMC44MDE2IDguMDgzNjkgMTAuNzM2NyA3Ljk1Mzc1QzEwLjY3MTcgNy44MjM4MSAxMC4xNDg3IDYuNTM1NTkgOS45MzAxMiA2LjAyMjQxQzkuNzIxNDQgNS41MTMxNiA5LjUwMjkxIDUuNTc4MTIgOS4zNDIxMiA1LjU3ODEyQzkuMTkxODQgNS41NjQzNCA5LjAxNzI4IDUuNTY0MzQgOC44NDMzOCA1LjU2NDM0QzguNjY5NDcgNS41NjQzNCA4LjM4NTMxIDUuNjI5MzEgOC4xNDU3OCA1Ljg3ODY5QzcuOTA2MjUgNi4xNDE4NCA3LjIyOTY2IDYuNzcwNTMgNy4yMjk2NiA4LjA0MjM0QzcuMjI5NjYgOS4zMTc0NCA4LjE2NjEyIDEwLjU1MTIgOC4yOTYwNiAxMC43MzU2QzguNDI5MjggMTAuOTA2MiAxMC4xMzgyIDEzLjUzMTIgMTIuNzU5OSAxNC42NTkzQzEzLjM4NTMgMTQuOTIyNSAxMy44NzA5IDE1LjA4IDE0LjI1MDIgMTUuMjA5OUMxNC44NzU2IDE1LjQwODEgMTUuNDQ2NiAxNS4zODA1IDE1Ljg5NzQgMTUuMzE1NkMxNi4zOTYyIDE1LjIzMzUgMTcuNDQyMiAxNC42ODI5IDE3LjY2MTQgMTQuMDY4QzE3Ljg4MzkgMTMuNDQ5MiAxNy44ODM5IDEyLjkzNjcgMTcuODE4OSAxMi44MjA1QzE3Ljc1MzkgMTIuNzAxMSAxNy41ODMzIDEyLjYzNjEgMTcuMzIwMiAxMi41MTk5TDE3LjMwOSAxMi41ODQ5Wk0xMi41NTQ1IDE5LjAzMTJIMTIuNTQwN0MxMC45ODg3IDE5LjAzMTIgOS40NTQzNCAxOC42MTA2IDguMTE0MjggMTcuODI0NEw3Ljc5OTk0IDE3LjYzNjdMNC41MTg2OSAxOC40OTEyTDUuNDAwNjkgMTUuMjk4NUw1LjE4ODcyIDE0Ljk3MDRDNC4zMjIyNSAxMy41OTI0IDMuODYyNTEgMTEuOTk3OCAzLjg2MjQ0IDEwLjM3MDFDMy44NjI0NCA1LjYwNTY5IDcuNzYyNTMgMS43MTkzNyAxMi41NjEgMS43MTkzN0MxNC44ODU1IDEuNzE5MzcgMTcuMDY2MiAyLjYyNSAxOC43MDY4IDQuMjY1NjJDMTkuNTE2MSA1LjA2NTM3IDIwLjE1OCA2LjAxODI1IDIwLjU5NTIgNy4wNjg2OEMyMS4wMzI0IDguMTE5MTEgMjEuMjU2IDkuMjQ2MDggMjEuMjUzMSAxMC4zODM4QzIxLjI0NjUgMTUuMTQ0OSAxNy4zNDk3IDE5LjAzMTIgMTIuNTU3NyAxOS4wMzEySDEyLjU1NDVaTTE5Ljk1NDMgMy4wMTgwOUMxNy45NTggMS4wOTAwMyAxNS4zMzMgMCAxMi41NDA3IDBDNi43ODE0NCAwIDIuMDkxODggNC42NjkyMiAyLjA4ODU5IDEwLjQwNzVDMi4wODg1OSAxMi4yMzk3IDIuNTY3IDE0LjAyNzMgMy40ODMxMiAxNS42MDk2TDIgMjFMNy41NDQgMTkuNTU0M0M5LjA3OTUzIDIwLjM4MzEgMTAuNzk2NCAyMC44MTg3IDEyLjU0MTMgMjAuODIyMkgxMi41NDQ2QzE4LjMwNzIgMjAuODIyMiAyMi45OTY3IDE2LjE1MjkgMjMgMTAuNDEwOEMyMyA3LjYzMjE5IDIxLjkxNjUgNS4wMTcwMyAxOS45NDEyIDMuMDUxNTZMMTkuOTU0MyAzLjAxODA5WiIgZmlsbD0iI0UwODYxQSIvPgo8L3N2Zz4K");
}

/* Progressive motion: content remains visible unless the runtime observer is active. */
:root {
  --motion-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --motion-duration: 680ms;
}

html {
  scroll-behavior: smooth;
}

.motion-ready .header {
  animation: cms-header-enter 620ms var(--motion-ease-out) both;
}

.motion-ready .nav-bottom {
  animation: cms-navigation-enter 620ms 180ms var(--motion-ease-out) both;
}

.motion-ready .home .kv .bg-video {
  animation: cms-hero-enter 1100ms 80ms var(--motion-ease-out) both;
}

.motion-ready .home .kv .kv-shadow {
  animation: cms-fade-enter 900ms 300ms ease-out both;
}

.motion-ready .mute-control {
  animation: cms-control-breathe 2800ms 1100ms ease-in-out infinite;
}

.motion-ready .headline .inner .lf i {
  animation: cms-headline-float 3200ms ease-in-out infinite;
}

.motion-ready .footer-bottom .girl img {
  animation: cms-footer-float 4600ms ease-in-out infinite;
  transform-origin: 50% 100%;
}

.motion-ready .motion-reveal {
  opacity: 0;
  transform: translate3d(0, 1.8rem, 0) scale(0.985);
  transition: border-color 240ms ease, box-shadow 240ms ease;
}

.motion-ready .motion-reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  animation: cms-reveal-enter var(--motion-duration) var(--motion-ease-out) backwards;
  animation-delay: calc(var(--motion-order, 0) * 55ms);
}

.motion-ready .motion-panel-enter .motion-panel-item {
  animation: cms-panel-item-enter 520ms var(--motion-ease-out) backwards;
  animation-delay: calc(var(--motion-order, 0) * 60ms);
}

.header [class^="btn"],
.card,
.nav-pills li,
.nav-pills li a,
.nav-menu li > a,
.nav-menu li > button,
.social-link li a,
.service-btn {
  transition:
    transform 240ms var(--motion-ease-out),
    border-color 240ms ease,
    box-shadow 240ms ease,
    color 240ms ease,
    background-color 240ms ease,
    filter 240ms ease;
}

.app-review li > a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.card {
  overflow: hidden;
}

.card :is(img, video),
.social-link li img,
.service-btn img,
.nav-menu li i {
  transition: transform 420ms var(--motion-ease-out), filter 240ms ease;
}

.nav-pills li.active {
  animation: cms-pill-select 420ms var(--motion-ease-spring) backwards;
}

.popup.active {
  animation: cms-overlay-enter 240ms ease-out both;
}

.popup.active .popup-body {
  animation: cms-popup-content-enter 520ms var(--motion-ease-out) both;
}

.chat-box.active::before {
  animation: cms-overlay-enter 240ms ease-out both;
}

.chat-box.active li {
  animation: cms-chat-item-enter 420ms var(--motion-ease-spring) both;
}

.chat-box.active li:nth-child(2) {
  animation-delay: 45ms;
}

.chat-box.active li:nth-child(3) {
  animation-delay: 90ms;
}

.chat-box.active li:nth-child(4) {
  animation-delay: 135ms;
}

.back-top {
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, 0.8rem, 0) scale(0.94);
  transition: opacity 240ms ease, transform 320ms var(--motion-ease-out);
}

.back-top.active {
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(0, 0, 0) scale(1);
}

@media (hover: hover) and (pointer: fine) {
  .header [class^="btn"]:hover,
  .service-btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
  }

  .card:hover,
  .motion-ready .motion-reveal.card.is-visible:hover {
    border-color: rgba(224, 134, 26, 0.72);
    box-shadow: 0 1rem 2.4rem rgba(0, 0, 0, 0.36);
    transform: translate3d(0, -4px, 0) scale(1.01);
  }

  .card:hover :is(img, video) {
    transform: scale(1.035);
  }

  .nav-pills li:not(.active):hover a {
    color: #fff;
    background: #333;
    transform: translateY(-2px);
  }

  .nav-tabs li:hover {
    color: #fff;
  }

  .nav-menu li:hover > :is(a, button) {
    color: #ffaa09;
    transform: translateY(-2px);
  }

  .nav-menu li:hover i {
    transform: scale(1.08);
  }

  .social-link li a:hover {
    transform: translateY(-3px) scale(1.06);
  }
}

.header [class^="btn"]:active,
.card:active,
.nav-pills li:active,
.nav-menu li > :is(a, button):active,
.social-link li a:active,
.service-btn:active {
  transform: scale(0.96);
  transition-duration: 90ms;
}

/* The circular artwork belongs to each brand asset; the layout adds no frame. */
.app-review ul {
  gap: 0.75rem;
}

.app-review li {
  box-sizing: border-box;
  display: block;
  width: calc((100% - 0.75rem * 3) / 4);
  aspect-ratio: 1;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.app-review li > a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.app-review li > a > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.app-review li > a > span {
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 14%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 66%;
  min-height: 1.7rem;
  padding: 0.15rem 0.25rem;
  transform: translateX(-50%);
  border: 1px solid rgba(255, 235, 163, 0.82);
  border-radius: 999px;
  background: linear-gradient(180deg, #ffd775 0%, #ffad16 48%, #d87a00 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0.15rem 0.4rem rgba(0, 0, 0, 0.45);
  color: #1b1205;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
}

@keyframes cms-header-enter {
  from { opacity: 0; transform: translate3d(-50%, -100%, 0); }
  to { opacity: 1; transform: translate3d(-50%, 0, 0); }
}

@keyframes cms-navigation-enter {
  from { opacity: 0; transform: translate3d(-50%, 100%, 0); }
  to { opacity: 1; transform: translate3d(-50%, 0, 0); }
}

@keyframes cms-hero-enter {
  from { opacity: 0; transform: scale(1.045); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes cms-fade-enter {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes cms-control-breathe {
  0%, 100% { box-shadow: 0 0 0 0 rgba(224, 134, 26, 0); }
  50% { box-shadow: 0 0 0 0.7rem rgba(224, 134, 26, 0.12); }
}

@keyframes cms-headline-float {
  0%, 100% { transform: translateY(-17%) rotate(0); }
  50% { transform: translateY(-24%) rotate(-2deg); }
}

@keyframes cms-footer-float {
  0%, 100% { transform: translateY(0) rotate(0); }
  50% { transform: translateY(-0.5rem) rotate(0.8deg); }
}

@keyframes cms-reveal-enter {
  from { opacity: 0; transform: translate3d(0, 1.8rem, 0) scale(0.985); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes cms-panel-item-enter {
  from { opacity: 0; transform: translate3d(0, 1.4rem, 0) scale(0.975); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes cms-pill-select {
  0% { transform: scale(0.94); }
  70% { transform: scale(1.025); }
  100% { transform: scale(1); }
}

@keyframes cms-overlay-enter {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes cms-popup-content-enter {
  from { opacity: 0; transform: translate3d(0, 1.5rem, 0) scale(0.98); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes cms-chat-item-enter {
  from { opacity: 0; transform: translate3d(0, 1rem, 0) scale(0.82); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .wrap *,
  .wrap *::before,
  .wrap *::after {
    animation-duration: 0.01ms !important;
    animation-delay: 0ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
  }

  .motion-ready .motion-reveal {
    opacity: 1;
    transform: none;
  }
}