.t-island{--t-sh:4px;z-index:60;translate:calc(-50% * var(--t-dir)) 0;box-sizing:border-box;background:var(--t-ink);color:#fff;white-space:nowrap;block-size:44px;box-shadow:0 0 0 2px #fff, 0 5px 0 2px var(--t-ink);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform var(--t-snappy) var(--t-spring), box-shadow var(--t-snappy) var(--t-spring), background-color var(--t-soft) linear;border-radius:999px;align-items:center;gap:10px;padding-inline:6px 12px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;position:fixed;inset-block-start:calc(env(safe-area-inset-top,0px) + 10px);inset-inline-start:50%}.t-island[data-position=static]{z-index:auto;position:relative;inset:auto;translate:none}.t-island:is(:active,[data-down]){transform:translateY(var(--t-sh));box-shadow:0 0 0 2px #fff, 0 1px 0 2px var(--t-ink);transition-duration:var(--t-press-ms)}.t-island[data-up]{background:var(--t-success)}.t-island__jeton{box-sizing:border-box;background:var(--t-jeton);block-size:32px;min-inline-size:50px;color:var(--t-ink);font-variant-numeric:tabular-nums;border-radius:11px;place-items:center;padding-inline:8px;font-size:15px;font-weight:800;display:inline-grid}.t-island__ring{flex:none;block-size:22px;inline-size:22px}.t-island__ring circle{fill:none;stroke-width:3px}.t-island__ring .bg{stroke:#ffffff2e}.t-island__ring .fg{stroke:var(--t-jeton);stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .7s var(--t-spring-soft);transform:rotate(-90deg)}.t-island[data-up] .t-island__ring .fg{stroke:#fff}@media (prefers-reduced-motion:reduce){.t-island__ring .fg{transition-duration:0s}}