.rt-relay{border:1px solid color-mix(in oklab, var(--color-mist) 22%, transparent);background:linear-gradient(90deg, color-mix(in oklab, var(--color-ink-800) 72%, transparent), transparent), color-mix(in oklab, var(--color-ink-950) 78%, transparent);width:min(100%,42rem);min-height:4.15rem;box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-porcelain) 5%, transparent);border-radius:.85rem;grid-template-columns:3.35rem minmax(0,.85fr) minmax(0,1.2fr) minmax(0,1fr);align-items:stretch;display:grid;overflow:clip}.rt-relay[data-swatch=off]{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr) minmax(0,1fr)}.rt-relay-swatch{border-right:1px solid color-mix(in oklab, var(--color-mist) 18%, transparent);background-color:color-mix(in oklab, var(--color-ink-800) 82%, transparent);min-width:0;position:relative;overflow:hidden}.rt-relay-swatch:after{content:"";background:var(--fr-accent);height:2px;box-shadow:0 0 12px color-mix(in oklab, var(--fr-accent) 58%, transparent);position:absolute;inset:auto 0 0}.rt-relay-swatch>span{opacity:.78;border-radius:.28rem;position:absolute;inset:.55rem}.rt-relay[data-material=kraft] .rt-relay-swatch>span{filter:saturate(.95)contrast(1.06)brightness(.86);background-color:#8f7148;background-image:linear-gradient(158deg,#f7e2ba2e 0%,#090b1080 100%),url(/textures/cardboard004/color.webp);background-position:50%,20% 66%;background-repeat:no-repeat,no-repeat;background-size:cover,240%;box-shadow:inset 0 1px #ffffff29,0 2px 7px -3px #06080cb3}.rt-relay[data-material=lacquer] .rt-relay-swatch>span{background:linear-gradient(112deg,#0000 0 38%,#ede9e06b 43%,#0000 49%),#15191f}.rt-relay[data-material=paper] .rt-relay-swatch>span{filter:grayscale(.3)contrast(1.04)brightness(.98);background-color:#cfd2ce;background-image:linear-gradient(158deg,#ffffff1f 0%,#1f212133 100%),url(/textures/paper005/chip-lit.webp);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:cover,cover;box-shadow:inset 0 1px #ffffff57,0 2px 7px -3px #06080cb8}.rt-relay[data-material=route] .rt-relay-swatch>span{background:radial-gradient(circle at 72% 30%, var(--fr-accent) 0 2px, transparent 2.5px), linear-gradient(145deg, transparent 46%, color-mix(in oklab, var(--fr-accent) 72%, transparent) 47% 51%, transparent 52%), #111725}.rt-relay[data-material=steel] .rt-relay-swatch>span{background:repeating-linear-gradient(90deg,#0000 0 6px,#ede9e021 6px 7px),linear-gradient(145deg,#394251,#171c25 62%)}.rt-relay[data-material=textile] .rt-relay-swatch>span{background:repeating-linear-gradient(45deg,#0000 0 3px,#ede9e01f 3px 4px),repeating-linear-gradient(-45deg,#0000 0 3px,#ede9e014 3px 4px),#29303d}.rt-relay[data-material=timber] .rt-relay-swatch>span{filter:saturate(.9)contrast(1.06)brightness(.82);background-color:#52412a;background-image:linear-gradient(158deg,#f7e2ba29 0%,#090b1085 100%),url(/textures/wood089/color.webp);background-position:50%,42% 46%;background-repeat:no-repeat,no-repeat;background-size:cover,300%}.rt-relay-step{border-right:1px solid color-mix(in oklab, var(--color-mist) 14%, transparent);align-content:start;gap:.2rem;min-width:0;padding:.72rem .8rem;display:grid}.rt-relay-step strong{font-family:var(--fr-display);font-variation-settings:"wdth" 88;color:var(--color-porcelain);font-size:.8125rem;font-weight:620;line-height:1.2}.rt-relay-k{font-family:var(--fr-display);letter-spacing:.16em;text-transform:uppercase;color:var(--color-mist-dim,var(--color-mist));font-size:.75rem;font-weight:560;line-height:1}.rt-relay-action{box-shadow:inset 0 -2px 0 var(--fr-accent)}.rt-relay-action .rt-relay-k,.rt-relay-action strong{color:var(--fr-accent-bright,var(--fr-accent))}.fr-root[data-fr-variant=light] .rt-relay,.fr-root[data-fr-variant=classic] .rt-relay{background:linear-gradient(90deg,#ffffffa3,#0000),#f0f2ee;border-color:#1f212129;box-shadow:0 16px 30px -24px #1f212147,inset 0 1px #ffffffb3}.fr-root[data-fr-variant=light] .rt-relay-swatch,.fr-root[data-fr-variant=classic] .rt-relay-swatch,.fr-root[data-fr-variant=light] .rt-relay-step,.fr-root[data-fr-variant=classic] .rt-relay-step{border-color:#1f212121}.fr-root[data-fr-variant=light] .rt-relay-step strong,.fr-root[data-fr-variant=classic] .rt-relay-step strong{color:#272a2a}.fr-root[data-fr-variant=light] .rt-relay-action strong,.fr-root[data-fr-variant=classic] .rt-relay-action strong,.fr-root[data-fr-variant=light] .rt-relay-action .rt-relay-k,.fr-root[data-fr-variant=classic] .rt-relay-action .rt-relay-k{color:var(--fr-accent-bright,var(--fr-accent))}.fr-root[data-fr-variant=light] .rt-relay-swatch,.fr-root[data-fr-variant=classic] .rt-relay-swatch{background-color:#e6e9e3}.fr-root[data-fr-variant=light] .rt-relay-swatch:after,.fr-root[data-fr-variant=classic] .rt-relay-swatch:after{box-shadow:none}.fr-root[data-fr-variant=light] .rt-relay-swatch>span,.fr-root[data-fr-variant=classic] .rt-relay-swatch>span{opacity:1}.fr-root[data-fr-variant=light] .rt-relay[data-material=kraft] .rt-relay-swatch>span,.fr-root[data-fr-variant=classic] .rt-relay[data-material=kraft] .rt-relay-swatch>span{filter:saturate(.94)contrast(1.04)brightness(1.02);background-color:#96784d;background-image:linear-gradient(158deg,#ffffff4d 0%,#1f21212e 100%),url(/textures/cardboard004/color.webp);background-position:50%,20% 66%;background-repeat:no-repeat,no-repeat;background-size:cover,240%;box-shadow:inset 0 1px #ffffff80,0 3px 8px -4px #1f21216b}.fr-root[data-fr-variant=light] .rt-relay[data-material=lacquer] .rt-relay-swatch>span,.fr-root[data-fr-variant=classic] .rt-relay[data-material=lacquer] .rt-relay-swatch>span{background:linear-gradient(112deg,#0000 0 36%,#ffffffdb 42%,#0000 50%),linear-gradient(150deg,#5f686c 0%,#333a3e 62%,#262c30 100%);box-shadow:inset 0 1px #ffffff3d,0 3px 8px -4px #1f212175}.fr-root[data-fr-variant=light] .rt-relay[data-material=paper] .rt-relay-swatch>span,.fr-root[data-fr-variant=classic] .rt-relay[data-material=paper] .rt-relay-swatch>span{filter:grayscale(.26)contrast(1.05)brightness(1.12);background-color:#eff1ec;background-image:linear-gradient(158deg,#ffffff47 0%,#1f21211a 100%),url(/textures/paper005/chip-lit.webp);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:cover,cover;box-shadow:inset 0 1px #ffffffb8,0 3px 8px -4px #1f21216b}.fr-root[data-fr-variant=light] .rt-relay[data-material=route] .rt-relay-swatch>span,.fr-root[data-fr-variant=classic] .rt-relay[data-material=route] .rt-relay-swatch>span{background:radial-gradient(circle at 72% 30%, var(--fr-accent) 0 2px, transparent 2.5px), linear-gradient(145deg, transparent 46%, color-mix(in oklab, var(--fr-accent) 82%, transparent) 47% 51%, transparent 52%), repeating-linear-gradient(0deg, transparent 0 6px, #1f212117 6px 7px), repeating-linear-gradient(90deg, transparent 0 6px, #1f212117 6px 7px), #eceee9}.fr-root[data-fr-variant=light] .rt-relay[data-material=steel] .rt-relay-swatch>span,.fr-root[data-fr-variant=classic] .rt-relay[data-material=steel] .rt-relay-swatch>span{background:repeating-linear-gradient(90deg,#0000 0 6px,#1f21211f 6px 7px),linear-gradient(145deg,#dce0e5,#b6bdc6 62%)}.fr-root[data-fr-variant=light] .rt-relay[data-material=textile] .rt-relay-swatch>span,.fr-root[data-fr-variant=classic] .rt-relay[data-material=textile] .rt-relay-swatch>span{background:repeating-linear-gradient(45deg,#0000 0 3px,#1f21211f 3px 4px),repeating-linear-gradient(-45deg,#0000 0 3px,#1f212117 3px 4px),#d6dad5}.fr-root[data-fr-variant=light] .rt-relay[data-material=timber] .rt-relay-swatch>span,.fr-root[data-fr-variant=classic] .rt-relay[data-material=timber] .rt-relay-swatch>span{filter:saturate(.92)contrast(1.04)brightness(1.16);background-color:#c9b699;background-image:linear-gradient(158deg,#ffffff6b 0%,#1f212133 100%),url(/textures/wood089/color.webp);background-position:50%,42% 46%;background-repeat:no-repeat,no-repeat;background-size:cover,300%}@media (max-width:40rem){.rt-relay{grid-template-columns:repeat(3,minmax(0,1fr));min-height:4.5rem}.rt-relay-swatch{display:none}.rt-relay-step{padding:.62rem .68rem}.rt-relay-step strong{font-size:.75rem}.rt-relay-k{letter-spacing:.1em;font-size:.75rem}}@media (max-width:24rem){.rt-relay{grid-template-columns:minmax(0,1fr)}.rt-relay-swatch{border-right:0;border-bottom:1px solid color-mix(in oklab, var(--color-mist) 18%, transparent);min-height:.65rem;display:block}.rt-relay-swatch>span{border-radius:0;inset:0}.rt-relay-step{border-right:0;border-bottom:1px solid color-mix(in oklab, var(--color-mist) 14%, transparent);min-height:3.35rem}.rt-relay-result{border-bottom:0}}