.jost-fmm-wrap{
  position:fixed;left:50%;bottom:var(--jost-fmm-bottom);transform:translate3d(-50%,0,0);
  width:min(calc(100vw - 28px),var(--jost-fmm-max));z-index:var(--jost-fmm-z);
  display:none;direction:ltr;font-family:inherit;pointer-events:none;-webkit-tap-highlight-color:transparent;
  contain:layout style paint;--jost-fmm-glass-alpha:calc(var(--jost-fmm-glass-opacity,32) / 100);
  --jost-fmm-border-alpha:calc(var(--jost-fmm-glass-border,42) / 100);
  --jost-fmm-highlight-alpha:calc(var(--jost-fmm-glass-highlight,30) / 100)
}
.jost-fmm-wrap *{box-sizing:border-box}
.jost-fmm-bar{
  position:relative;height:var(--jost-fmm-height);border-radius:var(--jost-fmm-radius);
  display:flex;align-items:center;justify-content:space-around;
  background:var(--jost-fmm-bg);box-shadow:0 18px 42px var(--jost-fmm-shadow);
  overflow:visible;pointer-events:auto;isolation:isolate;backface-visibility:hidden;transform:translateZ(0)
}
.jost-fmm-bar::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 44%,rgba(0,0,0,.04));
  opacity:.25
}
.jost-fmm-link{
  position:relative;z-index:8;min-width:0;flex:1;height:100%;display:flex;align-items:center;justify-content:center;
  flex-direction:column;text-decoration:none!important;color:var(--jost-fmm-icon-color)!important;gap:5px;
  transition:color .18s linear,opacity .18s linear,transform .44s cubic-bezier(.2,1,.3,1);
  will-change:transform;color-scheme:light dark
}
.jost-fmm-icon{font-size:var(--jost-fmm-icon);line-height:1;display:flex;align-items:center;justify-content:center;transition:transform .54s cubic-bezier(.2,1,.3,1),color .18s linear;will-change:transform;color:currentColor}
.jost-fmm-icon i{line-height:1}
.jost-fmm-label{font-size:var(--jost-fmm-label);font-weight:650;color:var(--jost-fmm-label-color);white-space:nowrap;line-height:1.08;transition:color .2s linear,opacity .2s linear,transform .36s cubic-bezier(.2,1,.3,1)}
.jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}
.jost-fmm-link.is-active .jost-fmm-label{color:var(--jost-fmm-label-active)}
.jost-fmm-link.is-active .jost-fmm-icon{transform:translate3d(0,-18px,0) scale(1.05)}
.jost-fmm-indicator{
  position:absolute;z-index:5;top:-34px;left:0;width:72px;height:72px;border-radius:999px;background:var(--jost-fmm-accent);
  box-shadow:0 10px 0 rgba(255,255,255,.24),0 18px 30px var(--jost-fmm-shadow);
  transform:translate3d(var(--jost-fmm-bubble-x,0px),0,0);
  transition:transform .58s cubic-bezier(.2,1,.3,1),background .2s linear,box-shadow .2s linear;
  will-change:transform;backface-visibility:hidden;pointer-events:none
}
.jost-fmm-notch{
  position:absolute;z-index:4;top:-28px;left:0;width:116px;height:72px;
  transform:translate3d(var(--jost-fmm-notch-x,0px),0,0);
  transition:transform .58s cubic-bezier(.2,1,.3,1);will-change:transform;pointer-events:none;backface-visibility:hidden
}
.jost-fmm-wrap.no-labels .jost-fmm-label{display:none}
.jost-fmm-wrap.no-labels .jost-fmm-link.is-active .jost-fmm-icon{transform:translate3d(0,-18px,0) scale(1.06)}

/* Glassmorphism layer */
.jost-fmm-wrap.is-glass .jost-fmm-bar{
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,var(--jost-fmm-border-alpha));
  backdrop-filter:blur(var(--jost-fmm-glass-blur)) saturate(var(--jost-fmm-glass-saturation));
  -webkit-backdrop-filter:blur(var(--jost-fmm-glass-blur)) saturate(var(--jost-fmm-glass-saturation));
  box-shadow:0 16px 42px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,var(--jost-fmm-highlight-alpha)),inset 0 -1px 0 rgba(255,255,255,.10)
}
.jost-fmm-wrap.is-glass.model-1 .jost-fmm-bar,.jost-fmm-wrap.is-glass.model-3 .jost-fmm-bar,.jost-fmm-wrap.is-glass.model-8 .jost-fmm-bar{
  background:linear-gradient(135deg,rgba(20,20,22,.62),rgba(20,20,22,.34))
}
.jost-fmm-wrap.is-glass.model-2 .jost-fmm-bar,.jost-fmm-wrap.is-glass.model-4 .jost-fmm-bar,.jost-fmm-wrap.is-glass.model-5 .jost-fmm-bar,.jost-fmm-wrap.is-glass.model-6 .jost-fmm-bar,.jost-fmm-wrap.is-glass.model-7 .jost-fmm-bar{
  background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(255,255,255,.36))
}
.jost-fmm-wrap.is-glass .jost-fmm-indicator{
  backdrop-filter:blur(calc(var(--jost-fmm-glass-blur) * .7)) saturate(var(--jost-fmm-glass-saturation));
  -webkit-backdrop-filter:blur(calc(var(--jost-fmm-glass-blur) * .7)) saturate(var(--jost-fmm-glass-saturation));
  border:1px solid rgba(255,255,255,var(--jost-fmm-border-alpha))
}

/* Template 1: black/orange, curved left wall, moving SVG-like notch */
.model-1 .jost-fmm-bar{background:var(--jost-fmm-bg);border-radius:24px;min-height:76px}
.model-1 .jost-fmm-bar::before,.model-3 .jost-fmm-bar::before{
  content:"";position:absolute;left:0;top:0;width:38px;height:100%;background:inherit;border-radius:24px 0 0 24px;z-index:2
}
.model-1 .jost-fmm-notch::before,.model-3 .jost-fmm-notch::before{
  content:"";position:absolute;inset:0;border-bottom-left-radius:999px;border-bottom-right-radius:999px;
  box-shadow:-41px 33px 0 18px var(--jost-fmm-bg),41px 33px 0 18px var(--jost-fmm-bg)
}
.model-1 .jost-fmm-indicator{background:var(--jost-fmm-accent);top:-35px;width:72px;height:72px;box-shadow:0 10px 0 rgba(255,255,255,.20),0 18px 30px rgba(0,0,0,.18)}
.model-1 .jost-fmm-link{color:var(--jost-fmm-icon-color)!important}.model-1 .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}
.model-1.is-glass .jost-fmm-notch::before{box-shadow:-41px 33px 0 18px rgba(20,20,22,.58),41px 33px 0 18px rgba(20,20,22,.58)}

/* Template 2: white/coral figma */
.model-2 .jost-fmm-bar{background:var(--jost-fmm-bg-light);border-radius:22px;box-shadow:0 18px 34px rgba(0,0,0,.10)}
.model-2 .jost-fmm-notch::before{
  content:"";position:absolute;inset:0;border-bottom-left-radius:999px;border-bottom-right-radius:999px;
  box-shadow:-41px 33px 0 18px var(--jost-fmm-bg-light),41px 33px 0 18px var(--jost-fmm-bg-light)
}
.model-2 .jost-fmm-indicator{background:var(--jost-fmm-accent2);top:-35px;width:72px;height:72px;box-shadow:0 10px 0 rgba(0,0,0,.05),0 18px 28px rgba(0,0,0,.12)}
.model-2 .jost-fmm-link{color:var(--jost-fmm-icon-color)!important}.model-2 .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}
.model-2.is-glass .jost-fmm-notch::before{box-shadow:-41px 33px 0 18px rgba(255,255,255,.66),41px 33px 0 18px rgba(255,255,255,.66)}

/* Template 3: black/green */
.model-3 .jost-fmm-bar{background:var(--jost-fmm-bg);border-radius:20px;min-height:76px}
.model-3 .jost-fmm-indicator{background:var(--jost-fmm-accent);top:-35px;width:72px;height:72px;box-shadow:0 10px 0 rgba(120,44,224,.62),0 18px 30px rgba(0,0,0,.18)}
.model-3 .jost-fmm-link{color:var(--jost-fmm-icon-color)!important}.model-3 .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}
.model-3.is-glass .jost-fmm-notch::before{box-shadow:-41px 33px 0 18px rgba(20,20,22,.58),41px 33px 0 18px rgba(20,20,22,.58)}

/* Template 4: pink minimal underline */
.model-4 .jost-fmm-bar{background:var(--jost-fmm-bg-light);border-radius:24px;height:calc(var(--jost-fmm-height) - 2px);box-shadow:0 18px 34px rgba(0,0,0,.10);overflow:hidden}
.model-4 .jost-fmm-indicator,.model-4 .jost-fmm-notch{display:none}
.model-4 .jost-fmm-link{color:var(--jost-fmm-icon-color)!important;gap:0}.model-4 .jost-fmm-label{display:none}
.model-4 .jost-fmm-link.is-active{color:var(--jost-fmm-accent)!important}.model-4 .jost-fmm-link.is-active .jost-fmm-icon{transform:none}
.model-4 .jost-fmm-link::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:11px;width:0;height:4px;border-radius:20px;background:var(--jost-fmm-accent);transition:width .36s cubic-bezier(.2,1,.3,1)}
.model-4 .jost-fmm-link.is-active::after{width:44px}

/* Template 5: pink notch dot */
.model-5 .jost-fmm-bar{background:var(--jost-fmm-bg-light);border-radius:24px;box-shadow:0 18px 34px rgba(0,0,0,.10)}
.model-5 .jost-fmm-indicator{width:18px;height:18px;top:-8px;background:#fff;box-shadow:none;z-index:6}
.model-5 .jost-fmm-notch{top:-3px;height:24px;width:116px;z-index:4}
.model-5 .jost-fmm-notch::before{content:"";position:absolute;left:0;right:0;top:0;height:20px;border-radius:0 0 22px 22px;box-shadow:-42px -2px 0 16px var(--jost-fmm-bg-light),42px -2px 0 16px var(--jost-fmm-bg-light)}
.model-5 .jost-fmm-link{color:var(--jost-fmm-icon-color)!important;padding-top:6px;gap:5px}.model-5 .jost-fmm-link .jost-fmm-icon{font-size:calc(var(--jost-fmm-icon) + 1px)}
.model-5 .jost-fmm-link .jost-fmm-label{font-size:calc(var(--jost-fmm-label) + .5px);color:var(--jost-fmm-label-color)}
.model-5 .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}.model-5 .jost-fmm-link.is-active .jost-fmm-label{color:var(--jost-fmm-label-active)!important}
.model-5 .jost-fmm-link.is-active .jost-fmm-icon{transform:none}
.model-5.is-glass .jost-fmm-notch::before{box-shadow:-42px -2px 0 16px rgba(255,255,255,.66),42px -2px 0 16px rgba(255,255,255,.66)}

/* Template 6: pink active card */
.model-6 .jost-fmm-bar{background:var(--jost-fmm-bg-light);border-radius:24px;box-shadow:0 18px 34px rgba(0,0,0,.10);padding:0 8px}
.model-6 .jost-fmm-indicator,.model-6 .jost-fmm-notch{display:none}
.model-6 .jost-fmm-link{color:var(--jost-fmm-icon-color)!important;padding:6px 2px;gap:6px}.model-6 .jost-fmm-link .jost-fmm-label{font-size:calc(var(--jost-fmm-label) + .5px);color:var(--jost-fmm-label-color)}
.model-6 .jost-fmm-link .jost-fmm-icon{width:56px;height:56px;border-radius:16px;transition:all .42s cubic-bezier(.2,1,.3,1)}
.model-6 .jost-fmm-link.is-active .jost-fmm-icon{transform:none;background:color-mix(in srgb, var(--jost-fmm-accent) 18%, transparent);color:var(--jost-fmm-icon-active)}
.model-6 .jost-fmm-link.is-active .jost-fmm-label{color:var(--jost-fmm-label-active)!important}

