.tpp-rail.svelte-xck8z5{--rl-bar:color-mix(in oklab, var(--o-muted) 55%, var(--o-paper));width:100%;padding:0 3%;display:block;position:relative}.tpp-rail.is-stand.svelte-xck8z5{padding-bottom:46px}.tpp-rail-bar.svelte-xck8z5{background:linear-gradient(180deg, color-mix(in oklab, white 75%, var(--rl-bar)), var(--rl-bar) 55%, color-mix(in oklab, var(--o-ink) 30%, var(--rl-bar)));height:12px;box-shadow:0 6px 10px -6px var(--o-shadow);z-index:1;border-radius:8px;position:absolute;top:6px;left:0;right:0}.tpp-rail-leg.svelte-xck8z5{background:linear-gradient(90deg, color-mix(in oklab, white 60%, var(--rl-bar)), var(--rl-bar) 60%, color-mix(in oklab, var(--o-ink) 25%, var(--rl-bar)));border-radius:6px;width:12px;position:absolute;top:8px;bottom:10px}.tpp-rail-leg.is-l.svelte-xck8z5{left:1%}.tpp-rail-leg.is-r.svelte-xck8z5{right:1%}.tpp-rail-leg.svelte-xck8z5 i:where(.svelte-xck8z5){background:radial-gradient(60% 60% at 50% 35%, color-mix(in oklab, white 50%, var(--rl-bar)), var(--rl-bar) 70%);width:64px;height:16px;box-shadow:0 6px 10px -4px var(--o-shadow);border-radius:50%;margin-left:-32px;position:absolute;bottom:-10px;left:50%}.tpp-rail-row.svelte-xck8z5{z-index:2;grid-template-columns:repeat(var(--rl-n), minmax(0, 1fr));margin:0;padding:0 18px;list-style:none;display:grid;position:relative}.tpp-rail-slot.svelte-xck8z5{justify-content:center;min-width:0;display:flex}.tpp-rail-hang.svelte-xck8z5{color:inherit;font:inherit;transform-origin:50% 8px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;flex-direction:column;align-items:center;padding:0 2px 6px;transition:transform .35s cubic-bezier(.3,1.6,.5,1);display:flex;position:relative}button.tpp-rail-hang.svelte-xck8z5{cursor:grab}button.tpp-rail-hang.svelte-xck8z5:focus-visible{outline:3px solid var(--o-lime);outline-offset:2px;border-radius:14px}button.tpp-rail-hang.svelte-xck8z5:hover,.is-lit.svelte-xck8z5 .tpp-rail-hang:where(.svelte-xck8z5){animation:1.1s ease-in-out svelte-xck8z5-tpp-rail-swing}[data-motion=off] .tpp-rail-hang.svelte-xck8z5{animation:none!important}@media (prefers-reduced-motion:reduce){.tpp-rail-hang.svelte-xck8z5{transition:none;animation:none!important}}@keyframes svelte-xck8z5-tpp-rail-swing{0%,to{transform:rotate(0)}30%{transform:rotate(5deg)}65%{transform:rotate(-3deg)}}.tpp-rail-piece.svelte-xck8z5,.tpp-rail-empty.svelte-xck8z5{line-height:0;transition:opacity .3s,transform .35s;display:block}.tpp-rail-empty.svelte-xck8z5{opacity:0;pointer-events:none;position:absolute;top:0;left:50%;transform:translate(-50%)}.tpp-rail-empty.svelte-xck8z5 .tpp-rail-bare path:not(.hk):not(.bar),.tpp-rail-empty.svelte-xck8z5 .tpp-rail-bare circle{display:none}.is-worn.svelte-xck8z5 .tpp-rail-piece:where(.svelte-xck8z5){opacity:0;transform:translateY(-10px)}.is-worn.svelte-xck8z5 .tpp-rail-empty:where(.svelte-xck8z5){opacity:1}.tpp-rail-tag.svelte-xck8z5{background:var(--o-paper);color:var(--o-ink);white-space:nowrap;box-shadow:inset 0 1px 0 #ffffffb3, 0 0 0 1px color-mix(in oklab, var(--o-ink) 10%, transparent), 0 6px 10px -6px var(--o-shadow);border-radius:7px;margin-top:6px;padding:4px 9px;font-size:14px;line-height:1.2}@supports (color:lab(0% 0 0)){.tpp-rail-tag.svelte-xck8z5{box-shadow:inset 0 1px 0 lab(100% -.0000298023 .0000119209/.7), 0 0 0 1px color-mix(in oklab, var(--o-ink) 10%, transparent), 0 6px 10px -6px var(--o-shadow)}}.is-lit.svelte-xck8z5 .tpp-rail-tag:where(.svelte-xck8z5){background:var(--o-lime)}