.tooto-floating-tools {
    display: block;
    position: fixed;
    inset-inline-end: max(var(--tooto-ft-mobile-right), env(safe-area-inset-right));
    top: 44%;
    width: 61px;
    height: 179px;
    z-index: var(--layer-sticky, 8);
  }
  .tooto-floating-tools__emblem {
    position: relative; z-index: 1; display: block;
    width: 61px; height: 75px; padding: 0; border: 0;
    background: transparent; border-radius: 0; overflow: hidden;
    pointer-events: none; box-shadow: none;
  }
  .tooto-floating-tools__crest { display: block; width: 100%; height: auto; max-width: none; }
  .tooto-floating-tools__custom-icon { display: block; width: 100%; height: 100%; object-fit: contain; }
  .tooto-floating-tools__panel {
    position: absolute; top: 38px; left: 5px; width: 50px;
    box-sizing: border-box; height: 141px; overflow: hidden;
    border: 1.5px solid var(--tooto-ft-border); border-radius: 25px;
    background: var(--tooto-ft-bg);
  }
  .tooto-floating-tools__clip { width: 100%; }
  .tooto-floating-tools__actions {
    display: flex; flex-direction: column; align-items: center;
    padding: 37px 0 5px;
  }
  .tooto-floating-tools__action {
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    width: 44px; height: 44px; padding: 0; border: 0; border-radius: 0;
    color: #fff; background: transparent; cursor: pointer; box-shadow: none;
  }
  .tooto-floating-tools__action + .tooto-floating-tools__action { position: relative; margin-top: 8px; }
  .tooto-floating-tools__action + .tooto-floating-tools__action::before {
    content: ''; position: absolute; top: -4px; left: 5px; width: 34px;
    border-top: 1px solid rgb(255 255 255 / 50%);
  }
  .tooto-floating-tools__action img {
    display: block; flex: none; width: 28px; height: 28px;
    max-width: 28px; object-fit: contain;
  }
  .tooto-floating-tools__action[data-tooto-back-top] img {
    width: 25px; height: 18px; max-width: 25px;
  }
  .tooto-floating-tools :is(button, a):focus-visible { outline: 2px solid #fff; outline-offset: -3px; }
  @media (hover: hover) { .tooto-floating-tools__action:hover { background: rgb(255 255 255 / 12%); } }
  @media (width < 768px) {
    .tooto-floating-tools {
      top: auto;
      bottom: calc(16px + env(safe-area-inset-bottom, 0px));
      transform: scale(0.8);
      transform-origin: bottom right;
    }
    .tooto-floating-tools--desktop { display: none; }
  }
  @media (min-width: 768px) { .tooto-floating-tools { inset-inline-end: max(var(--tooto-ft-right), env(safe-area-inset-right)); } }
  @media (prefers-reduced-motion: reduce) {
    .tooto-floating-tools__panel, .tooto-floating-tools__action { transition: none; }
  }

.tooto-floating-tools { --tooto-ft-bg:#a97d46; --tooto-ft-border:#382712; --tooto-ft-right:53px; --tooto-ft-mobile-right:12px; }
.tooto-floating-tools button.tooto-floating-tools__action { min-height:44px; background:transparent; border:0; border-radius:0; padding:0; box-shadow:none; transform:none; }
.tooto-floating-tools .tooto-floating-tools__action { transition:background-color 200ms ease; }