/* Template 7: Light Mode */
.model-7 .jost-fmm-bar{background:var(--jost-fmm-bg-light);border-radius:22px;box-shadow:0 18px 34px rgba(0,0,0,.10)}
.model-7 .jost-fmm-indicator{background:var(--jost-fmm-bg-light);top:-42px;width:82px;height:82px;border:10px solid #c8c0c0;box-shadow:none}
.model-7 .jost-fmm-notch{top:-24px;height:52px;width:118px}
.model-7 .jost-fmm-notch::before{content:"";position:absolute;inset:0;border-bottom-left-radius:999px;border-bottom-right-radius:999px;box-shadow:-40px 28px 0 16px var(--jost-fmm-bg-light),40px 28px 0 16px var(--jost-fmm-bg-light)}
.model-7 .jost-fmm-link{color:var(--jost-fmm-icon-color)!important;gap:6px;padding-top:6px}.model-7 .jost-fmm-link .jost-fmm-label{font-size:calc(var(--jost-fmm-label) + 1px);color:var(--jost-fmm-label-color)}
.model-7 .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}.model-7 .jost-fmm-link.is-active .jost-fmm-label{color:var(--jost-fmm-label-active)!important;font-weight:700}.model-7 .jost-fmm-link.is-active .jost-fmm-icon{transform:translate3d(0,-24px,0) scale(1.08)}
.model-7.is-glass .jost-fmm-notch::before{box-shadow:-40px 28px 0 16px rgba(255,255,255,.66),40px 28px 0 16px rgba(255,255,255,.66)}

/* Template 8: Dark Mode */
.model-8 .jost-fmm-bar{background:#1f1f21;border-radius:22px;box-shadow:0 18px 34px rgba(0,0,0,.18)}
.model-8 .jost-fmm-indicator{background:#1f1f21;top:-42px;width:82px;height:82px;border:10px solid #c8c0c0;box-shadow:none}
.model-8 .jost-fmm-notch{top:-24px;height:52px;width:118px}
.model-8 .jost-fmm-notch::before{content:"";position:absolute;inset:0;border-bottom-left-radius:999px;border-bottom-right-radius:999px;box-shadow:-40px 28px 0 16px #1f1f21,40px 28px 0 16px #1f1f21}
.model-8 .jost-fmm-link{color:var(--jost-fmm-icon-color)!important;gap:6px;padding-top:6px}.model-8 .jost-fmm-link .jost-fmm-label{font-size:calc(var(--jost-fmm-label) + 1px);color:var(--jost-fmm-label-color)}
.model-8 .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}.model-8 .jost-fmm-link.is-active .jost-fmm-label{color:var(--jost-fmm-label-active)!important;font-weight:700}.model-8 .jost-fmm-link.is-active .jost-fmm-icon{transform:translate3d(0,-24px,0) scale(1.08)}
.model-8.is-glass .jost-fmm-notch::before{box-shadow:-40px 28px 0 16px rgba(20,20,22,.58),40px 28px 0 16px rgba(20,20,22,.58)}

/* no-labels adjustments */
.model-5.no-labels .jost-fmm-label,.model-6.no-labels .jost-fmm-label,.model-7.no-labels .jost-fmm-label,.model-8.no-labels .jost-fmm-label{display:none}
.model-5.no-labels .jost-fmm-link,.model-6.no-labels .jost-fmm-link,.model-7.no-labels .jost-fmm-link,.model-8.no-labels .jost-fmm-link{gap:0;padding-top:0}
.model-5.no-labels .jost-fmm-link.is-active .jost-fmm-icon,.model-6.no-labels .jost-fmm-link.is-active .jost-fmm-icon{transform:none}

@media (prefers-reduced-motion:reduce){.jost-fmm-indicator,.jost-fmm-notch,.jost-fmm-icon,.jost-fmm-label,.jost-fmm-link:after{transition:none!important}}

/* Icon order direction */
.jost-fmm-wrap.order-rtl .jost-fmm-bar{flex-direction:row-reverse}
.jost-fmm-wrap.order-ltr .jost-fmm-bar{flex-direction:row}


/* v1.2.2: final color binding layer - every admin color option must win */
.jost-fmm-wrap .jost-fmm-link:not(.is-active){color:var(--jost-fmm-icon-color)!important}
.jost-fmm-wrap .jost-fmm-link:not(.is-active) .jost-fmm-icon,
.jost-fmm-wrap .jost-fmm-link:not(.is-active) .jost-fmm-icon i{color:var(--jost-fmm-icon-color)!important}
.jost-fmm-wrap .jost-fmm-link:not(.is-active) .jost-fmm-label{color:var(--jost-fmm-label-color)!important}

.jost-fmm-wrap .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}
.jost-fmm-wrap .jost-fmm-link.is-active .jost-fmm-icon,
.jost-fmm-wrap .jost-fmm-link.is-active .jost-fmm-icon i{color:var(--jost-fmm-icon-active)!important}
.jost-fmm-wrap .jost-fmm-link.is-active .jost-fmm-label{color:var(--jost-fmm-label-active)!important}

.jost-fmm-wrap.model-1 .jost-fmm-bar,
.jost-fmm-wrap.model-3 .jost-fmm-bar{background:var(--jost-fmm-bg)!important}
.jost-fmm-wrap.model-2 .jost-fmm-bar,
.jost-fmm-wrap.model-4 .jost-fmm-bar,
.jost-fmm-wrap.model-5 .jost-fmm-bar,
.jost-fmm-wrap.model-6 .jost-fmm-bar,
.jost-fmm-wrap.model-7 .jost-fmm-bar{background:var(--jost-fmm-bg-light)!important}
.jost-fmm-wrap.model-8 .jost-fmm-bar{background:var(--jost-fmm-bg)!important}

.jost-fmm-wrap.model-1 .jost-fmm-indicator,
.jost-fmm-wrap.model-3 .jost-fmm-indicator,
.jost-fmm-wrap.model-4 .jost-fmm-link::after,
.jost-fmm-wrap.model-5 .jost-fmm-link.is-active .jost-fmm-icon,
.jost-fmm-wrap.model-6 .jost-fmm-link.is-active .jost-fmm-icon{background-color:var(--jost-fmm-accent)!important}
.jost-fmm-wrap.model-2 .jost-fmm-indicator{background-color:var(--jost-fmm-accent2)!important}

.jost-fmm-wrap.model-7 .jost-fmm-indicator{background:var(--jost-fmm-bg-light)!important}
.jost-fmm-wrap.model-8 .jost-fmm-indicator{background:var(--jost-fmm-bg)!important}

/* glass keeps its transparency but uses selected base colors */
.jost-fmm-wrap.is-glass.model-1 .jost-fmm-bar,
.jost-fmm-wrap.is-glass.model-3 .jost-fmm-bar,
.jost-fmm-wrap.is-glass.model-8 .jost-fmm-bar{
  background:linear-gradient(135deg,color-mix(in srgb,var(--jost-fmm-bg) 76%,transparent),color-mix(in srgb,var(--jost-fmm-bg) 38%,transparent))!important
}
.jost-fmm-wrap.is-glass.model-2 .jost-fmm-bar,
.jost-fmm-wrap.is-glass.model-4 .jost-fmm-bar,
.jost-fmm-wrap.is-glass.model-5 .jost-fmm-bar,
.jost-fmm-wrap.is-glass.model-6 .jost-fmm-bar,
.jost-fmm-wrap.is-glass.model-7 .jost-fmm-bar{
  background:linear-gradient(135deg,color-mix(in srgb,var(--jost-fmm-bg-light) 80%,transparent),color-mix(in srgb,var(--jost-fmm-bg-light) 42%,transparent))!important
}

@supports not (color: color-mix(in srgb, white 50%, transparent)){
  .jost-fmm-wrap.model-6 .jost-fmm-link.is-active .jost-fmm-icon{background:rgba(192,79,143,.18)!important}
}


/* Template 9: wavy pink surface with centered large floating bubble */
.model-9 .jost-fmm-bar{
  background:var(--jost-fmm-bg-light)!important;
  border-radius:0 0 22px 22px;
  box-shadow:none;
  overflow:visible;
  height:calc(var(--jost-fmm-height) + 28px);
  padding-top:30px;
}
.model-9 .jost-fmm-bar::before{
  content:"";
  position:absolute;left:0;right:0;top:22px;bottom:0;
  background:var(--jost-fmm-accent2);
  border-radius:34px 34px 20px 20px;
  z-index:0;
  box-shadow:0 8px 24px rgba(0,0,0,.08) inset;
}
.model-9 .jost-fmm-bar::after{
  content:"";
  position:absolute;left:0;right:0;top:0;height:30px;
  background:var(--jost-fmm-bg-light);
  border-bottom-left-radius:34px;border-bottom-right-radius:34px;
  z-index:1;opacity:1
}
.model-9 .jost-fmm-notch{
  z-index:2;top:-2px;width:170px;height:76px
}
.model-9 .jost-fmm-notch::before{
  content:"";position:absolute;left:0;right:0;top:10px;height:44px;
  background:var(--jost-fmm-accent2);
  border-radius:0 0 72px 72px;
  box-shadow:-58px 0 0 16px var(--jost-fmm-accent2),58px 0 0 16px var(--jost-fmm-accent2)
}
.model-9 .jost-fmm-indicator{
  width:92px;height:92px;top:-18px;z-index:4;
  background:linear-gradient(180deg,color-mix(in srgb,var(--jost-fmm-bg) 18%,#cfd1e4),color-mix(in srgb,var(--jost-fmm-bg) 42%,#7c82ac));
  box-shadow:0 16px 30px rgba(0,0,0,.14)
}
.model-9 .jost-fmm-link{
  color:var(--jost-fmm-icon-active)!important;
  padding-top:12px;
  z-index:5;
}
.model-9 .jost-fmm-link .jost-fmm-icon{font-size:calc(var(--jost-fmm-icon) + 6px)}
.model-9 .jost-fmm-link .jost-fmm-label{display:none}
.model-9 .jost-fmm-link.is-active .jost-fmm-icon{transform:translate3d(0,-28px,0) scale(1.06)}
.model-9.no-labels .jost-fmm-link{gap:0}
.model-9.is-glass .jost-fmm-bar{
  background:linear-gradient(180deg,rgba(255,255,255,.46),rgba(255,255,255,.22))!important;
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 18px 34px rgba(0,0,0,.10)
}
.model-9.is-glass .jost-fmm-bar::before{
  background:color-mix(in srgb,var(--jost-fmm-accent2) 66%, transparent)
}
.model-9.is-glass .jost-fmm-notch::before{
  background:color-mix(in srgb,var(--jost-fmm-accent2) 66%, transparent);
  box-shadow:-58px 0 0 16px color-mix(in srgb,var(--jost-fmm-accent2) 66%, transparent),58px 0 0 16px color-mix(in srgb,var(--jost-fmm-accent2) 66%, transparent)
}

/* Template 10: same family with small external top button */
.model-10 .jost-fmm-bar{
  background:var(--jost-fmm-bg-light)!important;
  border-radius:0 0 22px 22px;
  box-shadow:none;
  overflow:visible;
  height:calc(var(--jost-fmm-height) + 28px);
  padding-top:30px;
}
.model-10 .jost-fmm-bar::before{
  content:"";
  position:absolute;left:0;right:0;top:22px;bottom:0;
  background:var(--jost-fmm-accent2);
  border-radius:34px 34px 20px 20px;
  z-index:0;
}
.model-10 .jost-fmm-bar::after{
  content:"";
  position:absolute;left:0;right:0;top:0;height:30px;
  background:var(--jost-fmm-bg-light);
  border-bottom-left-radius:34px;border-bottom-right-radius:34px;
  z-index:1;opacity:1
}
.model-10 .jost-fmm-notch{
  z-index:2;top:-18px;width:148px;height:62px
}
.model-10 .jost-fmm-notch::before{
  content:"";position:absolute;left:0;right:0;top:19px;height:33px;
  background:var(--jost-fmm-bg-light);
  border-radius:0 0 54px 54px;
  box-shadow:-44px 0 0 14px var(--jost-fmm-accent2),44px 0 0 14px var(--jost-fmm-accent2)
}
.model-10 .jost-fmm-indicator{
  width:54px;height:54px;top:-29px;z-index:6;
  background:var(--jost-fmm-bg-light);
  box-shadow:0 10px 20px rgba(0,0,0,.10)
}
.model-10 .jost-fmm-link{
  color:var(--jost-fmm-icon-active)!important;
  padding-top:12px;
  z-index:5;
}
.model-10 .jost-fmm-link .jost-fmm-icon{font-size:calc(var(--jost-fmm-icon) + 4px)}
.model-10 .jost-fmm-link .jost-fmm-label{display:none}
.model-10 .jost-fmm-link.is-active .jost-fmm-icon{transform:translate3d(0,-18px,0) scale(1.04)}
.model-10.no-labels .jost-fmm-link{gap:0}
.model-10.is-glass .jost-fmm-bar{
  background:linear-gradient(180deg,rgba(255,255,255,.50),rgba(255,255,255,.24))!important;
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 18px 34px rgba(0,0,0,.10)
}
.model-10.is-glass .jost-fmm-bar::before{
  background:color-mix(in srgb,var(--jost-fmm-accent2) 66%, transparent)
}

.jost-fmm-wrap.model-9 .jost-fmm-bar,
.jost-fmm-wrap.model-10 .jost-fmm-bar{background:var(--jost-fmm-bg-light)!important}
.jost-fmm-wrap.model-9 .jost-fmm-bar::before,
.jost-fmm-wrap.model-9 .jost-fmm-notch::before,
.jost-fmm-wrap.model-10 .jost-fmm-bar::before{background:var(--jost-fmm-accent2)!important}
.jost-fmm-wrap.model-9 .jost-fmm-link,
.jost-fmm-wrap.model-10 .jost-fmm-link{color:var(--jost-fmm-icon-active)!important}
.jost-fmm-wrap.model-9 .jost-fmm-link .jost-fmm-icon,
.jost-fmm-wrap.model-10 .jost-fmm-link .jost-fmm-icon,
.jost-fmm-wrap.model-9 .jost-fmm-link .jost-fmm-icon i,
.jost-fmm-wrap.model-10 .jost-fmm-link .jost-fmm-icon i{color:var(--jost-fmm-icon-active)!important}


/* Social fixed sidebar module */
.jost-fss-sidebar{
  position:fixed;
  top:var(--jost-fss-top);
  transform:translateY(-50%);
  z-index:var(--jost-fss-z);
  display:flex;
  flex-direction:column;
  gap:var(--jost-fss-gap);
  font-family:inherit;
  -webkit-tap-highlight-color:transparent;
}
.jost-fss-sidebar.pos-left{left:0;align-items:flex-start}
.jost-fss-sidebar.pos-right{right:0;align-items:flex-end}
.jost-fss-item{
  position:relative;
  width:var(--jost-fss-size);
  height:var(--jost-fss-size);
  min-width:var(--jost-fss-size);
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--jost-fss-bg);
  color:var(--jost-fss-color)!important;
  border-radius:var(--jost-fss-radius);
  text-decoration:none!important;
  box-shadow:0 8px 18px rgba(0,0,0,.13);
  transition:transform .28s cubic-bezier(.2,1,.3,1),width .28s cubic-bezier(.2,1,.3,1),box-shadow .28s ease,opacity .2s ease;
  overflow:visible;
}
.jost-fss-item:hover,.jost-fss-item:focus{
  transform:translate3d(0,-1px,0);
  box-shadow:0 12px 24px rgba(0,0,0,.20);
  color:var(--jost-fss-color)!important;
}
.jost-fss-icon{font-size:calc(var(--jost-fss-size) * .43);line-height:1;display:flex;align-items:center;justify-content:center;color:currentColor}
.jost-fss-icon i{line-height:1;color:currentColor!important}
.jost-fss-label{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  height:var(--jost-fss-size);
  display:flex;
  align-items:center;
  white-space:nowrap;
  padding:0 16px;
  background:var(--jost-fss-label-bg);
  color:var(--jost-fss-label-color);
  font-size:14px;
  font-weight:700;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease,transform .28s cubic-bezier(.2,1,.3,1);
}
.jost-fss-sidebar.pos-left .jost-fss-label{left:100%;border-radius:0 10px 10px 0;transform:translate(-8px,-50%)}
.jost-fss-sidebar.pos-right .jost-fss-label{right:100%;border-radius:10px 0 0 10px;transform:translate(8px,-50%)}
.jost-fss-sidebar.style-expand .jost-fss-item:hover .jost-fss-label,
.jost-fss-sidebar.style-expand .jost-fss-item:focus .jost-fss-label{
  opacity:1;visibility:visible;transform:translate(0,-50%);
}
.jost-fss-sidebar.style-rounded .jost-fss-item{border-radius:999px;margin:3px}
.jost-fss-sidebar.style-rounded .jost-fss-label{border-radius:999px}
.jost-fss-sidebar.style-compact .jost-fss-label{display:none}
@media (min-width:1025px){.jost-fss-sidebar.hide-desktop{display:none!important}}
@media (min-width:768px) and (max-width:1024px){.jost-fss-sidebar.hide-tablet{display:none!important}}
@media (max-width:767px){.jost-fss-sidebar.hide-mobile{display:none!important}}


/* ===== Additional minimalist demo models v1.6.0 ===== */
/* model 11: simple white bar with colored active icon */
.model-11 .jost-fmm-bar{background:var(--jost-fmm-bg-light);border-radius:26px;box-shadow:0 12px 28px rgba(0,0,0,.12);padding:0 10px}
.model-11 .jost-fmm-notch,.model-11 .jost-fmm-indicator{display:none}
.model-11 .jost-fmm-link{color:var(--jost-fmm-icon-color)!important;gap:6px}
.model-11 .jost-fmm-link .jost-fmm-label{display:none}
.model-11 .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}
.model-11 .jost-fmm-link.is-active .jost-fmm-icon{transform:none;scale:1.02}
.model-11.no-labels .jost-fmm-link{gap:0}

/* model 12: white bar with softer inactive icons and stronger active color */
.model-12 .jost-fmm-bar{background:var(--jost-fmm-bg-light);border-radius:28px;box-shadow:0 12px 28px rgba(0,0,0,.10)}
.model-12 .jost-fmm-notch,.model-12 .jost-fmm-indicator{display:none}
.model-12 .jost-fmm-link{color:color-mix(in srgb,var(--jost-fmm-icon-color) 45%, white)!important;gap:6px}
.model-12 .jost-fmm-link .jost-fmm-label{display:none}
.model-12 .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}
.model-12 .jost-fmm-link.is-active .jost-fmm-icon{transform:none;scale:1.03}
.model-12.no-labels .jost-fmm-link{gap:0}

