@layer components{.cmp-side>.bb{flex:1}.bb{--route: #2F8A8F;--bad: #B42318;--mid: #A15C07;--ok: #067647;display:flex;flex-direction:column;align-items:center;width:100%}.bb:not(.is-k) .bb-win{box-shadow:0 0 0 1.5px var(--route),var(--shadow-window)}.bb:not(.is-k) .bb-bar b{color:var(--route)}.bb-win{z-index:1;box-sizing:border-box;width:100%;max-width:32rem;padding:.75rem .875rem .875rem}.bb-bar{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem .5rem;margin:0 0 .5rem;font-size:var(--text-caption);line-height:1.3}.bb-bar b{font-weight:600}.bb-bar small{color:var(--color-ink-2);font-size:.75rem}.bb-t{display:grid;grid-template-columns:minmax(6rem,1.4fr) repeat(4,minmax(0,1fr));column-gap:.5rem;align-items:center}.bb-th{align-items:start;min-height:3rem;padding-bottom:.375rem;border-bottom:1px solid var(--color-line-2)}.bb-h{display:grid;justify-items:start;gap:.125rem;min-width:0;color:var(--color-ink-2);font-size:.6875rem;font-weight:600;line-height:1.25}.bb-h small{color:var(--color-ink-2);font-size:.625rem;font-weight:500;line-height:1.5;opacity:.8}.bb-gap{max-width:100%;padding:0 .375rem;border-radius:var(--radius-inner);background:color-mix(in srgb,var(--bad) 10%,var(--color-sheet));color:var(--bad);font-size:.625rem;font-weight:600;line-height:1.5}.bb-gap.is-partial{background:color-mix(in srgb,var(--mid) 12%,var(--color-sheet));color:var(--mid)}.bb-td{min-height:2rem;border-bottom:1px solid var(--color-line);font-size:var(--text-ui);line-height:1.3}.bb-td>*{min-width:0}.bb-v{font-variant-numeric:tabular-nums;white-space:nowrap}.bb-na{color:var(--color-ink-2);opacity:.6}.bb-risk{justify-self:start;padding:.0625rem .4375rem;border-radius:var(--radius-inner);background:var(--color-tint);font-size:.6875rem;font-weight:600}.bb-risk.is-high{background:color-mix(in srgb,var(--bad) 10%,var(--color-sheet));color:var(--bad)}.bb-risk.is-medium{background:color-mix(in srgb,var(--mid) 12%,var(--color-sheet));color:var(--mid)}.bb-risk.is-low{background:color-mix(in srgb,var(--ok) 11%,var(--color-sheet));color:var(--ok)}.bb:not(.is-k) .bb-td [data-c=risk]{color:var(--bad);opacity:1;font-weight:600}.bb-act{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .625rem;margin:.625rem 0 0}.bb-btn{padding:.375rem .75rem;border-radius:var(--radius-control);background:var(--color-brand);color:var(--color-sheet);font-size:var(--text-ui);font-weight:600;line-height:1.3}.bb-btn[data-off]{background:var(--color-tint);color:var(--color-ink-2)}.bb-saved{color:var(--color-ink-2);font-size:.75rem;line-height:1.3}.bb.is-k .bb-saved{color:var(--color-brand-ink);font-weight:600}.bb-zone{position:relative;flex:1;display:grid;place-items:center;width:100%;min-height:clamp(6.5rem,5.5rem + 2vw,7.5rem)}.bb.is-k .bb-zone{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr)}.bb.is-k .bb-hub{grid-row:2}.bb-io{grid-row:1;align-self:stretch;box-sizing:border-box;display:flex;gap:.875rem;padding-block:.1875rem;--head: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9'%3E%3Cpath d='M6 1.2 10.8 7.4H1.2Z' fill='%23000' stroke='%23000' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E")}.bb-io i{position:relative;width:2px}.bb-io i:before{content:"";position:absolute;inset:.375rem 0 0;border-radius:1px;background:var(--color-brand)}.bb-io .is-down:before{inset:0 0 .375rem}.bb-io i:after{content:"";position:absolute;left:50%;width:.6875rem;height:.53125rem;background:var(--color-brand);transform:translate(-50%);-webkit-mask:var(--head) no-repeat center / 100% 100%;mask:var(--head) no-repeat center / 100% 100%}.bb-io .is-up:after{top:0}.bb-io .is-down:after{bottom:0;transform:translate(-50%) scaleY(-1)}.bb-w{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.bb-w.is-out{grid-row:3 / 4}.bb-l{fill:none;stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}.bb-l:is(.is-yes,.is-partial){stroke:var(--route)}.bb-l.is-partial{stroke-dasharray:5 6}.bb-l.is-k{stroke:var(--color-brand)}.bb-hub{position:relative;z-index:1;display:flex;align-items:center;gap:.625rem;height:2.75rem;margin:0;padding-inline:1rem;border-radius:var(--radius-control);background:var(--color-sheet);box-shadow:0 0 0 1.5px var(--color-brand),var(--shadow-window);font-size:var(--text-ui);line-height:1.2;white-space:nowrap}.bb-logo{flex:none;width:auto;height:.9375rem}.bb-facets{display:flex;color:var(--color-ink);font-weight:700}.bb-facets span+span{margin-left:.5rem;padding-left:.5rem;box-shadow:inset 1px 0 color-mix(in srgb,var(--color-brand) 35%,transparent)}.bb-sys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;width:100%}.bb-s{display:grid;justify-items:center;gap:.375rem;text-align:center}.bb-chip{padding:.375rem .625rem;border:1.5px solid var(--color-ink-2);border-radius:var(--radius-control);background:var(--color-sheet);font-size:.8125rem;font-weight:600;line-height:1.2;white-space:nowrap}.bb-s.is-none .bb-chip{border-style:dashed;border-color:#1a1f2e52;color:var(--color-ink-2)}.bb-s:is(.is-yes,.is-partial) .bb-chip{border-color:var(--route)}.bb-s.is-k .bb-chip{border-color:var(--color-brand)}.bb-s small{color:var(--color-ink-2);font-size:.6875rem;line-height:1.3}@media(max-width:479px){.bb-win{padding-inline:.625rem}.bb-t{grid-template-columns:minmax(4.75rem,1.3fr) repeat(4,minmax(0,1fr));column-gap:.3125rem}.bb-td{font-size:.75rem}.bb-gap{padding-inline:.25rem;font-size:.5625rem}.bb-hub{flex-wrap:wrap;justify-content:center;row-gap:.25rem;height:auto;min-height:2.75rem;padding:.375rem .625rem;white-space:normal}.bb-facets{flex-wrap:wrap;justify-content:center}.bb-chip{padding-inline:.375rem;font-size:.75rem}}@media(max-width:399px){.bb-win{padding-inline:.5rem}.bb-t{grid-template-columns:minmax(0,1.2fr) repeat(4,minmax(0,1fr));column-gap:.25rem}.bb-td{font-size:.6875rem}.bb-h{font-size:.625rem}.bb-th{min-height:3.25rem}}@media(max-width:359px){.bb-t{grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr))}.bb [data-c=orders]{display:none}}}