.cws-switcher{
  --cws-bg:#ffffff;
  --cws-text:#111827;
  --cws-border:rgba(15,23,42,.10);
  --cws-shadow:0 14px 40px rgba(15,23,42,.10);
  --cws-accent:#c1122f;
  --cws-accent-dark:#9f0f25;
  --cws-radius:16px;
  --cws-min-height:46px;
  --cws-font-size:14px;
  --cws-padding-y:11px;
  --cws-padding-x:16px;
  position:relative;
  display:inline-flex;
  max-width:100%;
  font-family:inherit;
  z-index:30;
}

.cws-switcher *{
  box-sizing:border-box;
}

.cws-empty{
  padding:10px 14px;
  border-radius:12px;
  background:#fff8f8;
  color:#9f1239;
  border:1px solid rgba(190,24,93,.15);
  font-size:13px;
}

.cws-toggle,
.cws-item{
  appearance:none;
  -webkit-appearance:none;
  border:none;
  outline:none;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:var(--cws-min-height);
  padding:var(--cws-padding-y) var(--cws-padding-x);
  background:var(--cws-bg);
  color:var(--cws-text);
  border:1px solid var(--cws-border);
  border-radius:var(--cws-radius);
  box-shadow:var(--cws-shadow);
  font-weight:700;
  font-size:var(--cws-font-size);
  line-height:1.2;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
}

.cws-toggle{
  cursor:pointer;
}

.cws-toggle:hover,
.cws-item:hover{
  transform:translateY(-2px);
  border-color:var(--cws-accent);
  box-shadow:0 18px 44px rgba(15,23,42,.14);
  color:var(--cws-accent);
}

.cws-flag{
  width:18px;
  height:12px;
  display:block;
  object-fit:cover;
  border-radius:3px;
  box-shadow:0 0 0 1px rgba(0,0,0,.08);
  flex:0 0 auto;
}

.cws-label{
  display:inline-block;
  white-space:nowrap;
}

.cws-caret{
  width:9px;
  height:9px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  margin-left:2px;
  opacity:.75;
  flex:0 0 auto;
}

.cws-menu{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  min-width:100%;
  width:max-content;
  max-width:min(280px, 92vw);
  background:var(--cws-bg);
  border:1px solid var(--cws-border);
  border-radius:20px;
  box-shadow:0 24px 60px rgba(15,23,42,.16);
  padding:8px;
}

.cws-menu .cws-item,
.cws-list .cws-item{
  width:100%;
  justify-content:flex-start;
  box-shadow:none;
}

.cws-menu .cws-item{
  border:none;
  background:transparent;
}

.cws-menu .cws-item:hover{
  transform:none;
  background:color-mix(in srgb, var(--cws-accent) 7%, transparent);
}

.cws-item.is-active,
.cws-list .cws-item.is-active,
.cws-menu .cws-item.is-active,
.cws-switcher .cws-toggle.is-open{
  background:linear-gradient(135deg,var(--cws-accent),var(--cws-accent-dark));
  color:#fff;
  border-color:transparent;
}

.cws-menu .cws-item.is-active:hover,
.cws-list .cws-item.is-active:hover{
  color:#fff;
}

.cws-layout-pills .cws-list,
.cws-layout-inline .cws-list{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}

.cws-layout-pills .cws-item,
.cws-layout-inline .cws-item{
  width:auto;
}

.cws-layout-inline .cws-item{
  min-height:calc(var(--cws-min-height) - 8px);
  padding:calc(var(--cws-padding-y) - 2px) calc(var(--cws-padding-x) - 4px);
  border-radius:999px;
  box-shadow:none;
  background:transparent;
}

.cws-layout-inline .cws-item:hover{
  transform:none;
  background:color-mix(in srgb, var(--cws-accent) 7%, transparent);
}

.cws-switcher[data-theme="dark"] .cws-toggle:hover,
.cws-switcher[data-theme="dark"] .cws-item:hover{
  box-shadow:0 18px 44px rgba(0,0,0,.28);
}

.cws-switcher[data-theme="minimal"] .cws-toggle,
.cws-switcher[data-theme="minimal"] .cws-item{
  font-weight:600;
}

@media (max-width:767px){
  .cws-toggle,
  .cws-item{
    font-size:max(13px, calc(var(--cws-font-size) - 1px));
    border-radius:min(var(--cws-radius), 13px);
  }

  .cws-layout-pills .cws-list,
  .cws-layout-inline .cws-list{
    gap:6px;
  }

  .cws-menu{
    max-width:min(240px, 94vw);
    border-radius:16px;
  }

  .cws-flag{
    width:16px;
    height:11px;
  }
}