/* Click Mappers reusable Logo Showcase */
.cm-logo-showcase{
  width:100%;
  padding-top:var(--cm-ls-top,0px);
  padding-bottom:var(--cm-ls-bottom,0px);
  background:var(--cm-ls-bg,#fff);
  border-top:1px solid rgba(38,52,66,.08);
  border-bottom:1px solid rgba(38,52,66,.08);
}
.cm-logo-showcase-shell{
  width:min(var(--cm-ls-container,var(--cm-site-max-width)),var(--cm-site-max-width),calc(100% - var(--cm-site-gutter-desktop)));
  margin:0 auto;
  padding:7px 12px;
  background:transparent;
  border-radius:var(--cm-ls-radius,0);
  overflow:hidden;
}
.cm-logo-showcase.has-border .cm-logo-showcase-shell{border:1px solid rgba(38,52,66,.10)}
.cm-logo-showcase.no-border .cm-logo-showcase-shell{border:0}
.cm-logo-showcase.has-shadow .cm-logo-showcase-shell{box-shadow:0 8px 24px rgba(38,52,66,.08)}
.cm-logo-showcase.no-shadow .cm-logo-showcase-shell{box-shadow:none}
.cm-ls-header{text-align:center;max-width:760px;margin:0 auto 20px}
.cm-ls-header h2{margin:0;color:#111820;font-size:clamp(20px,2vw,28px);line-height:1.2;font-weight:700}
.cm-ls-header p{margin:7px 0 0;color:#5f6b76;font-size:14px;line-height:1.6}
.cm-ls-logo-item{
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  width:100%;min-width:0;min-height:0;gap:4px;text-decoration:none;
  background:transparent;border:0;box-shadow:none;color:inherit;
}
.cm-ls-logo-visual{
  display:flex;align-items:center;justify-content:center;width:100%;height:70px;min-height:0;
  overflow:visible;transition:transform var(--cm-ls-transition,260ms) ease;
  transform:scale(var(--cm-item-scale,1));transform-origin:center;
}
.cm-ls-logo-img{
  display:block;width:auto;height:auto;max-width:var(--cm-ls-logo-width,300px);max-height:70px;
  object-fit:contain;filter:none;opacity:1;
}
.cm-ls-logo-name{
  display:block;max-width:100%;margin-top:0;min-height:0;color:#4f5b66;
  font-size:11px;font-weight:600;line-height:1.15;text-align:center;white-space:normal;
}
.cm-logo-showcase.has-hover-zoom .cm-ls-logo-item:hover .cm-ls-logo-visual,
.cm-logo-showcase.has-hover-zoom .cm-ls-logo-item:focus-visible .cm-ls-logo-visual{
  position:relative;z-index:5;transform:scale(calc(var(--cm-item-scale,1) * var(--cm-ls-hover-scale,1.06)));
}
.cm-ls-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:var(--cm-ls-gap,34px)}
.cm-ls-marquee{overflow:hidden}
.cm-ls-marquee-track{display:flex;width:max-content;align-items:center}
.cm-ls-marquee-set{display:flex;align-items:center;flex-shrink:0;gap:var(--cm-ls-gap,34px);padding-right:var(--cm-ls-gap,34px)}
.cm-marquee-rtl .cm-ls-marquee-track{animation:cmLsMarqueeRTL var(--cm-ls-marquee-speed,38s) linear infinite}
.cm-marquee-ltr .cm-ls-marquee-track{animation:cmLsMarqueeLTR var(--cm-ls-marquee-speed,38s) linear infinite}
.cm-marquee-pause-hover .cm-ls-marquee:hover .cm-ls-marquee-track{animation-play-state:paused}
@keyframes cmLsMarqueeRTL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes cmLsMarqueeLTR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.cm-ls-slider{position:relative}
.cm-ls-slider-viewport{
  overflow:hidden;width:100%;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);
}
.cm-ls-slider-track{
  display:flex;align-items:center;will-change:transform;transform:translate3d(0,0,0);
  transition:transform var(--cm-ls-slider-speed,700ms) cubic-bezier(.22,.61,.36,1);
}
.cm-ls-slide{flex:0 0 calc(100% / var(--cm-ls-visible-desktop,4));min-width:0;padding:0 10px}
.cm-ls-slider-arrow{
  position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;
  border:1px solid rgba(38,52,66,.12);border-radius:50%;background:#fff;color:#263442;
  font-size:22px;cursor:pointer;box-shadow:0 7px 18px rgba(38,52,66,.10);z-index:3;
}
.cm-ls-prev{left:0}.cm-ls-next{right:0}
.cm-ls-slider-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
.cm-ls-slider-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(38,52,66,.22)}
.cm-ls-slider-dot.is-active{width:20px;border-radius:999px;background:rgb(200,33,41)}
@media(max-width:1000px){
  .cm-logo-showcase-shell{padding:7px 10px}
  .cm-ls-logo-visual{height:60px}
  .cm-ls-logo-img{max-width:min(var(--cm-ls-logo-width,300px),240px);max-height:60px}
  .cm-ls-logo-name{font-size:10.5px}
  .cm-ls-slide{flex-basis:calc(100% / var(--cm-ls-visible-tablet,3));padding:0 10px}
  .cm-ls-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:680px){
  .cm-logo-showcase-shell{width:calc(100% - 20px);padding:6px}
  .cm-ls-logo-visual{height:50px}
  .cm-ls-logo-img{max-width:min(var(--cm-ls-logo-width,300px),180px);max-height:50px}
  .cm-ls-logo-name{font-size:9.5px}
  .cm-ls-slide{flex-basis:calc(100% / var(--cm-ls-visible-mobile,2));padding:0 7px}
  .cm-ls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
}
@media(prefers-reduced-motion:reduce){
  .cm-ls-marquee-track{animation:none}
  .cm-ls-logo-visual,.cm-ls-slider-track{transition:none}
}
