.scrarr-fab{position:fixed;bottom:24px;z-index:99990;display:flex;flex-direction:column;align-items:stretch;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .25s ease,transform .25s ease;box-sizing:border-box;user-select:none}.scrarr-fab.scrarr-show{opacity:1;transform:translateY(0);pointer-events:auto}.scrarr-fab.scrarr-preview{position:static;inset:auto;margin:8px 0;opacity:1;transform:none;pointer-events:auto}.scrarr-pos-right{right:24px;left:auto}.scrarr-pos-left{left:24px;right:auto}.scrarr-btn{border:0;margin:0;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;background:#fff0;color:inherit;transition:background .15s ease,color .15s ease,transform .12s ease}.scrarr-btn svg{display:block}.scrarr-divider{display:block;height:1px;background:rgb(0 0 0 / .10);margin:0}.scrarr-fab{--scrarr-s:20px}.scrarr-btn{width:var(--scrarr-s);height:calc(var(--scrarr-s) * 0.95)}.scrarr-btn svg{width:calc(var(--scrarr-s) * 0.46);height:calc(var(--scrarr-s) * 0.46)}.scrarr-shape-circle{border-radius:999px;overflow:hidden;background:#fff;color:#2f3a4a;box-shadow:0 6px 18px rgb(0 0 0 / .16);border:1px solid #e6e9ee}.scrarr-shape-circle .scrarr-btn:hover{background:#f1f4f8;color:#1769e0}.scrarr-shape-rounded{border-radius:6px;overflow:hidden;background:#fff;color:#2f3a4a;box-shadow:0 6px 18px rgb(0 0 0 / .16);border:1px solid #e6e9ee}.scrarr-shape-rounded .scrarr-btn:hover{background:#f1f4f8;color:#1769e0}.scrarr-shape-pill{border-radius:999px;overflow:hidden;background:#1f2733;color:#fff;box-shadow:0 8px 20px rgb(0 0 0 / .28)}.scrarr-shape-pill .scrarr-divider{background:rgb(255 255 255 / .14)}.scrarr-shape-pill .scrarr-btn{width:calc(var(--scrarr-s) * 0.9)}.scrarr-shape-pill .scrarr-btn:hover{background:rgb(255 255 255 / .12)}.scrarr-shape-soft{border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#6a8dff 0%,#5468ff 100%);color:#fff;box-shadow:0 10px 24px rgb(84 104 255 / .40)}.scrarr-shape-soft .scrarr-divider{background:rgb(255 255 255 / .22)}.scrarr-shape-soft .scrarr-btn:hover{background:rgb(255 255 255 / .15)}.scrarr-shape-gold{border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#f3c14e 0%,#e0a116 100%);color:#5a3d00;box-shadow:0 10px 24px rgb(224 161 22 / .42);border:1px solid #f6cf6e}.scrarr-shape-gold .scrarr-divider{background:rgb(90 61 0 / .18)}.scrarr-shape-gold .scrarr-btn:hover{background:rgb(255 255 255 / .25)}.scrarr-shape-dark{border-radius:14px;overflow:hidden;background:#14181f;color:#e7edf5;box-shadow:0 10px 24px rgb(0 0 0 / .45);border:1px solid #2a313c}.scrarr-shape-dark .scrarr-divider{background:rgb(255 255 255 / .10)}.scrarr-shape-dark .scrarr-btn:hover{background:#222a35;color:#fff}.scrarr-shape-glass{border-radius:16px;overflow:hidden;background:rgb(255 255 255 / .18);color:#1f2733;box-shadow:0 8px 28px rgb(0 0 0 / .18);border:1px solid rgb(255 255 255 / .55);-webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%)}.scrarr-shape-glass .scrarr-divider{background:rgb(31 39 51 / .14)}.scrarr-shape-glass .scrarr-btn:hover{background:rgb(255 255 255 / .35);color:#1769e0}.scrarr-btn:active{transform:scale(.92)}@media (prefers-reduced-motion:reduce){.scrarr-fab,.scrarr-btn{transition:none}}