/* model 13: white bar with tooltip bubble above active item */
.model-13 .jost-fmm-bar{background:var(--jost-fmm-bg-light);border-radius:28px;box-shadow:0 12px 28px rgba(0,0,0,.10);overflow:visible;padding:0 10px}
.model-13 .jost-fmm-notch,.model-13 .jost-fmm-indicator{display:none}
.model-13 .jost-fmm-link{color:var(--jost-fmm-icon-color)!important;gap:6px}
.model-13 .jost-fmm-link .jost-fmm-label{display:none}
.model-13 .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}
.model-13 .jost-fmm-link.is-active .jost-fmm-icon{transform:none;scale:1.03}
.model-13 .jost-fmm-link.is-active::before{content:attr(aria-label);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:var(--jost-fmm-bg-light);color:var(--jost-fmm-icon-active);padding:8px 18px;border-radius:16px;font-size:12px;font-weight:800;letter-spacing:.08em;box-shadow:0 8px 18px rgba(0,0,0,.09);text-transform:uppercase;white-space:nowrap}
.model-13 .jost-fmm-link.is-active::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 3px);border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid var(--jost-fmm-bg-light)}
.model-13.no-labels .jost-fmm-link{gap:0}

/* model 14: white bar with little rounded-square active background */
.model-14 .jost-fmm-bar{background:var(--jost-fmm-bg-light);border-radius:24px;box-shadow:0 10px 26px rgba(0,0,0,.08);padding:0 10px}
.model-14 .jost-fmm-notch,.model-14 .jost-fmm-indicator{display:none}
.model-14 .jost-fmm-link{color:var(--jost-fmm-icon-color)!important;gap:6px}
.model-14 .jost-fmm-link .jost-fmm-label{display:none}
.model-14 .jost-fmm-link .jost-fmm-icon{width:34px;height:34px;border-radius:10px;transition:all .36s cubic-bezier(.2,1,.3,1)}
.model-14 .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}
.model-14 .jost-fmm-link.is-active .jost-fmm-icon{transform:none;background:color-mix(in srgb,var(--jost-fmm-icon-active) 16%, white);color:var(--jost-fmm-icon-active)!important}
.model-14.no-labels .jost-fmm-link{gap:0}

/* model 15: dark translucent bar with top active dash */
.model-15 .jost-fmm-bar{background:linear-gradient(180deg,rgba(71,79,107,.92),rgba(69,76,103,.94));border-radius:24px;box-shadow:0 12px 28px rgba(0,0,0,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.model-15 .jost-fmm-notch,.model-15 .jost-fmm-indicator{display:none}
.model-15 .jost-fmm-link{color:color-mix(in srgb,var(--jost-fmm-icon-color) 75%, white)!important;gap:6px}
.model-15 .jost-fmm-link .jost-fmm-label{display:none}
.model-15 .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}
.model-15 .jost-fmm-link.is-active .jost-fmm-icon{transform:none}
.model-15 .jost-fmm-link.is-active::before{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:28px;height:5px;border-radius:99px;background:var(--jost-fmm-accent)}
.model-15.no-labels .jost-fmm-link{gap:0}
.model-15.is-glass .jost-fmm-bar{background:linear-gradient(180deg,rgba(71,79,107,.72),rgba(69,76,103,.70))!important;border:1px solid rgba(255,255,255,.14)}

/* model 16: big soft white bar with grey icons */
.model-16 .jost-fmm-bar{background:var(--jost-fmm-bg-light);border-radius:34px;box-shadow:0 18px 42px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.70);padding:0 14px}
.model-16 .jost-fmm-notch,.model-16 .jost-fmm-indicator{display:none}
.model-16 .jost-fmm-link{color:color-mix(in srgb,var(--jost-fmm-icon-color) 70%, white)!important;gap:6px}
.model-16 .jost-fmm-link .jost-fmm-label{display:none}
.model-16 .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}
.model-16 .jost-fmm-link.is-active .jost-fmm-icon{transform:none;scale:1.02}
.model-16.no-labels .jost-fmm-link{gap:0}

/* final binding for models 11-16 */
.jost-fmm-wrap.model-11 .jost-fmm-bar,
.jost-fmm-wrap.model-12 .jost-fmm-bar,
.jost-fmm-wrap.model-13 .jost-fmm-bar,
.jost-fmm-wrap.model-14 .jost-fmm-bar,
.jost-fmm-wrap.model-16 .jost-fmm-bar{background:var(--jost-fmm-bg-light)!important}
.jost-fmm-wrap.model-11 .jost-fmm-link:not(.is-active),
.jost-fmm-wrap.model-13 .jost-fmm-link:not(.is-active),
.jost-fmm-wrap.model-14 .jost-fmm-link:not(.is-active){color:var(--jost-fmm-icon-color)!important}
.jost-fmm-wrap.model-12 .jost-fmm-link:not(.is-active),
.jost-fmm-wrap.model-16 .jost-fmm-link:not(.is-active){color:color-mix(in srgb,var(--jost-fmm-icon-color) 65%, white)!important}
.jost-fmm-wrap.model-11 .jost-fmm-link.is-active,
.jost-fmm-wrap.model-12 .jost-fmm-link.is-active,
.jost-fmm-wrap.model-13 .jost-fmm-link.is-active,
.jost-fmm-wrap.model-14 .jost-fmm-link.is-active,
.jost-fmm-wrap.model-15 .jost-fmm-link.is-active,
.jost-fmm-wrap.model-16 .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}
.jost-fmm-wrap.model-11 .jost-fmm-link .jost-fmm-icon i,
.jost-fmm-wrap.model-12 .jost-fmm-link .jost-fmm-icon i,
.jost-fmm-wrap.model-13 .jost-fmm-link .jost-fmm-icon i,
.jost-fmm-wrap.model-14 .jost-fmm-link .jost-fmm-icon i,
.jost-fmm-wrap.model-15 .jost-fmm-link .jost-fmm-icon i,
.jost-fmm-wrap.model-16 .jost-fmm-link .jost-fmm-icon i{color:currentColor!important}
@supports not (color: color-mix(in srgb, white 50%, black)){
  .model-12 .jost-fmm-link,.model-16 .jost-fmm-link{opacity:.6}
  .model-12 .jost-fmm-link.is-active,.model-16 .jost-fmm-link.is-active{opacity:1}
  .model-14 .jost-fmm-link.is-active .jost-fmm-icon{background:rgba(47,103,246,.14)}
}


