.k-scroll-top{--k-scroll-top-gap:24px;box-sizing:border-box;z-index:var(--k-layer-sticky);right:calc(var(--k-scroll-top-gap) + env(safe-area-inset-right,0px));bottom:calc(var(--k-scroll-top-gap) + max(env(safe-area-inset-bottom,0px), var(--k-scroll-top-obstruction,0px)));border:1px solid rgb(var(--k-accent-rgb) / .5);border-radius:var(--k-radius-md,12px);background:var(--k-surface-warm);width:44px;height:44px;color:var(--k-accent-deep);box-shadow:0 3px 12px rgb(var(--k-ink-rgb) / .08);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--k-dur-fast,.15s) ease, background-color var(--k-dur-fast,.15s) ease, border-color var(--k-dur-fast,.15s) ease;place-items:center;padding:0;display:grid;position:fixed}.k-scroll-top[data-visible=true]{opacity:1;visibility:visible;pointer-events:auto}.k-scroll-top svg{display:block;transform:rotate(-90deg)}.k-scroll-top:focus-visible{outline:2px solid var(--k-accent-ink);outline-offset:3px}body:has([aria-modal=true],dialog[open]) .k-scroll-top{opacity:0;visibility:hidden;pointer-events:none}@media (hover:hover){.k-scroll-top:hover{background:color-mix(in srgb, var(--k-accent) 12%, var(--k-surface-warm));border-color:var(--k-accent-ink)}}@media (max-width:1239px){.k-scroll-top{--k-scroll-top-gap:16px}}@media (prefers-reduced-motion:reduce){.k-scroll-top{transition:none}}