html body:not(.cmx-shell-admin) .cmx-react-menu{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  width:max-content;
  min-width:0;
  max-width:min(760px,calc(100vw - 18px));
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--cmx-accent,#4b7fb5) 18%,var(--cmx-border,#d7e0ea));
  border-radius:18px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--cmx-card,#fff) 97%,var(--cmx-accent,#4b7fb5) 3%) 0%,color-mix(in srgb,var(--cmx-card,#fff) 92%,var(--cmx-accent,#4b7fb5) 8%) 100%);
  color:var(--cmx-text,#172033);
  box-shadow:0 18px 42px rgba(15,23,42,.14),0 6px 16px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.92);
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  white-space:nowrap;
  isolation:isolate;
  z-index:250100;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
html body:not(.cmx-shell-admin) .cmx-react-menu::-webkit-scrollbar{
  display:none;
}
html body:not(.cmx-shell-admin) .cmx-react-menu::before,
html body:not(.cmx-shell-admin) .cmx-react-menu::after{
  content:none;
  display:none;
}
html body:not(.cmx-shell-admin) .cmx-react-menu[hidden]{
  display:none;
}
html body:not(.cmx-shell-admin) .cmx-react-menu--floating{
  position:fixed;
  margin:0;
}
html body:not(.cmx-shell-admin) .cmx-react-menu--measuring{
  visibility:hidden;
  pointer-events:none;
}
html body:not(.cmx-shell-admin) .cmx-react-option{
  flex:0 0 44px;
  width:44px;
  min-width:44px;
  max-width:44px;
  height:44px;
  min-height:44px;
  max-height:44px;
  padding:0;
  margin:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid color-mix(in srgb,var(--cmx-border,#d7e0ea) 78%,var(--cmx-accent,#4b7fb5) 22%);
  border-radius:14px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--cmx-card,#fff) 96%,var(--cmx-accent,#4b7fb5) 4%) 0%,color-mix(in srgb,var(--cmx-card,#fff) 89%,var(--cmx-accent,#4b7fb5) 11%) 100%);
  color:var(--cmx-text,#172033);
  box-shadow:0 4px 12px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.95);
  font-size:28px;
  line-height:1;
  cursor:pointer;
  touch-action:manipulation;
  transform:translateY(0) scale(1);
  transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease;
  scroll-snap-align:center;
}
html body:not(.cmx-shell-admin) .cmx-react-option::after{
  content:none;
  display:none;
}
html body:not(.cmx-shell-admin) .cmx-react-option:hover,
html body:not(.cmx-shell-admin) .cmx-react-option:focus-visible{
  border-color:color-mix(in srgb,var(--cmx-accent,#4b7fb5) 58%,var(--cmx-border,#d7e0ea));
  background:linear-gradient(180deg,color-mix(in srgb,var(--cmx-card,#fff) 84%,var(--cmx-accent,#4b7fb5) 16%) 0%,color-mix(in srgb,var(--cmx-card,#fff) 75%,var(--cmx-accent,#4b7fb5) 25%) 100%);
  box-shadow:0 10px 22px color-mix(in srgb,var(--cmx-accent,#4b7fb5) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.98);
  outline:none;
  transform:translateY(-2px) scale(1.06);
}
html body:not(.cmx-shell-admin) .cmx-react-option:focus-visible{
  box-shadow:0 0 0 3px color-mix(in srgb,var(--cmx-accent,#4b7fb5) 22%,transparent),0 10px 22px color-mix(in srgb,var(--cmx-accent,#4b7fb5) 18%,transparent);
}
html body:not(.cmx-shell-admin) .cmx-react-option:active{
  transform:translateY(0) scale(.95);
}
html body:not(.cmx-shell-admin) .cmx-react-option .cmx-react-img{
  width:30px;
  height:30px;
  max-width:30px;
  max-height:30px;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 2px 4px rgba(15,23,42,.14));
}
html body:not(.cmx-shell-admin) .cmx-react-option i{
  font-size:28px;
  line-height:1;
  filter:drop-shadow(0 2px 4px rgba(15,23,42,.12));
}
html body:not(.cmx-shell-admin) .cmx-react-more{
  border-radius:10px;
}
@media (hover:none) and (pointer:coarse), (max-width:640px){
  html body:not(.cmx-shell-admin) .cmx-react-menu{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-auto-rows:42px;
    align-items:stretch;
    justify-content:stretch;
    justify-items:stretch;
    gap:7px;
    width:min(356px,calc(100vw - 14px));
    min-width:min(272px,calc(100vw - 14px));
    max-width:calc(100vw - 14px);
    padding:10px;
    border-radius:16px;
    overflow-x:hidden;
    overflow-y:auto;
    white-space:normal;
  }
  html body:not(.cmx-shell-admin) .cmx-react-option{
    flex:none;
    width:100%;
    min-width:0;
    max-width:none;
    height:42px;
    min-height:42px;
    max-height:42px;
    border-radius:13px;
    font-size:27px;
  }
  html body:not(.cmx-shell-admin) .cmx-react-option .cmx-react-img{
    width:28px;
    height:28px;
    max-width:28px;
    max-height:28px;
  }
  html body:not(.cmx-shell-admin) .cmx-react-option i{
    font-size:27px;
  }
}
@media (prefers-reduced-motion:reduce){
  html body:not(.cmx-shell-admin) .cmx-react-option{
    transition:none;
  }
}