/* SMSocial canonical public-page phone navigation bridge. */
.sms-public-mobile-nav-shell{display:none}
@media(max-width:767px){
 body.smsocial-public-mobile-nav-enabled{padding-bottom:max(76px,calc(66px + env(safe-area-inset-bottom,0px)))}
 .sms-public-mobile-nav-shell{display:block;--sms-public-primary:var(--sms-primary,var(--smsct-brand,#5b4ee8));--sms-public-surface:#fff;--sms-public-border:#e7e9f2;--sms-public-muted:#697386}
 .sms-mobile-bottom-nav--public{position:fixed;z-index:100300;inset-inline:0;inset-block-end:0;min-block-size:calc(66px + env(safe-area-inset-bottom,0px));padding:6px max(8px,env(safe-area-inset-right,0px)) max(6px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:2px;border-block-start:1px solid var(--sms-public-border);background:color-mix(in srgb,var(--sms-public-surface) 94%,transparent);box-shadow:0 -12px 34px rgba(23,32,51,.10);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item{position:relative;min-inline-size:0;min-block-size:54px;padding:6px 2px 4px;border:0;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;color:var(--sms-public-muted);font:inherit;font-size:10px;font-weight:760;line-height:1.05;text-align:center;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
 .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item>.sms-icon,.sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__icon-wrap>.sms-icon{inline-size:22px;block-size:22px}
 .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item>span:last-child{max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item.is-active,.sms-public-mobile-nav-shell.is-menu-open .sms-mobile-bottom-nav__item--me{color:var(--sms-public-primary);background:color-mix(in srgb,var(--sms-public-primary) 10%,#fff)}
 .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item.is-active::after,.sms-public-mobile-nav-shell.is-menu-open .sms-mobile-bottom-nav__item--me::after{content:"";position:absolute;inset-block-end:2px;inline-size:18px;block-size:2px;border-radius:999px;background:var(--sms-public-primary)}
 .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__icon-wrap{position:relative;display:grid;place-items:center}
 .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__badge{position:absolute;inset-block-start:-7px;inset-inline-end:-10px;min-inline-size:17px;block-size:17px;padding-inline:4px;display:grid;place-items:center;border:2px solid #fff;border-radius:999px;background:#e5484d;color:#fff;font-size:8px;font-weight:900;line-height:1}
 .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item--create{overflow:visible;justify-content:flex-end;padding-block-start:0;color:var(--sms-public-primary);background:transparent!important}
 .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item--create::after{display:none!important}
 .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__create-mark{inline-size:54px;block-size:54px;margin-block-start:-24px;display:grid;place-items:center;border:5px solid #fff;border-radius:50%;background:var(--sms-public-primary);color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--sms-public-primary) 30%,transparent)}
 .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__create-mark>.sms-icon{inline-size:25px;block-size:25px;stroke-width:2.15}
 .sms-public-mobile-menu__backdrop{position:fixed;z-index:100380;inset:0;border:0;background:rgba(18,24,38,.34);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}
 .sms-public-mobile-menu{position:fixed;z-index:100400;inset-inline:10px;inset-block-end:calc(76px + env(safe-area-inset-bottom,0px));max-block-size:min(70dvh,520px);padding:8px 12px 14px;border:1px solid var(--sms-public-border);border-radius:22px;background:#fff;box-shadow:0 22px 60px rgba(23,32,51,.22);transform:translateY(24px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .2s ease,opacity .18s ease,visibility .18s ease}
 .sms-public-mobile-menu__handle{inline-size:38px;block-size:4px;margin:2px auto 8px;border-radius:999px;background:#d9dde8}
 .sms-public-mobile-menu__head{display:flex;align-items:center;justify-content:space-between;min-block-size:42px;padding:0 4px 7px;border-bottom:1px solid #eef0f5;font-size:1rem}
 .sms-public-mobile-menu__close{inline-size:38px;block-size:38px;border:0;border-radius:50%;background:#f4f5f8;color:#354052;font-size:25px;line-height:1;cursor:pointer}
 .sms-public-mobile-menu__links{display:grid;gap:4px;padding-top:8px}
 .sms-public-mobile-menu__links a{min-block-size:48px;padding:9px 11px;border-radius:13px;display:flex;align-items:center;gap:11px;color:#263244;text-decoration:none;font-weight:700}
 .sms-public-mobile-menu__links a:hover,.sms-public-mobile-menu__links a:focus-visible{background:#f5f6fa;color:var(--sms-public-primary)}
 .sms-public-mobile-menu__links .sms-icon{inline-size:21px;block-size:21px}
 .sms-public-mobile-nav-shell.is-menu-open .sms-public-mobile-menu,.sms-public-mobile-nav-shell.is-menu-open .sms-public-mobile-menu__backdrop{opacity:1;visibility:visible;pointer-events:auto}
 .sms-public-mobile-nav-shell.is-menu-open .sms-public-mobile-menu{transform:translateY(0)}
 body.sms-public-mobile-menu-open{overflow:hidden}
}
@media(max-width:359px){.sms-mobile-bottom-nav--public{padding-inline:max(4px,env(safe-area-inset-left,0px)) max(4px,env(safe-area-inset-right,0px));gap:0}.sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item{font-size:9px}.sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__create-mark{inline-size:50px;block-size:50px}}
@media(prefers-reduced-motion:reduce){.sms-public-mobile-menu,.sms-public-mobile-menu__backdrop{transition:none!important}}

/* 0.17.1-alpha.10 — public theme-mode compatibility */
@media(max-width:767px){
 body.smsct-theme-dark .sms-public-mobile-nav-shell{--sms-public-surface:#151922;--sms-public-border:#2b3342;--sms-public-muted:#aeb7c8}
 body.smsct-theme-dark .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item.is-active,
 body.smsct-theme-dark .sms-public-mobile-nav-shell.is-menu-open .sms-mobile-bottom-nav__item--me{background:color-mix(in srgb,var(--sms-public-primary) 16%,#151922)}
 body.smsct-theme-dark .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__badge{border-color:#151922}
 body.smsct-theme-dark .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__create-mark{border-color:#151922}
 body.smsct-theme-dark .sms-public-mobile-menu{background:#151922;color:#f3f5fa}
 body.smsct-theme-dark .sms-public-mobile-menu__head{border-bottom-color:#2b3342}
 body.smsct-theme-dark .sms-public-mobile-menu__close{background:#242b38;color:#f3f5fa}
 body.smsct-theme-dark .sms-public-mobile-menu__links a{color:#eef2f8}
 body.smsct-theme-dark .sms-public-mobile-menu__links a:hover,
 body.smsct-theme-dark .sms-public-mobile-menu__links a:focus-visible{background:#202633}
}
@media(max-width:767px) and (prefers-color-scheme:dark){
 body.smsct-theme-system .sms-public-mobile-nav-shell{--sms-public-surface:#151922;--sms-public-border:#2b3342;--sms-public-muted:#aeb7c8}
 body.smsct-theme-system .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item.is-active,
 body.smsct-theme-system .sms-public-mobile-nav-shell.is-menu-open .sms-mobile-bottom-nav__item--me{background:color-mix(in srgb,var(--sms-public-primary) 16%,#151922)}
 body.smsct-theme-system .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__badge{border-color:#151922}
 body.smsct-theme-system .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__create-mark{border-color:#151922}
 body.smsct-theme-system .sms-public-mobile-menu{background:#151922;color:#f3f5fa}
 body.smsct-theme-system .sms-public-mobile-menu__head{border-bottom-color:#2b3342}
 body.smsct-theme-system .sms-public-mobile-menu__close{background:#242b38;color:#f3f5fa}
 body.smsct-theme-system .sms-public-mobile-menu__links a{color:#eef2f8}
 body.smsct-theme-system .sms-public-mobile-menu__links a:hover,
 body.smsct-theme-system .sms-public-mobile-menu__links a:focus-visible{background:#202633}
}

/* 0.17.1-alpha.15 — visitor appearance control */
@media(max-width:767px){
 .sms-public-mobile-menu__appearance{padding:10px 2px 6px;border-bottom:1px solid #eef0f5}
 .sms-public-mobile-menu__section-label{display:block;margin:0 8px 7px;color:#697386;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
 .sms-public-theme-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .sms-public-theme-switch button{min-height:40px;padding:7px 8px;border:1px solid #e2e6ef;border-radius:11px;background:#f7f8fb;color:#354052;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
 .sms-public-theme-switch button.is-active{border-color:color-mix(in srgb,var(--sms-public-primary) 44%,#e2e6ef);background:color-mix(in srgb,var(--sms-public-primary) 11%,#fff);color:var(--sms-public-primary)}
 html[data-sms-public-theme="dark"] .sms-public-mobile-nav-shell{--sms-public-surface:#151922;--sms-public-border:#2b3342;--sms-public-muted:#aeb7c8}
 html[data-sms-public-theme="dark"] .sms-public-mobile-menu{background:#151922;color:#f3f5fa}
 html[data-sms-public-theme="dark"] .sms-public-mobile-menu__appearance{border-bottom-color:#2b3342}
 html[data-sms-public-theme="dark"] .sms-public-mobile-menu__section-label{color:#aeb7c8}
 html[data-sms-public-theme="dark"] .sms-public-theme-switch button{border-color:#303849;background:#202633;color:#dce2ed}
 html[data-sms-public-theme="dark"] .sms-public-theme-switch button.is-active{border-color:var(--sms-public-primary);background:color-mix(in srgb,var(--sms-public-primary) 20%,#151922);color:#fff}
 html[data-sms-public-theme="light"] .sms-public-mobile-nav-shell{--sms-public-surface:#fff;--sms-public-border:#e7e9f2;--sms-public-muted:#697386}
}

/* 0.17.1-alpha.21 — premium floating public mobile app dock. */
@media(max-width:767px){
  body.smsocial-public-mobile-nav-enabled{padding-bottom:max(96px,calc(86px + env(safe-area-inset-bottom,0px)))}
  .sms-mobile-bottom-nav--public{
    inset-inline:max(10px,env(safe-area-inset-left,0px)) max(10px,env(safe-area-inset-right,0px));
    inset-block-end:max(8px,env(safe-area-inset-bottom,0px));
    min-block-size:62px;
    padding:6px 7px;
    gap:4px;
    border:1px solid var(--sms-public-border);
    border-radius:22px;
    background:var(--sms-public-surface);
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    isolation:isolate;
  }
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item{
    min-block-size:48px;
    padding:5px 3px 4px;
    gap:2px;
    border-radius:14px;
    font-size:9.5px;
    font-weight:780;
    transition:background-color .16s ease,color .16s ease,transform .12s ease;
  }
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item:active{transform:scale(.96)}
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item>.sms-icon,
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__icon-wrap>.sms-icon{inline-size:21px;block-size:21px;stroke-width:2}
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item.is-active,
  .sms-public-mobile-nav-shell.is-menu-open .sms-mobile-bottom-nav__item--me{
    background:color-mix(in srgb,var(--sms-public-primary) 11%,var(--sms-public-surface));
  }
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item.is-active::after,
  .sms-public-mobile-nav-shell.is-menu-open .sms-mobile-bottom-nav__item--me::after{display:none}
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__badge{
    inset-block-start:-6px;
    inset-inline-end:-9px;
    min-inline-size:16px;
    block-size:16px;
    font-size:8px;
  }
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item--create{justify-content:center;padding:0 2px 3px}
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__create-mark{
    inline-size:48px;
    block-size:48px;
    margin-block-start:-18px;
    border-width:3px;
    border-color:var(--sms-public-surface);
    box-shadow:0 9px 22px color-mix(in srgb,var(--sms-public-primary) 28%,transparent),0 2px 6px rgba(15,23,42,.10);
  }
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__create-mark>.sms-icon{inline-size:23px;block-size:23px;stroke-width:2.1}
  .sms-public-mobile-menu{inset-block-end:calc(88px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:359px){
  .sms-mobile-bottom-nav--public{inset-inline:max(6px,env(safe-area-inset-left,0px)) max(6px,env(safe-area-inset-right,0px));padding-inline:5px;gap:2px}
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item{font-size:8.8px}
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__create-mark{inline-size:46px;block-size:46px}
}


/* 0.17.1-alpha.21 — public dock first-contact feedback. */
@media(max-width:767px){
 .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
 .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item.is-dock-pressing,
 .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item.is-navigation-pending{transform:scale(.965);color:var(--sms-public-primary);background:color-mix(in srgb,var(--sms-public-primary) 13%,var(--sms-public-surface))}
}


/* 1.12.0-beta.45.6.17 — icon-only public mobile bottom navigation. */
@media(max-width:767px){
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__label{
    position:absolute!important;
    inline-size:1px!important;
    block-size:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  .sms-mobile-bottom-nav--public{min-block-size:58px;padding-block:5px}
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item{min-block-size:48px;padding:4px 3px;gap:0}
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item>.sms-icon,
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__icon-wrap>.sms-icon{
    inline-size:26px;
    block-size:26px;
    stroke-width:2.15;
  }
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item.is-active>.sms-icon,
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item.is-active .sms-mobile-bottom-nav__icon-wrap>.sms-icon,
  .sms-public-mobile-nav-shell.is-menu-open .sms-mobile-bottom-nav__item--me>.sms-icon{
    transform:scale(1.06);
  }
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__icon-wrap{inline-size:30px;block-size:30px}
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__badge{inset-block-start:-4px;inset-inline-end:-7px}
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__item--create{padding:0 2px}
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__create-mark{inline-size:50px;block-size:50px;margin-block-start:-17px}
  .sms-mobile-bottom-nav--public .sms-mobile-bottom-nav__create-mark>.sms-icon{inline-size:27px;block-size:27px;stroke-width:2.15}
}