.bbf{--bbf-ease:cubic-bezier(.16, 1, .3, 1);margin:0}@container (width<=640px){.bbf .blf-win{--blf-dh:580}}@container (width<=440px){.bbf .blf-win{--blf-dw:520}}.bbf .bbf-t{align-items:center;gap:calc(var(--u) * 12);flex-wrap:wrap;display:flex}.bbf .bbf-state{gap:calc(var(--u) * 7);letter-spacing:.08em}.bbf .bbf-state i{width:calc(var(--u) * 6);height:calc(var(--u) * 6);background:linear-gradient(var(--blf-ink-3), var(--blf-ink-3));border-radius:50%}.bbf .bbf-line{width:28%;height:calc(var(--u) * 6);background:linear-gradient(var(--blf-hi), var(--blf-hi));border-radius:1px;flex:none}@container (width<=640px){.bbf .bbf-card:nth-child(n+5){display:none}}.bbf .bbf-cap{color:var(--bls-ink-3,#737373);margin:14px 0 0;font-size:13.5px;line-height:1.5}.bbf[data-bbf-wait] .bbf-card{opacity:.01;transform:translateY(calc(var(--u) * 12))}.bbf[data-bbf-wait][data-bbf-in] .bbf-card{opacity:1;transition:opacity .5s var(--bbf-ease) calc(var(--i) * 70ms), transform .7s var(--bbf-ease) calc(var(--i) * 70ms);transform:none}.bbf .bbf-card .blf-well:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(100deg,#0000 32%,#ffffffb8 50%,#0000 68%);position:absolute;inset:0;transform:translate(-100%)}.bbf[data-bbf-in] .bbf-card .blf-well:after{animation:bbf-light 1.3s var(--bbf-ease) calc(.26s + var(--i) * 90ms) 1 both}@keyframes bbf-light{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.bbf .bbf-card{transition:none}.bbf .bbf-card .blf-well:after{display:none}}.bcft{--bcft-ease:cubic-bezier(.16, 1, .3, 1);margin:0}.bcft .bcft-page{grid-template-columns:minmax(0, 1fr) calc(var(--u) * 190) minmax(0, 1.25fr);gap:calc(var(--u) * 28);padding:calc(var(--u) * 40) calc(var(--u) * 40) 0;align-items:start;display:grid}@container (width<=640px){.bcft .blf-win{--blf-dw:560;--blf-dh:980}.bcft .bcft-page{gap:calc(var(--u) * 22);grid-template-columns:minmax(0,1fr)}}.bcft .bcft-step{gap:calc(var(--u) * 14);flex-direction:column;min-width:0;display:flex}.bcft .bcft-step--key{text-align:center;align-self:center;align-items:center}.bcft .bcft-n{align-items:center;gap:calc(var(--u) * 8);color:var(--blf-ink-3);font-size:calc(var(--u) * 11);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:600;display:flex}.bcft .bcft-n b{width:calc(var(--u) * 20);height:calc(var(--u) * 20);background:linear-gradient(var(--blf-ink), var(--blf-ink));color:var(--blf-on-ink);-webkit-text-fill-color:var(--blf-on-ink);font-size:calc(var(--u) * 11);letter-spacing:0;border-radius:50%;place-items:center;display:inline-grid}.bcft .bcft-copy{align-self:flex-start}.bcft .bcft-copy .blf-ico{stroke:var(--blf-on-yellow)}.bcft .bcft-keys{gap:calc(var(--u) * 6);display:inline-flex}.bcft .bcft-keys .blf-kbd{min-width:calc(var(--u) * 46);height:calc(var(--u) * 46);font-size:calc(var(--u) * 20)}.bcft .bcft-say{color:var(--blf-ink-2);font-size:calc(var(--u) * 13);margin:0;line-height:1.45}.bcft .bcft-canvas{grid-template-columns:calc(var(--u) * 132) minmax(0, 1fr);min-height:calc(var(--u) * 218);background:linear-gradient(var(--blf-sunken), var(--blf-sunken));box-shadow:inset 0 0 0 1px var(--blf-line);border-radius:3px;display:grid;overflow:hidden}.bcft .bcft-layers{gap:calc(var(--u) * 2);padding:calc(var(--u) * 10) calc(var(--u) * 8);background:linear-gradient(var(--blf-panel), var(--blf-panel));box-shadow:inset -1px 0 0 var(--blf-line);flex-direction:column;margin:0;list-style:none;display:flex}.bcft .bcft-layer{align-items:center;gap:calc(var(--u) * 6);height:calc(var(--u) * 22);padding-left:calc(var(--u) * (6 + var(--d) * 10));color:var(--blf-ink-2);font-size:calc(var(--u) * 11.5);border-radius:2px;display:flex}.bcft .bcft-layer i{width:calc(var(--u) * 8);height:calc(var(--u) * 8);box-shadow:inset 0 0 0 1px var(--blf-ink-3);border-radius:1px;flex:none}.bcft .bcft-layer.is-sel{background:linear-gradient(var(--blf-pale), var(--blf-pale));color:var(--blf-accent-ink);-webkit-text-fill-color:var(--blf-accent-ink)}.bcft .bcft-layer.is-sel i{box-shadow:inset 0 0 0 1px var(--blf-accent)}.bcft .bcft-art{padding:calc(var(--u) * 14);position:relative}.bcft .bcft-sel{height:calc(var(--u) * 180);box-shadow:0 0 0 1.5px var(--blf-accent);border-radius:2px;position:relative;overflow:hidden}.bcft .bcft-sel .blf-wf{border-radius:2px;inset:0}.bcft .bcft-cap{color:var(--bls-ink-3,#737373);margin:14px 0 0;font-size:13.5px;line-height:1.5}.bcft[data-bcft-wait] .bcft-step{opacity:.01;transform:translateY(calc(var(--u) * 10))}.bcft[data-bcft-wait][data-bcft-in] .bcft-step{opacity:1;transition:opacity .5s var(--bcft-ease) calc(var(--i) * .22s), transform .7s var(--bcft-ease) calc(var(--i) * .22s);transform:none}@media (prefers-reduced-motion:reduce){.bcft .bcft-step{transition:none}}