.ssb-mount {
  display: none !important;
}

.ssb-root,
.ssb-root * {
  box-sizing: border-box !important;
}

.ssb-root[hidden],
.ssb-root [hidden] {
  display: none !important;
}

.ssb-root {
  position: fixed !important;
  isolation: isolate;
  line-height: 1.4;
  font: 14px/1.4 system-ui, -apple-system, "Noto Sans TC", sans-serif;
  pointer-events: none;
  text-align: left;
  direction: ltr;
}

.ssb-root button.ssb-toggle,
.ssb-root a.ssb-item {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  position: relative !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: var(--ssb-borderWidth) solid var(--ssb-borderColor) !important;
  border-radius: var(--ssb-rounding) !important;
  background-image: none !important;
  box-shadow: none !important;
  font: inherit !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  outline-offset: 4px !important;
  transition: background-color .15s, color .15s;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.ssb-root button.ssb-toggle {
  width: var(--ssb-size) !important;
  height: var(--ssb-size) !important;
  background: var(--ssb-background) !important;
  color: var(--ssb-foreground) !important;
  z-index: 2;
}

.ssb-root a.ssb-item {
  width: var(--ssb-itemSize) !important;
  height: var(--ssb-itemSize) !important;
  background: var(--ssb-item-bg) !important;
  color: var(--ssb-item-fg) !important;
}

.ssb-root svg,
.ssb-root img,
.ssb-root i {
  display: block !important;
  width: var(--ssb-iconSize) !important;
  height: var(--ssb-iconSize) !important;
  flex-shrink: 0 !important;
  object-fit: contain !important;
  font-size: var(--ssb-iconSize) !important;
  line-height: var(--ssb-iconSize) !important;
}

.ssb-root svg {
  overflow: visible;
}

.ssb-root[data-shadow="true"] button.ssb-toggle,
.ssb-root[data-shadow="true"] a.ssb-item {
  box-shadow: 0 6px 24px #143e3422, 0 2px 5px #143e3412 !important;
}

.ssb-root button.ssb-toggle:hover,
.ssb-root a.ssb-item:hover {
  background: var(--ssb-hover-bg) !important;
  color: var(--ssb-hover-fg) !important;
}

.ssb-root :is(button.ssb-toggle, a.ssb-item):focus-visible {
  outline: 3px solid var(--ssb-focusColor) !important;
}

.ssb-menu {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.ssb-menu[inert] {
  pointer-events: none;
}

.ssb-menu[inert] * {
  pointer-events: none !important;
}

.ssb-slot {
  position: absolute;
  width: var(--ssb-itemSize);
  height: var(--ssb-itemSize);
}

.ssb-label {
  position: absolute;
  right: calc(100% + 10px);
  max-width: 220px;
  overflow: hidden;
  padding: 6px 10px;
  border-radius: 6px;
  background: #163a35;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
}

.ssb-root[data-side="left"] .ssb-label {
  right: auto;
  left: calc(100% + 10px);
}

.ssb-root[data-tooltips="true"] .ssb-item:is(:hover, :focus-visible) .ssb-label {
  opacity: 1;
}

.ssb-root[data-layout="drawer"] .ssb-menu {
  display: grid;
  gap: 8px;
  overflow: auto;
  overscroll-behavior: contain;
  pointer-events: auto;
  border: 1px solid var(--ssb-borderColor);
  border-radius: 18px;
  background: var(--ssb-panelBackground);
  box-shadow: 0 12px 50px #15392a28;
  scrollbar-width: thin;
}

.ssb-root[data-layout="drawer"] .ssb-slot {
  position: relative;
  width: auto;
  height: auto;
}

.ssb-root[data-layout="drawer"] a.ssb-item {
  width: 100% !important;
  height: auto !important;
  min-height: var(--ssb-itemSize) !important;
  padding: 8px 12px !important;
  gap: 12px;
  justify-content: flex-start !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.ssb-root[data-layout="drawer"] .ssb-label {
  position: static;
  overflow-wrap: anywhere;
  padding: 0;
  background: none;
  color: var(--ssb-textColor);
  font-size: 13px;
  white-space: normal;
  opacity: 1;
  pointer-events: none;
}

.ssb-root[data-layout="drawer"] .ssb-item:hover .ssb-label {
  color: inherit;
}

@media (prefers-reduced-motion: reduce) {
  .ssb-root * {
    transition: none !important;
  }
}