/* ===== v1.7.3 CodeCloude-inspired command bar demos - links stay untouched ===== */
.model-17 .jost-fmm-bar,
.model-18 .jost-fmm-bar,
.model-19 .jost-fmm-bar,
.model-20 .jost-fmm-bar{
  overflow:visible;
}
.model-17 .jost-fmm-notch,
.model-18 .jost-fmm-notch,
.model-19 .jost-fmm-notch,
.model-20 .jost-fmm-notch,
.model-17 .jost-fmm-indicator,
.model-18 .jost-fmm-indicator,
.model-19 .jost-fmm-indicator,
.model-20 .jost-fmm-indicator{display:none!important}

.model-17 .jost-fmm-bar{
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,255,255,.60));
  border:1px solid rgba(20,20,20,.07);
  border-radius:24px;
  box-shadow:0 18px 55px rgba(15,18,25,.16);
  backdrop-filter:blur(20px) saturate(150%);
  -webkit-backdrop-filter:blur(20px) saturate(150%);
  padding:7px;
  gap:6px;
}
.model-17 .jost-fmm-link{height:calc(100% - 4px);border-radius:18px;background:rgba(18,18,18,.045);color:var(--jost-fmm-icon-color)!important;gap:4px}
.model-17 .jost-fmm-label{font-size:clamp(7px,var(--jost-fmm-label),10px);color:var(--jost-fmm-label-color)!important}
.model-17 .jost-fmm-link.is-active{flex:1.75;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.28),transparent 36%),linear-gradient(135deg,var(--jost-fmm-accent),var(--jost-fmm-accent2));color:var(--jost-fmm-icon-active)!important;box-shadow:0 12px 28px rgba(0,0,0,.10)}
.model-17 .jost-fmm-link.is-active .jost-fmm-label{color:var(--jost-fmm-label-active)!important}
.model-17 .jost-fmm-link.is-active .jost-fmm-icon{transform:none;scale:1.02}

.model-18 .jost-fmm-bar{
  background:linear-gradient(135deg,rgba(24,24,27,.96),rgba(18,19,23,.94));
  border:1px solid rgba(255,255,255,.09);
  border-radius:24px;
  box-shadow:0 18px 55px rgba(0,0,0,.26);
  padding:7px;
  gap:6px;
}
.model-18 .jost-fmm-link{height:calc(100% - 4px);border-radius:18px;background:rgba(255,255,255,.065);color:var(--jost-fmm-icon-color)!important;gap:4px}
.model-18 .jost-fmm-label{font-size:clamp(7px,var(--jost-fmm-label),10px);color:var(--jost-fmm-label-color)!important}
.model-18 .jost-fmm-link.is-active{flex:1.75;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.22),transparent 36%),linear-gradient(135deg,var(--jost-fmm-accent),var(--jost-fmm-accent2));color:var(--jost-fmm-icon-active)!important}
.model-18 .jost-fmm-link.is-active .jost-fmm-label{color:var(--jost-fmm-label-active)!important}
.model-18 .jost-fmm-link.is-active .jost-fmm-icon{transform:none;scale:1.02}

.model-19 .jost-fmm-bar{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  gap:7px;
}
.model-19 .jost-fmm-link{
  height:calc(100% - 6px);
  border-radius:18px;
  background:var(--jost-fmm-bg-light);
  color:var(--jost-fmm-icon-color)!important;
  box-shadow:0 12px 25px rgba(0,0,0,.10);
}
.model-19 .jost-fmm-label{display:none}
.model-19 .jost-fmm-link.is-active{
  flex:1.55;
  background:linear-gradient(135deg,var(--jost-fmm-accent),var(--jost-fmm-accent2));
  color:var(--jost-fmm-icon-active)!important;
}
.model-19 .jost-fmm-link.is-active .jost-fmm-icon{transform:none;scale:1.04}

.model-20 .jost-fmm-bar{
  background:var(--jost-fmm-bg-light);
  border:1px solid rgba(20,20,20,.08);
  border-radius:999px;
  box-shadow:0 14px 38px rgba(15,18,25,.12);
  padding:8px 12px;
}
.model-20 .jost-fmm-link{background:transparent!important;color:var(--jost-fmm-icon-color)!important;gap:4px}
.model-20 .jost-fmm-label{display:none}
.model-20 .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}
.model-20 .jost-fmm-link.is-active .jost-fmm-icon{
  transform:none;
  width:42px;
  height:42px;
  border-radius:15px;
  background:color-mix(in srgb,var(--jost-fmm-accent) 14%, transparent);
}

/* Final color binding for command-bar inspired demos */
.jost-fmm-wrap.model-17 .jost-fmm-link:not(.is-active),
.jost-fmm-wrap.model-18 .jost-fmm-link:not(.is-active),
.jost-fmm-wrap.model-19 .jost-fmm-link:not(.is-active),
.jost-fmm-wrap.model-20 .jost-fmm-link:not(.is-active){color:var(--jost-fmm-icon-color)!important}
.jost-fmm-wrap.model-17 .jost-fmm-link.is-active,
.jost-fmm-wrap.model-18 .jost-fmm-link.is-active,
.jost-fmm-wrap.model-19 .jost-fmm-link.is-active,
.jost-fmm-wrap.model-20 .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}
.jost-fmm-wrap.model-17 .jost-fmm-link .jost-fmm-icon i,
.jost-fmm-wrap.model-18 .jost-fmm-link .jost-fmm-icon i,
.jost-fmm-wrap.model-19 .jost-fmm-link .jost-fmm-icon i,
.jost-fmm-wrap.model-20 .jost-fmm-link .jost-fmm-icon i{color:currentColor!important}
@supports not (color: color-mix(in srgb, white 50%, black)){
  .model-20 .jost-fmm-link.is-active .jost-fmm-icon{background:rgba(255,106,0,.14)}
}


