.bf-learning-workspace,.bf-learning-workspace *{box-sizing:border-box}
.bf-learning-workspace{margin:28px 0;max-width:100%;min-width:0;color:#242424;scroll-margin-top:100px}
.bf-learning-workspace .bf-learning-workspace__title{margin:0 0 16px;font-size:20px;font-weight:700;line-height:1.5;color:#242424}
.bf-learning-workspace__tabs{display:flex;gap:4px;padding:6px;background:#f1f2f3;min-width:0}
.bf-learning-workspace .bf-learning-workspace__tab{flex:1 1 0;min-width:0;min-height:48px;margin:0;padding:10px 12px;border:1px solid transparent;border-radius:0;background:transparent;box-shadow:none;color:#505050;font:inherit;font-size:14px;font-weight:500;line-height:1.6;cursor:pointer;word-break:keep-all}
.bf-learning-workspace .bf-learning-workspace__tab[aria-selected=true]{background:#252a30;border-color:#252a30;color:#fff}
.bf-learning-workspace__body{border:1px solid #d5d8dc;padding:24px;min-width:0;background:#fff}
.bf-learning-workspace__panel{min-width:0;max-width:100%;outline-offset:4px}
.bf-learning-workspace [hidden]{display:none!important}
.bf-learning-workspace .bf-demo{margin:0;padding:0;border:0;background:transparent}
.bf-learning-workspace .bf-demo__title{display:none}
.bf-learning-workspace .bf-demo__header{margin:0 0 20px}
.bf-learning-workspace .bf-demo__description{font-size:14px;color:#595959}
.bf-learning-workspace .bf-demo__controls{padding:0;background:transparent;align-items:center;gap:12px}
.bf-learning-workspace .bf-demo__stage-label,.single .entry-content .bf-learning-workspace .bf-code-workspace__stage-control{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:#595959;margin:0;min-width:0}
.bf-learning-workspace .bf-demo__stage-select,.single .entry-content .bf-learning-workspace .bf-code-workspace__stage-select{min-height:44px;max-width:100%;padding:8px 32px 8px 12px;border:1px solid #c6cacf;border-radius:0;box-shadow:none;background-color:#fff;color:#292929;font:inherit;font-size:14px}
.bf-learning-workspace .bf-demo__source{margin-top:0}
.bf-learning-workspace .bf-demo__controls:not([hidden])+.bf-demo__footer[hidden]~.bf-demo__source{margin-top:16px}
.bf-learning-workspace .bf-demo__source-pre{max-height:560px}
.single .entry-content .bf-learning-workspace .bf-code-workspace[data-code-workspace-ready=true]{border:0;background:transparent}
.single .entry-content .bf-learning-workspace .bf-code-workspace__body{display:block;padding:0;border:0}
.single .entry-content .bf-learning-workspace .bf-code-workspace__files{display:none}
.single .entry-content .bf-learning-workspace .bf-code-workspace__mobile-files{display:flex;align-items:center;gap:12px;padding:0;margin:16px 0;font-size:14px;font-weight:500;color:#595959;min-width:0}
.single .entry-content .bf-learning-workspace .bf-code-workspace__file-select{flex:1;min-width:0;width:100%;padding:8px 32px 8px 12px;border:1px solid #c6cacf;font-size:14px;background-color:#fff;color:#292929;border-radius:0;box-shadow:none}
.single .entry-content .bf-learning-workspace .bf-code-workspace__content,.single .entry-content .bf-learning-workspace .bf-code-workspace [data-code-stage]{border:0;padding:0}
.single .entry-content .bf-learning-workspace .bf-code-workspace__reading-tools{padding:0;background:transparent;border:0;margin:0 0 16px}
.single .entry-content .bf-learning-workspace .bf-code-workspace__stage-control{margin:16px 0}
.single .entry-content .bf-learning-workspace .bf-code-workspace__stage-control[hidden]{display:none}
.single .entry-content .bf-learning-workspace .bf-code-workspace [data-code-file]>h3{font-size:16px;margin:16px 0 12px;font-weight:500;overflow-wrap:anywhere}
.single .entry-content .bf-learning-workspace .bf-code-workspace__code-frame{max-height:560px}
.bf-learning-workspace__jump-wrap{margin:16px 0;font-size:14px}
.bf-learning-workspace__jump{color:#343434;text-underline-offset:4px}
.bf-learning-workspace :is(button,select,a,pre):focus-visible,.bf-learning-workspace__jump:focus-visible{outline:2px solid #252a30;outline-offset:3px}
@media(max-width:700px){
  .bf-learning-workspace__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
  .bf-learning-workspace .bf-learning-workspace__tab{padding:10px 6px;font-size:13px}
  .bf-learning-workspace__body{padding:16px}
  .bf-learning-workspace .bf-demo__stage-label{width:100%}
  .bf-learning-workspace .bf-demo__stage-select{flex:1;min-width:0}
  .bf-learning-workspace .bf-demo__toolbar{width:100%}
  .single .entry-content .bf-learning-workspace .bf-code-workspace__code-frame{max-height:480px}
}