/* v1.8.0 AJAX product search modal */
.jost-fmm-search-modal{position:fixed;inset:0;z-index:2147483200;display:none;direction:rtl;font-family:inherit}
.jost-fmm-search-modal.is-open{display:block}
.jost-fmm-search-open{overflow:hidden}
.jost-fmm-search-backdrop{position:absolute;inset:0;width:100%;height:100%;background:rgba(7,10,18,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:0}
.jost-fmm-search-sheet{position:absolute;right:50%;bottom:0;transform:translateX(50%);width:min(100%,560px);max-height:min(78vh,720px);display:flex;flex-direction:column;gap:14px;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.55);border-radius:28px 28px 0 0;box-shadow:0 -20px 60px rgba(0,0,0,.18);animation:jostFmmSearchIn .22s ease}
@keyframes jostFmmSearchIn{from{opacity:.4;transform:translate(50%,18px)}to{opacity:1;transform:translate(50%,0)}}
.jost-fmm-search-handle{align-self:center;width:46px;height:5px;border-radius:99px;background:#d5d9e2}
.jost-fmm-search-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.jost-fmm-search-head strong{display:block;font-size:16px;font-weight:950;color:#161922}
.jost-fmm-search-head span{display:block;margin-top:5px;font-size:11px;color:#7b8494}
.jost-fmm-search-close{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:0;border-radius:13px;background:#f3f5f8;color:#242936;cursor:pointer}
.jost-fmm-search-form{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:50px;padding:6px 8px;background:#f7f8fb;border:1px solid #e8ecf3;border-radius:16px}
.jost-fmm-search-form>i{display:flex;justify-content:center;color:#8b93a2}
.jost-fmm-search-form input{width:100%;min-width:0;height:38px;border:0!important;background:transparent!important;outline:0!important;box-shadow:none!important;font:inherit;font-size:13px;color:#111827}
.jost-fmm-search-form button{height:38px;padding:0 14px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--jost-fmm-accent,#ff6a00),var(--jost-fmm-accent2,#e95700));color:#fff;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.jost-fmm-search-status{min-height:18px;font-size:11px;color:#8b93a2;padding:0 4px}
.jost-fmm-search-results{display:flex;flex-direction:column;gap:9px;overflow:auto;padding-bottom:4px;scrollbar-width:thin}
.jost-fmm-search-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:72px;padding:8px;text-decoration:none!important;color:#111827!important;background:#fff;border:1px solid #eef1f6;border-radius:18px;box-shadow:0 8px 20px rgba(20,27,43,.045)}
.jost-fmm-search-thumb{width:58px;height:58px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f4f6f9;border-radius:14px}
.jost-fmm-search-thumb img{width:100%;height:100%;object-fit:cover}
.jost-fmm-search-copy{min-width:0}
.jost-fmm-search-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900}
.jost-fmm-search-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;color:#7b8494}
.jost-fmm-search-price{white-space:nowrap;font-size:11px;font-weight:900;color:var(--jost-fmm-accent,#ff6a00)}
.jost-fmm-search-empty{padding:22px;text-align:center;color:#8b93a2;background:#fff;border:1px dashed #e0e5ee;border-radius:18px}
@media(max-width:420px){.jost-fmm-search-item{grid-template-columns:52px minmax(0,1fr)}.jost-fmm-search-price{grid-column:2;font-size:10px}.jost-fmm-search-thumb{width:52px;height:52px}.jost-fmm-search-form{grid-template-columns:24px minmax(0,1fr)}.jost-fmm-search-form button{grid-column:1/-1;width:100%}}


/* =========================================================
 * v1.9.0 demo refresh - replaces all previous demo styles
 * Inspired by internal concept board designed for this plugin
 * ========================================================= */
/* shared reset for refreshed demo set */
.jost-fmm-wrap.model-1 .jost-fmm-notch,.jost-fmm-wrap.model-1 .jost-fmm-indicator,
.jost-fmm-wrap.model-2 .jost-fmm-notch,.jost-fmm-wrap.model-2 .jost-fmm-indicator,
.jost-fmm-wrap.model-4 .jost-fmm-notch,.jost-fmm-wrap.model-4 .jost-fmm-indicator,
.jost-fmm-wrap.model-5 .jost-fmm-notch,.jost-fmm-wrap.model-5 .jost-fmm-indicator,
.jost-fmm-wrap.model-7 .jost-fmm-notch,.jost-fmm-wrap.model-7 .jost-fmm-indicator,
.jost-fmm-wrap.model-8 .jost-fmm-notch,.jost-fmm-wrap.model-8 .jost-fmm-indicator,
.jost-fmm-wrap.model-9 .jost-fmm-notch,.jost-fmm-wrap.model-9 .jost-fmm-indicator,
.jost-fmm-wrap.model-10 .jost-fmm-notch,.jost-fmm-wrap.model-10 .jost-fmm-indicator{display:none!important}

.jost-fmm-wrap.model-1 .jost-fmm-bar,
.jost-fmm-wrap.model-2 .jost-fmm-bar,
.jost-fmm-wrap.model-4 .jost-fmm-bar,
.jost-fmm-wrap.model-8 .jost-fmm-bar,
.jost-fmm-wrap.model-10 .jost-fmm-bar{background:var(--jost-fmm-bg-light)!important;box-shadow:0 12px 30px rgba(20,27,43,.09)!important;border:1px solid rgba(20,20,20,.05)!important}

/* model 1: minimal white line icons */
.model-1 .jost-fmm-bar{min-height:78px;border-radius:28px;padding:0 8px}
.model-1 .jost-fmm-link{gap:4px;color:var(--jost-fmm-icon-color)!important}
.model-1 .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}
.model-1 .jost-fmm-link.is-active .jost-fmm-label{font-weight:900;color:var(--jost-fmm-label-active)!important}
.model-1 .jost-fmm-link.is-active::after{content:"";position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width:22px;height:3px;border-radius:99px;background:var(--jost-fmm-accent)}
.model-1 .jost-fmm-icon,.model-2 .jost-fmm-icon,.model-8 .jost-fmm-icon{transform:none!important}

/* model 2: active colored icon + stronger blue accent */
.model-2 .jost-fmm-bar{min-height:78px;border-radius:28px;padding:0 8px}
.model-2 .jost-fmm-link{gap:4px;color:var(--jost-fmm-icon-color)!important}
.model-2 .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}
.model-2 .jost-fmm-link.is-active .jost-fmm-icon{color:var(--jost-fmm-icon-active)!important;transform:none!important;scale:1.04}
.model-2 .jost-fmm-link.is-active .jost-fmm-label{font-weight:900;color:var(--jost-fmm-label-active)!important}
.model-2 .jost-fmm-link.is-active::after{content:"";position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width:16px;height:3px;border-radius:99px;background:var(--jost-fmm-accent)}

/* model 3: central elevated action button */
.model-3 .jost-fmm-bar{background:var(--jost-fmm-bg-light)!important;border:1px solid rgba(20,20,20,.05)!important;box-shadow:0 12px 30px rgba(20,27,43,.09)!important;border-radius:28px;min-height:82px;padding:0 10px;overflow:visible}
.model-3 .jost-fmm-notch{position:absolute;top:-18px;left:50%;transform:translateX(-50%);display:block!important;width:92px;height:46px;background:transparent}
.model-3 .jost-fmm-notch::before{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;border-radius:0 0 22px 22px;background:transparent;box-shadow:0 16px 0 18px var(--jost-fmm-bg-light)}
.model-3 .jost-fmm-indicator{display:flex!important;align-items:center;justify-content:center;top:-24px;width:74px;height:74px;border-radius:50%;background:linear-gradient(135deg,var(--jost-fmm-accent),color-mix(in srgb,var(--jost-fmm-accent) 74%, white));color:#fff;box-shadow:0 18px 30px rgba(30,89,225,.28),0 0 0 8px rgba(255,255,255,.92)}
.model-3 .jost-fmm-link{gap:4px;color:var(--jost-fmm-icon-color)!important}
.model-3 .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}
.model-3 .jost-fmm-link.is-active .jost-fmm-icon,.model-3 .jost-fmm-link.is-active .jost-fmm-label{opacity:0}

/* model 4: neumorphic white */
.model-4 .jost-fmm-bar{min-height:78px;border-radius:28px;padding:0 8px;background:#f8f9fb!important;box-shadow:0 16px 34px rgba(208,214,224,.55),inset 0 1px 0 rgba(255,255,255,.9)!important;border:1px solid rgba(255,255,255,.9)!important}
.model-4 .jost-fmm-link{gap:4px;color:var(--jost-fmm-icon-color)!important;border-radius:20px}
.model-4 .jost-fmm-link.is-active{background:#ffffff;box-shadow:0 10px 22px rgba(205,212,223,.55), inset 0 1px 0 rgba(255,255,255,.95);color:var(--jost-fmm-icon-active)!important}
.model-4 .jost-fmm-link.is-active .jost-fmm-label{font-weight:900;color:var(--jost-fmm-label-active)!important}

/* model 5: dark glass */
.model-5 .jost-fmm-bar{min-height:78px;border-radius:24px;padding:0 8px;background:linear-gradient(180deg,rgba(36,39,47,.78),rgba(27,30,37,.76))!important;border:1px solid rgba(255,255,255,.11)!important;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);box-shadow:0 16px 35px rgba(0,0,0,.22)!important}
.model-5 .jost-fmm-link{gap:4px;color:color-mix(in srgb,var(--jost-fmm-icon-color) 78%, white)!important}
.model-5 .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}
.model-5 .jost-fmm-link.is-active .jost-fmm-label{font-weight:900;color:var(--jost-fmm-label-active)!important}
.model-5 .jost-fmm-link.is-active::after{content:"";position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:22px;height:3px;border-radius:99px;background:var(--jost-fmm-accent)}

/* model 6: dark with orange center bubble */
.model-6 .jost-fmm-bar{background:linear-gradient(180deg,rgba(23,25,30,.96),rgba(17,19,23,.96))!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 18px 34px rgba(0,0,0,.24)!important;border-radius:999px;min-height:74px;padding:0 10px;overflow:visible}
.model-6 .jost-fmm-notch{display:block!important;position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:98px;height:40px;background:transparent}
.model-6 .jost-fmm-notch::before{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;border-radius:0 0 22px 22px;background:transparent;box-shadow:0 14px 0 18px rgba(17,19,23,.96)}
.model-6 .jost-fmm-indicator{display:flex!important;align-items:center;justify-content:center;top:-20px;width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--jost-fmm-accent),var(--jost-fmm-accent2));color:#fff;box-shadow:0 18px 30px rgba(233,87,0,.30),0 0 0 8px rgba(17,19,23,.96)}
.model-6 .jost-fmm-link{gap:4px;color:#f3f5f8!important}
.model-6 .jost-fmm-link.is-active{color:var(--jost-fmm-accent)!important}
.model-6 .jost-fmm-link.is-active .jost-fmm-icon,.model-6 .jost-fmm-link.is-active .jost-fmm-label{opacity:0}

/* model 7: separate soft cards */
.model-7 .jost-fmm-bar{min-height:78px;background:transparent!important;border:0!important;box-shadow:none!important;padding:0;gap:10px}
.model-7 .jost-fmm-link{height:100%;background:var(--jost-fmm-bg-light);border:1px solid rgba(20,20,20,.05);box-shadow:0 10px 24px rgba(20,27,43,.09);border-radius:22px;gap:4px;color:var(--jost-fmm-icon-color)!important}
.model-7 .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important;box-shadow:0 12px 28px rgba(20,27,43,.13)}
.model-7 .jost-fmm-link.is-active .jost-fmm-label{font-weight:900;color:var(--jost-fmm-label-active)!important}

/* model 8: top active line */
.model-8 .jost-fmm-bar{min-height:76px;border-radius:18px;padding:0 8px;box-shadow:0 12px 26px rgba(20,27,43,.07)!important}
.model-8 .jost-fmm-link{gap:4px;color:var(--jost-fmm-icon-color)!important}
.model-8 .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}
.model-8 .jost-fmm-link.is-active::before{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:58px;height:3px;border-radius:99px;background:var(--jost-fmm-accent)}
.model-8 .jost-fmm-link.is-active .jost-fmm-label{font-weight:900;color:var(--jost-fmm-label-active)!important}

/* model 9: modern gradient */
.model-9 .jost-fmm-bar{min-height:76px;border-radius:999px;padding:0 10px;background:linear-gradient(90deg,#5a48ff 0%,#be3dd8 34%,#ff5f63 70%,#ffb148 100%)!important;box-shadow:0 16px 34px rgba(109,64,216,.20)!important;border:0!important}
.model-9 .jost-fmm-link{gap:4px;color:rgba(255,255,255,.88)!important}
.model-9 .jost-fmm-link .jost-fmm-label{color:rgba(255,255,255,.88)!important}
.model-9 .jost-fmm-link.is-active{color:#fff!important}
.model-9 .jost-fmm-link.is-active .jost-fmm-label{color:#fff!important;font-weight:900}

/* model 10: icon circles */
.model-10 .jost-fmm-bar{min-height:84px;border-radius:999px;padding:0 12px;box-shadow:0 14px 30px rgba(20,27,43,.08)!important}
.model-10 .jost-fmm-link{gap:4px;color:var(--jost-fmm-icon-color)!important}
.model-10 .jost-fmm-link .jost-fmm-icon{width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 8px 18px rgba(20,27,43,.08);transform:none!important}
.model-10 .jost-fmm-link.is-active{color:var(--jost-fmm-icon-active)!important}
.model-10 .jost-fmm-link.is-active .jost-fmm-icon{background:linear-gradient(135deg,var(--jost-fmm-accent),color-mix(in srgb,var(--jost-fmm-accent) 68%, white));color:#fff!important;box-shadow:0 14px 24px rgba(30,89,225,.22)}
.model-10 .jost-fmm-link.is-active .jost-fmm-icon i{color:#fff!important}
.model-10 .jost-fmm-link.is-active .jost-fmm-label{font-weight:900;color:var(--jost-fmm-label-active)!important}

/* final binding */
.jost-fmm-wrap.model-1 .jost-fmm-link .jost-fmm-icon i,
.jost-fmm-wrap.model-2 .jost-fmm-link .jost-fmm-icon i,
.jost-fmm-wrap.model-3 .jost-fmm-link .jost-fmm-icon i,
.jost-fmm-wrap.model-4 .jost-fmm-link .jost-fmm-icon i,
.jost-fmm-wrap.model-5 .jost-fmm-link .jost-fmm-icon i,
.jost-fmm-wrap.model-6 .jost-fmm-link .jost-fmm-icon i,
.jost-fmm-wrap.model-7 .jost-fmm-link .jost-fmm-icon i,
.jost-fmm-wrap.model-8 .jost-fmm-link .jost-fmm-icon i,
.jost-fmm-wrap.model-9 .jost-fmm-link .jost-fmm-icon i,
.jost-fmm-wrap.model-10 .jost-fmm-link .jost-fmm-icon i{color:currentColor!important}
@supports not (color: color-mix(in srgb, white 50%, black)){
  .model-3 .jost-fmm-indicator{background:var(--jost-fmm-accent)}
  .model-10 .jost-fmm-link.is-active .jost-fmm-icon{background:var(--jost-fmm-accent)}
}


/* v1.9.1 frontend detail polish to match approved demo board */
.jost-fmm-icon{position:relative}
.jost-fmm-badge{position:absolute;top:-8px;right:-10px;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#ff3240;color:#fff;font-style:normal;font-size:10px;font-weight:900;line-height:1;box-shadow:0 6px 12px rgba(255,50,64,.25)}
.model-1 .jost-fmm-bar,.model-2 .jost-fmm-bar,.model-4 .jost-fmm-bar,.model-8 .jost-fmm-bar,.model-10 .jost-fmm-bar{border:1px solid #eceef3!important;box-shadow:0 12px 26px rgba(20,27,43,.07)!important}
.model-1 .jost-fmm-link.is-active::after,.model-2 .jost-fmm-link.is-active::after{content:"";position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width:22px;height:3px;border-radius:99px;background:var(--jost-fmm-accent)}
.model-4 .jost-fmm-link{margin:8px 4px;border-radius:20px}.model-4 .jost-fmm-link.is-active{background:#fff;box-shadow:0 12px 20px rgba(218,223,233,.58)}
.model-5 .jost-fmm-bar{background:linear-gradient(180deg,rgba(48,50,55,.95),rgba(36,39,43,.95))!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 16px 34px rgba(0,0,0,.18)!important}.model-5 .jost-fmm-link:not(.is-active){color:#fff!important}.model-5 .jost-fmm-link:not(.is-active) .jost-fmm-label{color:#fff!important}.model-5 .jost-fmm-link.is-active::after{content:"";position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width:22px;height:3px;border-radius:99px;background:var(--jost-fmm-accent)}
.model-6 .jost-fmm-bar{border-radius:999px!important}.model-6 .jost-fmm-link:first-child{color:var(--jost-fmm-accent)!important}.model-6 .jost-fmm-link:first-child .jost-fmm-label{color:var(--jost-fmm-accent)!important}
.model-7 .jost-fmm-bar{gap:10px!important}.model-7 .jost-fmm-link{border-radius:22px!important;border:1px solid #eceef3;box-shadow:0 10px 24px rgba(20,27,43,.07)}
.model-8 .jost-fmm-link.is-active::before{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:38px;height:3px;border-radius:99px;background:var(--jost-fmm-accent)}
.model-9 .jost-fmm-bar{background:linear-gradient(90deg,#5d3fff 0%,#c53ec9 36%,#ff4e6a 68%,#f6a53f 100%)!important}.model-9 .jost-fmm-link,.model-9 .jost-fmm-link .jost-fmm-label{color:#fff!important}
.model-10 .jost-fmm-link .jost-fmm-icon{width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 8px 18px rgba(20,27,43,.08)}.model-10 .jost-fmm-link.is-active .jost-fmm-icon{background:var(--jost-fmm-accent)!important;color:#fff!important;box-shadow:0 14px 24px rgba(93,91,255,.26)}.model-10 .jost-fmm-link.is-active .jost-fmm-icon i{color:#fff!important}


/* =========================================================
 * v1.9.2 exact-render fix
 * These rules make frontend output use the same active item, proportions,
 * badge and central icon behavior as the approved demo board.
 * ========================================================= */
.jost-fmm-wrap[data-exact-demo="1"] .jost-fmm-bar{box-sizing:border-box!important}
.jost-fmm-wrap[data-exact-demo="1"] .jost-fmm-link{transition:color .18s ease, background .18s ease, transform .18s ease!important}
.jost-fmm-wrap[data-exact-demo="1"] .jost-fmm-link.is-active .jost-fmm-icon{transform:none!important}
.jost-fmm-wrap[data-exact-demo="1"] .jost-fmm-indicator i{font-size:calc(var(--jost-fmm-icon) + 7px);line-height:1;color:currentColor!important}
.jost-fmm-wrap.model-3[data-exact-demo="1"] .jost-fmm-indicator,
.jost-fmm-wrap.model-6[data-exact-demo="1"] .jost-fmm-indicator{z-index:7!important;display:flex!important;align-items:center!important;justify-content:center!important}
.jost-fmm-wrap.model-3[data-exact-demo="1"] .jost-fmm-indicator{color:#fff!important;background:#2f67f6!important}
.jost-fmm-wrap.model-6[data-exact-demo="1"] .jost-fmm-indicator{color:#fff!important;background:linear-gradient(135deg,#ff8d26,#ff7b0f)!important}
.jost-fmm-wrap.model-3[data-exact-demo="1"] .jost-fmm-link.is-active .jost-fmm-icon,
.jost-fmm-wrap.model-3[data-exact-demo="1"] .jost-fmm-link.is-active .jost-fmm-label,
.jost-fmm-wrap.model-6[data-exact-demo="1"] .jost-fmm-link.is-active .jost-fmm-icon,
.jost-fmm-wrap.model-6[data-exact-demo="1"] .jost-fmm-link.is-active .jost-fmm-label{opacity:0!important}
.jost-fmm-wrap.model-1[data-exact-demo="1"] .jost-fmm-bar,
.jost-fmm-wrap.model-2[data-exact-demo="1"] .jost-fmm-bar{min-height:78px!important;border-radius:28px!important;background:#fff!important}
.jost-fmm-wrap.model-3[data-exact-demo="1"] .jost-fmm-bar{min-height:82px!important;border-radius:28px!important;background:#fff!important}
.jost-fmm-wrap.model-4[data-exact-demo="1"] .jost-fmm-bar{min-height:78px!important;border-radius:28px!important;background:#fbfbfc!important}
.jost-fmm-wrap.model-5[data-exact-demo="1"] .jost-fmm-bar{min-height:78px!important;border-radius:24px!important}
.jost-fmm-wrap.model-6[data-exact-demo="1"] .jost-fmm-bar{min-height:74px!important;border-radius:999px!important}
.jost-fmm-wrap.model-7[data-exact-demo="1"] .jost-fmm-bar{min-height:78px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.jost-fmm-wrap.model-8[data-exact-demo="1"] .jost-fmm-bar{min-height:76px!important;border-radius:18px!important;background:#fff!important}
.jost-fmm-wrap.model-9[data-exact-demo="1"] .jost-fmm-bar{min-height:76px!important;border-radius:999px!important}
.jost-fmm-wrap.model-10[data-exact-demo="1"] .jost-fmm-bar{min-height:84px!important;border-radius:999px!important;background:#fff!important}
.jost-fmm-wrap.model-1[data-exact-demo="1"] .jost-fmm-label,
.jost-fmm-wrap.model-2[data-exact-demo="1"] .jost-fmm-label,
.jost-fmm-wrap.model-3[data-exact-demo="1"] .jost-fmm-label,
.jost-fmm-wrap.model-4[data-exact-demo="1"] .jost-fmm-label,
.jost-fmm-wrap.model-5[data-exact-demo="1"] .jost-fmm-label,
.jost-fmm-wrap.model-6[data-exact-demo="1"] .jost-fmm-label,
.jost-fmm-wrap.model-7[data-exact-demo="1"] .jost-fmm-label,
.jost-fmm-wrap.model-8[data-exact-demo="1"] .jost-fmm-label,
.jost-fmm-wrap.model-9[data-exact-demo="1"] .jost-fmm-label,
.jost-fmm-wrap.model-10[data-exact-demo="1"] .jost-fmm-label{font-size:min(var(--jost-fmm-label),11px)!important;line-height:1.08!important;font-weight:800!important}
.jost-fmm-wrap.model-9[data-exact-demo="1"] .jost-fmm-badge{background:#ff3240!important;color:#fff!important}
@media(max-width:420px){
  .jost-fmm-wrap[data-exact-demo="1"]{width:min(calc(100vw - 20px),var(--jost-fmm-max))!important}
  .jost-fmm-wrap[data-exact-demo="1"] .jost-fmm-label{font-size:9px!important}
  .jost-fmm-wrap[data-exact-demo="1"] .jost-fmm-icon{font-size:min(var(--jost-fmm-icon),22px)!important}
}


/* =========================================================
 * v1.9.4 FINAL EXACT CODED DEMOS
 * This block intentionally overrides every older model rule.
 * It fixes the mismatch between admin demo and frontend output.
 * ========================================================= */
.jost-fmm-wrap.jost-fmm-exact-coded,
.jost-fmm-wrap[data-exact-version="1.9.4"]{
  width:min(calc(100vw - 24px), 640px)!important;
  max-width:640px!important;
  direction:ltr!important;
  contain:none!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded *,
.jost-fmm-wrap[data-exact-version="1.9.4"] *{box-sizing:border-box!important}
.jost-fmm-wrap.jost-fmm-exact-coded .jost-fmm-bar,
.jost-fmm-wrap[data-exact-version="1.9.4"] .jost-fmm-bar{
  position:relative!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;justify-content:space-between!important;gap:0!important;overflow:visible!important;isolation:isolate!important;padding:0 14px!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded .jost-fmm-bar::before,
.jost-fmm-wrap.jost-fmm-exact-coded .jost-fmm-bar::after,
.jost-fmm-wrap[data-exact-version="1.9.4"] .jost-fmm-bar::before,
.jost-fmm-wrap[data-exact-version="1.9.4"] .jost-fmm-bar::after{content:none!important;display:none!important}
.jost-fmm-wrap.jost-fmm-exact-coded .jost-fmm-notch,
.jost-fmm-wrap.jost-fmm-exact-coded .jost-fmm-notch::before,
.jost-fmm-wrap.jost-fmm-exact-coded .jost-fmm-notch::after,
.jost-fmm-wrap[data-exact-version="1.9.4"] .jost-fmm-notch,
.jost-fmm-wrap[data-exact-version="1.9.4"] .jost-fmm-notch::before,
.jost-fmm-wrap[data-exact-version="1.9.4"] .jost-fmm-notch::after{content:none!important;display:none!important;box-shadow:none!important;background:transparent!important}
.jost-fmm-wrap.jost-fmm-exact-coded .jost-fmm-link,
.jost-fmm-wrap[data-exact-version="1.9.4"] .jost-fmm-link{
  position:relative!important;z-index:4!important;flex:1 1 0!important;min-width:0!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important;color:#242426!important;opacity:1!important;transform:none!important;text-decoration:none!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded .jost-fmm-icon,
.jost-fmm-wrap[data-exact-version="1.9.4"] .jost-fmm-icon{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:23px!important;line-height:1!important;color:currentColor!important;transform:none!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded .jost-fmm-icon i,
.jost-fmm-wrap[data-exact-version="1.9.4"] .jost-fmm-icon i{color:currentColor!important;line-height:1!important}
.jost-fmm-wrap.jost-fmm-exact-coded .jost-fmm-label,
.jost-fmm-wrap[data-exact-version="1.9.4"] .jost-fmm-label{
  display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;direction:rtl!important;color:#242426!important;font-size:11px!important;line-height:1.1!important;font-weight:850!important;opacity:1!important;transform:none!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded .jost-fmm-badge,
.jost-fmm-wrap[data-exact-version="1.9.4"] .jost-fmm-badge{
  position:absolute!important;top:-9px!important;right:-13px!important;z-index:8!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:20px!important;height:20px!important;padding:0 6px!important;border-radius:999px!important;background:#ff3240!important;color:#fff!important;font-style:normal!important;font-size:11px!important;font-weight:900!important;line-height:1!important;box-shadow:0 6px 14px rgba(255,50,64,.30)!important;
}

/* Model 1 */
.jost-fmm-wrap.jost-fmm-exact-coded.model-1 .jost-fmm-bar,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-1 .jost-fmm-bar{min-height:78px!important;border-radius:28px!important;background:#fff!important;border:1px solid #eceef3!important;box-shadow:0 12px 26px rgba(20,27,43,.07)!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-1 .jost-fmm-link.is-active,
.jost-fmm-wrap.jost-fmm-exact-coded.model-1 .jost-fmm-link.is-active .jost-fmm-label,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-1 .jost-fmm-link.is-active,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-1 .jost-fmm-link.is-active .jost-fmm-label{color:#6558ff!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-1 .jost-fmm-link.is-active::after,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-1 .jost-fmm-link.is-active::after{content:""!important;position:absolute!important;bottom:9px!important;left:50%!important;transform:translateX(-50%)!important;width:22px!important;height:3px!important;border-radius:99px!important;background:#6558ff!important}

/* Model 2 */
.jost-fmm-wrap.jost-fmm-exact-coded.model-2 .jost-fmm-bar,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-2 .jost-fmm-bar{min-height:78px!important;border-radius:28px!important;background:#fff!important;border:1px solid #eceef3!important;box-shadow:0 12px 26px rgba(20,27,43,.07)!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-2 .jost-fmm-link.is-active,
.jost-fmm-wrap.jost-fmm-exact-coded.model-2 .jost-fmm-link.is-active .jost-fmm-label,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-2 .jost-fmm-link.is-active,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-2 .jost-fmm-link.is-active .jost-fmm-label{color:#2f67f6!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-2 .jost-fmm-link.is-active::after,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-2 .jost-fmm-link.is-active::after{content:""!important;position:absolute!important;bottom:9px!important;left:50%!important;transform:translateX(-50%)!important;width:18px!important;height:3px!important;border-radius:99px!important;background:#2f67f6!important}

/* Model 3 */
.jost-fmm-wrap.jost-fmm-exact-coded.model-3 .jost-fmm-bar,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-3 .jost-fmm-bar{min-height:82px!important;border-radius:30px!important;background:#fff!important;border:1px solid #eceef3!important;box-shadow:0 12px 26px rgba(20,27,43,.07)!important;padding:0 14px!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-3 .jost-fmm-indicator,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-3 .jost-fmm-indicator{
  position:absolute!important;z-index:7!important;left:50%!important;top:-20px!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;width:86px!important;height:86px!important;border-radius:50%!important;background:#2f67f6!important;color:#fff!important;box-shadow:0 18px 36px rgba(47,103,246,.28),0 0 0 10px rgba(255,255,255,.96)!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded.model-3 .jost-fmm-indicator i,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-3 .jost-fmm-indicator i{font-size:34px!important;color:#fff!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-3 .jost-fmm-link.is-active .jost-fmm-icon,
.jost-fmm-wrap.jost-fmm-exact-coded.model-3 .jost-fmm-link.is-active .jost-fmm-label,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-3 .jost-fmm-link.is-active .jost-fmm-icon,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-3 .jost-fmm-link.is-active .jost-fmm-label{opacity:0!important}

/* Model 4 */
.jost-fmm-wrap.jost-fmm-exact-coded.model-4 .jost-fmm-bar,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-4 .jost-fmm-bar{min-height:78px!important;border-radius:28px!important;background:#fbfbfc!important;border:1px solid #efeff1!important;box-shadow:0 14px 30px rgba(218,223,233,.55), inset 0 1px 0 rgba(255,255,255,.94)!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-4 .jost-fmm-link,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-4 .jost-fmm-link{margin:8px 5px!important;border-radius:22px!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-4 .jost-fmm-link.is-active,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-4 .jost-fmm-link.is-active{background:#fff!important;box-shadow:0 12px 22px rgba(218,223,233,.58)!important;color:#2f67f6!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-4 .jost-fmm-link.is-active .jost-fmm-label,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-4 .jost-fmm-link.is-active .jost-fmm-label{color:#2f67f6!important}

/* Model 5 */
.jost-fmm-wrap.jost-fmm-exact-coded.model-5 .jost-fmm-bar,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-5 .jost-fmm-bar{min-height:78px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(48,50,55,.95),rgba(36,39,43,.95))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 16px 34px rgba(0,0,0,.18)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-5 .jost-fmm-link,
.jost-fmm-wrap.jost-fmm-exact-coded.model-5 .jost-fmm-label,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-5 .jost-fmm-link,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-5 .jost-fmm-label{color:#fff!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-5 .jost-fmm-link.is-active,
.jost-fmm-wrap.jost-fmm-exact-coded.model-5 .jost-fmm-link.is-active .jost-fmm-label,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-5 .jost-fmm-link.is-active,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-5 .jost-fmm-link.is-active .jost-fmm-label{color:#2f67f6!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-5 .jost-fmm-link.is-active::after,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-5 .jost-fmm-link.is-active::after{content:""!important;position:absolute!important;bottom:9px!important;left:50%!important;transform:translateX(-50%)!important;width:22px!important;height:3px!important;border-radius:99px!important;background:#2f67f6!important}

/* Model 6 */
.jost-fmm-wrap.jost-fmm-exact-coded.model-6 .jost-fmm-bar,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-6 .jost-fmm-bar{min-height:74px!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(24,27,31,.98),rgba(18,20,24,.98))!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 16px 34px rgba(0,0,0,.22)!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-6 .jost-fmm-indicator,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-6 .jost-fmm-indicator{position:absolute!important;z-index:7!important;left:50%!important;top:-18px!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;width:82px!important;height:82px!important;border-radius:50%!important;background:linear-gradient(135deg,#ff8d26,#ff7b0f)!important;color:#fff!important;box-shadow:0 18px 32px rgba(255,128,24,.28),0 0 0 10px rgba(24,27,31,.98)!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-6 .jost-fmm-indicator i,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-6 .jost-fmm-indicator i{font-size:30px!important;color:#fff!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-6 .jost-fmm-link,
.jost-fmm-wrap.jost-fmm-exact-coded.model-6 .jost-fmm-label,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-6 .jost-fmm-link,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-6 .jost-fmm-label{color:#fff!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-6 .jost-fmm-link:first-of-type,
.jost-fmm-wrap.jost-fmm-exact-coded.model-6 .jost-fmm-link:first-of-type .jost-fmm-label,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-6 .jost-fmm-link:first-of-type,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-6 .jost-fmm-link:first-of-type .jost-fmm-label{color:#ff8d26!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-6 .jost-fmm-link.is-active .jost-fmm-icon,
.jost-fmm-wrap.jost-fmm-exact-coded.model-6 .jost-fmm-link.is-active .jost-fmm-label,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-6 .jost-fmm-link.is-active .jost-fmm-icon,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-6 .jost-fmm-link.is-active .jost-fmm-label{opacity:0!important}

/* Model 7 */
.jost-fmm-wrap.jost-fmm-exact-coded.model-7 .jost-fmm-bar,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-7 .jost-fmm-bar{min-height:78px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;gap:10px!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-7 .jost-fmm-link,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-7 .jost-fmm-link{height:78px!important;background:#fff!important;border:1px solid #eceef3!important;border-radius:22px!important;box-shadow:0 12px 26px rgba(20,27,43,.07)!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-7 .jost-fmm-link.is-active,
.jost-fmm-wrap.jost-fmm-exact-coded.model-7 .jost-fmm-link.is-active .jost-fmm-label,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-7 .jost-fmm-link.is-active,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-7 .jost-fmm-link.is-active .jost-fmm-label{color:#2f67f6!important}

/* Model 8 */
.jost-fmm-wrap.jost-fmm-exact-coded.model-8 .jost-fmm-bar,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-8 .jost-fmm-bar{min-height:76px!important;border-radius:18px!important;background:#fff!important;border:1px solid #eceef3!important;box-shadow:0 12px 26px rgba(20,27,43,.07)!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-8 .jost-fmm-link.is-active,
.jost-fmm-wrap.jost-fmm-exact-coded.model-8 .jost-fmm-link.is-active .jost-fmm-label,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-8 .jost-fmm-link.is-active,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-8 .jost-fmm-link.is-active .jost-fmm-label{color:#6558ff!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-8 .jost-fmm-link.is-active::before,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-8 .jost-fmm-link.is-active::before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:4px!important;border-radius:99px!important;background:#6558ff!important}

/* Model 9 */
.jost-fmm-wrap.jost-fmm-exact-coded.model-9 .jost-fmm-bar,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-9 .jost-fmm-bar{min-height:76px!important;border-radius:999px!important;background:linear-gradient(90deg,#5d3fff 0%,#c53ec9 36%,#ff4e6a 68%,#f6a53f 100%)!important;border:0!important;box-shadow:0 16px 34px rgba(121,71,216,.22)!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-9 .jost-fmm-link,
.jost-fmm-wrap.jost-fmm-exact-coded.model-9 .jost-fmm-label,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-9 .jost-fmm-link,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-9 .jost-fmm-label{color:#fff!important}

/* Model 10 */
.jost-fmm-wrap.jost-fmm-exact-coded.model-10 .jost-fmm-bar,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-10 .jost-fmm-bar{min-height:84px!important;border-radius:999px!important;background:#fff!important;border:1px solid #eceef3!important;box-shadow:0 12px 26px rgba(20,27,43,.07)!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-10 .jost-fmm-icon,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-10 .jost-fmm-icon{width:44px!important;height:44px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 8px 18px rgba(20,27,43,.08)!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-10 .jost-fmm-link.is-active .jost-fmm-icon,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-10 .jost-fmm-link.is-active .jost-fmm-icon{background:#6558ff!important;color:#fff!important;box-shadow:0 14px 24px rgba(93,91,255,.26)!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-10 .jost-fmm-link.is-active .jost-fmm-icon i,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-10 .jost-fmm-link.is-active .jost-fmm-icon i{color:#fff!important}
.jost-fmm-wrap.jost-fmm-exact-coded.model-10 .jost-fmm-link.is-active,
.jost-fmm-wrap.jost-fmm-exact-coded.model-10 .jost-fmm-link.is-active .jost-fmm-label,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-10 .jost-fmm-link.is-active,
.jost-fmm-wrap[data-exact-version="1.9.4"].model-10 .jost-fmm-link.is-active .jost-fmm-label{color:#6558ff!important}

@media(max-width:430px){
  .jost-fmm-wrap.jost-fmm-exact-coded,
  .jost-fmm-wrap[data-exact-version="1.9.4"]{width:min(calc(100vw - 20px),640px)!important}
  .jost-fmm-wrap.jost-fmm-exact-coded .jost-fmm-label,
  .jost-fmm-wrap[data-exact-version="1.9.4"] .jost-fmm-label{font-size:9.5px!important}
  .jost-fmm-wrap.jost-fmm-exact-coded .jost-fmm-icon,
  .jost-fmm-wrap[data-exact-version="1.9.4"] .jost-fmm-icon{font-size:21px!important}
  .jost-fmm-wrap.jost-fmm-exact-coded.model-3 .jost-fmm-indicator,
  .jost-fmm-wrap[data-exact-version="1.9.4"].model-3 .jost-fmm-indicator{width:74px!important;height:74px!important;top:-17px!important}
  .jost-fmm-wrap.jost-fmm-exact-coded.model-6 .jost-fmm-indicator,
  .jost-fmm-wrap[data-exact-version="1.9.4"].model-6 .jost-fmm-indicator{width:70px!important;height:70px!important;top:-15px!important}
}


/* v1.9.6 restore visual direction control for exact coded models */
.jost-fmm-wrap.jost-fmm-exact-coded.order-ltr,
.jost-fmm-wrap[data-exact-demo="1"].order-ltr{
  direction:ltr!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded.order-rtl,
.jost-fmm-wrap[data-exact-demo="1"].order-rtl{
  direction:rtl!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded.order-ltr .jost-fmm-bar,
.jost-fmm-wrap[data-exact-demo="1"].order-ltr .jost-fmm-bar{
  flex-direction:row!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded.order-rtl .jost-fmm-bar,
.jost-fmm-wrap[data-exact-demo="1"].order-rtl .jost-fmm-bar{
  flex-direction:row-reverse!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded.order-rtl .jost-fmm-label,
.jost-fmm-wrap[data-exact-demo="1"].order-rtl .jost-fmm-label,
.jost-fmm-wrap.jost-fmm-exact-coded.order-ltr .jost-fmm-label,
.jost-fmm-wrap[data-exact-demo="1"].order-ltr .jost-fmm-label{
  direction:rtl!important;
}


/* v1.9.7: visual order is now rendered by PHP, so CSS must not reverse it again */
.jost-fmm-wrap.jost-fmm-exact-coded.order-rtl .jost-fmm-bar,
.jost-fmm-wrap[data-exact-demo="1"].order-rtl .jost-fmm-bar,
.jost-fmm-wrap.jost-fmm-exact-coded.order-ltr .jost-fmm-bar,
.jost-fmm-wrap[data-exact-demo="1"].order-ltr .jost-fmm-bar{
  flex-direction:row!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded.order-rtl,
.jost-fmm-wrap[data-exact-demo="1"].order-rtl,
.jost-fmm-wrap.jost-fmm-exact-coded.order-ltr,
.jost-fmm-wrap[data-exact-demo="1"].order-ltr{
  direction:ltr!important;
}

/* v1.9.7: per-demo color variables */
.jost-fmm-wrap.jost-fmm-exact-coded,
.jost-fmm-wrap[data-exact-demo="1"]{
  background:transparent!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded .jost-fmm-bar,
.jost-fmm-wrap[data-exact-demo="1"] .jost-fmm-bar{
  border-color:var(--jost-demo-border)!important;
  box-shadow:0 12px 26px var(--jost-demo-shadow)!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded.model-1 .jost-fmm-bar,
.jost-fmm-wrap.jost-fmm-exact-coded.model-2 .jost-fmm-bar,
.jost-fmm-wrap.jost-fmm-exact-coded.model-3 .jost-fmm-bar,
.jost-fmm-wrap.jost-fmm-exact-coded.model-4 .jost-fmm-bar,
.jost-fmm-wrap.jost-fmm-exact-coded.model-7 .jost-fmm-link,
.jost-fmm-wrap.jost-fmm-exact-coded.model-8 .jost-fmm-bar,
.jost-fmm-wrap.jost-fmm-exact-coded.model-10 .jost-fmm-bar,
.jost-fmm-wrap[data-exact-demo="1"].model-1 .jost-fmm-bar,
.jost-fmm-wrap[data-exact-demo="1"].model-2 .jost-fmm-bar,
.jost-fmm-wrap[data-exact-demo="1"].model-3 .jost-fmm-bar,
.jost-fmm-wrap[data-exact-demo="1"].model-4 .jost-fmm-bar,
.jost-fmm-wrap[data-exact-demo="1"].model-7 .jost-fmm-link,
.jost-fmm-wrap[data-exact-demo="1"].model-8 .jost-fmm-bar,
.jost-fmm-wrap[data-exact-demo="1"].model-10 .jost-fmm-bar{
  background:var(--jost-demo-bar)!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded.model-5 .jost-fmm-bar,
.jost-fmm-wrap[data-exact-demo="1"].model-5 .jost-fmm-bar{
  background:linear-gradient(180deg,color-mix(in srgb,var(--jost-demo-bar) 92%, white),var(--jost-demo-bar))!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded.model-6 .jost-fmm-bar,
.jost-fmm-wrap[data-exact-demo="1"].model-6 .jost-fmm-bar{
  background:linear-gradient(180deg,color-mix(in srgb,var(--jost-demo-bar) 90%, white),var(--jost-demo-bar))!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded.model-9 .jost-fmm-bar,
.jost-fmm-wrap[data-exact-demo="1"].model-9 .jost-fmm-bar{
  background:linear-gradient(90deg,var(--jost-demo-accent) 0%,var(--jost-demo-bar) 38%,var(--jost-demo-accent2) 72%,color-mix(in srgb,var(--jost-demo-accent2) 55%, white))!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded .jost-fmm-link,
.jost-fmm-wrap[data-exact-demo="1"] .jost-fmm-link{
  color:var(--jost-demo-icon)!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded .jost-fmm-label,
.jost-fmm-wrap[data-exact-demo="1"] .jost-fmm-label{
  color:var(--jost-demo-label)!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded .jost-fmm-link.is-active,
.jost-fmm-wrap[data-exact-demo="1"] .jost-fmm-link.is-active{
  color:var(--jost-demo-icon-active)!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded .jost-fmm-link.is-active .jost-fmm-label,
.jost-fmm-wrap[data-exact-demo="1"] .jost-fmm-link.is-active .jost-fmm-label{
  color:var(--jost-demo-label-active)!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded .jost-fmm-link.is-active::before,
.jost-fmm-wrap.jost-fmm-exact-coded .jost-fmm-link.is-active::after,
.jost-fmm-wrap[data-exact-demo="1"] .jost-fmm-link.is-active::before,
.jost-fmm-wrap[data-exact-demo="1"] .jost-fmm-link.is-active::after{
  background:var(--jost-demo-accent)!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded.model-3 .jost-fmm-indicator,
.jost-fmm-wrap[data-exact-demo="1"].model-3 .jost-fmm-indicator{
  background:var(--jost-demo-accent)!important;
  color:var(--jost-demo-icon-active)!important;
  box-shadow:0 18px 36px var(--jost-demo-shadow),0 0 0 10px color-mix(in srgb,var(--jost-demo-bar) 92%, white)!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded.model-6 .jost-fmm-indicator,
.jost-fmm-wrap[data-exact-demo="1"].model-6 .jost-fmm-indicator{
  background:linear-gradient(135deg,var(--jost-demo-accent),var(--jost-demo-accent2))!important;
  color:var(--jost-demo-icon-active)!important;
  box-shadow:0 18px 32px var(--jost-demo-shadow),0 0 0 10px var(--jost-demo-bar)!important;
}
.jost-fmm-wrap.jost-fmm-exact-coded.model-10 .jost-fmm-link.is-active .jost-fmm-icon,
.jost-fmm-wrap[data-exact-demo="1"].model-10 .jost-fmm-link.is-active .jost-fmm-icon{
  background:var(--jost-demo-accent)!important;
  color:var(--jost-demo-icon-active)!important;
}


/* =========================================================
 * v1.9.8 search popup aligned with selected exact demo
 * ========================================================= */
.jost-fmm-search-exact{
  --jost-search-sheet:var(--jost-demo-bar,#fff);
  --jost-search-page:var(--jost-demo-page,#f7f8fb);
  --jost-search-border:var(--jost-demo-border,#eceef3);
  --jost-search-icon:var(--jost-demo-icon,#242426);
  --jost-search-icon-active:var(--jost-demo-icon-active,#fff);
  --jost-search-label:var(--jost-demo-label,#242426);
  --jost-search-label-active:var(--jost-demo-label-active,#6558ff);
  --jost-search-accent:var(--jost-demo-accent,#6558ff);
  --jost-search-accent2:var(--jost-demo-accent2,#2f67f6);
  --jost-search-shadow:var(--jost-demo-shadow,rgba(20,27,43,.14));
}
.jost-fmm-search-exact .jost-fmm-search-backdrop{
  background:color-mix(in srgb,var(--jost-search-page) 42%, rgba(7,10,18,.72))!important;
  backdrop-filter:blur(12px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(140%)!important;
}
.jost-fmm-search-exact .jost-fmm-search-sheet{
  width:min(calc(100vw - 18px),560px)!important;
  max-height:min(82vh,760px)!important;
  padding:18px 16px calc(18px + env(safe-area-inset-bottom))!important;
  background:var(--jost-search-sheet)!important;
  border:1px solid var(--jost-search-border)!important;
  border-radius:30px 30px 0 0!important;
  box-shadow:0 -24px 70px var(--jost-search-shadow)!important;
  color:var(--jost-search-label)!important;
  overflow:hidden!important;
}
.jost-fmm-search-exact.model-9 .jost-fmm-search-sheet{
  background:linear-gradient(135deg,var(--jost-search-accent),var(--jost-search-sheet),var(--jost-search-accent2))!important;
}
.jost-fmm-search-exact.model-5 .jost-fmm-search-sheet,
.jost-fmm-search-exact.model-6 .jost-fmm-search-sheet{
  background:linear-gradient(180deg,color-mix(in srgb,var(--jost-search-sheet) 88%, white),var(--jost-search-sheet))!important;
  border-color:var(--jost-search-border)!important;
}
.jost-fmm-search-exact .jost-fmm-search-handle{
  width:54px!important;
  height:5px!important;
  background:color-mix(in srgb,var(--jost-search-label) 25%, transparent)!important;
}
.jost-fmm-search-exact .jost-fmm-search-head strong{
  color:var(--jost-search-label)!important;
  font-size:17px!important;
}
.jost-fmm-search-exact .jost-fmm-search-head span{
  color:color-mix(in srgb,var(--jost-search-label) 58%, transparent)!important;
}
.jost-fmm-search-exact.model-9 .jost-fmm-search-head strong,
.jost-fmm-search-exact.model-9 .jost-fmm-search-head span{
  color:#fff!important;
}
.jost-fmm-search-exact .jost-fmm-search-close{
  background:color-mix(in srgb,var(--jost-search-accent) 10%, var(--jost-search-sheet))!important;
  color:var(--jost-search-accent)!important;
  border:1px solid color-mix(in srgb,var(--jost-search-border) 85%, transparent)!important;
}
.jost-fmm-search-exact.model-9 .jost-fmm-search-close{
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.24)!important;
}
.jost-fmm-search-exact .jost-fmm-search-form{
  min-height:54px!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--jost-search-page) 72%, var(--jost-search-sheet))!important;
  border:1px solid var(--jost-search-border)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.jost-fmm-search-exact.model-5 .jost-fmm-search-form,
.jost-fmm-search-exact.model-6 .jost-fmm-search-form{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.14)!important;
}
.jost-fmm-search-exact.model-9 .jost-fmm-search-form{
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.22)!important;
}
.jost-fmm-search-exact .jost-fmm-search-form>i{
  color:var(--jost-search-accent)!important;
}
.jost-fmm-search-exact .jost-fmm-search-form input{
  color:var(--jost-search-label)!important;
}
.jost-fmm-search-exact .jost-fmm-search-form input::placeholder{
  color:color-mix(in srgb,var(--jost-search-label) 45%, transparent)!important;
}
.jost-fmm-search-exact.model-5 .jost-fmm-search-form input,
.jost-fmm-search-exact.model-6 .jost-fmm-search-form input,
.jost-fmm-search-exact.model-9 .jost-fmm-search-form input{
  color:#fff!important;
}
.jost-fmm-search-exact.model-5 .jost-fmm-search-form input::placeholder,
.jost-fmm-search-exact.model-6 .jost-fmm-search-form input::placeholder,
.jost-fmm-search-exact.model-9 .jost-fmm-search-form input::placeholder{
  color:rgba(255,255,255,.62)!important;
}
.jost-fmm-search-exact .jost-fmm-search-form button{
  min-width:86px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,var(--jost-search-accent),var(--jost-search-accent2))!important;
  color:var(--jost-search-icon-active)!important;
  box-shadow:0 10px 22px color-mix(in srgb,var(--jost-search-accent) 28%, transparent)!important;
}
.jost-fmm-search-exact.model-1 .jost-fmm-search-form button,
.jost-fmm-search-exact.model-2 .jost-fmm-search-form button,
.jost-fmm-search-exact.model-3 .jost-fmm-search-form button,
.jost-fmm-search-exact.model-8 .jost-fmm-search-form button,
.jost-fmm-search-exact.model-10 .jost-fmm-search-form button{
  background:var(--jost-search-accent)!important;
}
.jost-fmm-search-exact .jost-fmm-search-status{
  color:color-mix(in srgb,var(--jost-search-label) 55%, transparent)!important;
}
.jost-fmm-search-exact.model-5 .jost-fmm-search-status,
.jost-fmm-search-exact.model-6 .jost-fmm-search-status,
.jost-fmm-search-exact.model-9 .jost-fmm-search-status{
  color:rgba(255,255,255,.58)!important;
}
.jost-fmm-search-exact .jost-fmm-search-item{
  background:color-mix(in srgb,var(--jost-search-sheet) 88%, #fff)!important;
  border:1px solid color-mix(in srgb,var(--jost-search-border) 85%, transparent)!important;
  color:var(--jost-search-label)!important;
  border-radius:20px!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--jost-search-shadow) 65%, transparent)!important;
}
.jost-fmm-search-exact.model-5 .jost-fmm-search-item,
.jost-fmm-search-exact.model-6 .jost-fmm-search-item{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#fff!important;
}
.jost-fmm-search-exact.model-9 .jost-fmm-search-item{
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.20)!important;
  color:#fff!important;
}
.jost-fmm-search-exact .jost-fmm-search-thumb{
  background:color-mix(in srgb,var(--jost-search-page) 78%, var(--jost-search-sheet))!important;
  border-radius:16px!important;
}
.jost-fmm-search-exact.model-5 .jost-fmm-search-thumb,
.jost-fmm-search-exact.model-6 .jost-fmm-search-thumb,
.jost-fmm-search-exact.model-9 .jost-fmm-search-thumb{
  background:rgba(255,255,255,.10)!important;
}
.jost-fmm-search-exact .jost-fmm-search-copy strong{
  color:inherit!important;
}
.jost-fmm-search-exact .jost-fmm-search-copy small{
  color:color-mix(in srgb,var(--jost-search-label) 54%, transparent)!important;
}
.jost-fmm-search-exact.model-5 .jost-fmm-search-copy small,
.jost-fmm-search-exact.model-6 .jost-fmm-search-copy small,
.jost-fmm-search-exact.model-9 .jost-fmm-search-copy small{
  color:rgba(255,255,255,.60)!important;
}
.jost-fmm-search-exact .jost-fmm-search-price{
  color:var(--jost-search-accent)!important;
}
.jost-fmm-search-exact.model-9 .jost-fmm-search-price{
  color:#fff!important;
}
.jost-fmm-search-exact .jost-fmm-search-empty{
  background:color-mix(in srgb,var(--jost-search-sheet) 88%, #fff)!important;
  border-color:color-mix(in srgb,var(--jost-search-border) 85%, transparent)!important;
  color:color-mix(in srgb,var(--jost-search-label) 62%, transparent)!important;
}
.jost-fmm-search-exact.model-5 .jost-fmm-search-empty,
.jost-fmm-search-exact.model-6 .jost-fmm-search-empty,
.jost-fmm-search-exact.model-9 .jost-fmm-search-empty{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.18)!important;
  color:rgba(255,255,255,.68)!important;
}
@supports not (color: color-mix(in srgb, white 50%, black)){
  .jost-fmm-search-exact .jost-fmm-search-sheet{background:var(--jost-search-sheet)!important}
  .jost-fmm-search-exact .jost-fmm-search-form{background:#f7f8fb!important}
  .jost-fmm-search-exact .jost-fmm-search-item{background:#fff!important}
}


/* v1.10.0 keep custom font from breaking Font Awesome on frontend */
.jost-fmm-wrap .fa-solid,
.jost-fmm-wrap .fas,
.jost-fss-sidebar .fa-solid,
.jost-fss-sidebar .fas{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-style:normal!important;
}
.jost-fmm-wrap .fa-regular,
.jost-fmm-wrap .far,
.jost-fss-sidebar .fa-regular,
.jost-fss-sidebar .far{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:400!important;
  font-style:normal!important;
}
.jost-fmm-wrap .fa-brands,
.jost-fmm-wrap .fab,
.jost-fss-sidebar .fa-brands,
.jost-fss-sidebar .fab{
  font-family:"Font Awesome 6 Brands"!important;
  font-weight:400!important;
  font-style:normal!important;
}


/* v1.10.2 search popup icon-font safety */
.jost-fmm-search-modal .fa-solid,
.jost-fmm-search-modal .fas{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
}
.jost-fmm-search-modal .fa-regular,
.jost-fmm-search-modal .far{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:400!important;
}
.jost-fmm-search-modal .fa-brands,
.jost-fmm-search-modal .fab{
  font-family:"Font Awesome 6 Brands"!important;
  font-weight:400!important;
}