.ext-schedule-bar{--ext-schedule-bar-inset:12px;box-sizing:border-box;align-self:stretch;width:100%}.ext-schedule-bar__scroll-wrap{width:100%;position:relative}.ext-schedule-bar__viewport{position:relative}.ext-schedule-bar__viewport.is-scrollable{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#d3d9db transparent;width:100%;padding-bottom:2px;overflow:auto hidden}.ext-schedule-bar__labels{color:#464e52;font-variant-numeric:tabular-nums;height:10px;margin:0 12px 4px;font-family:Roboto,sans-serif;font-size:10px;line-height:10px;position:relative}.ext-schedule-bar__label{white-space:nowrap;text-align:center;min-width:2.5em;position:absolute;transform:translate(-50%)}.ext-schedule-bar__viewport.is-scrollable::-webkit-scrollbar{height:4px}.ext-schedule-bar__viewport.is-scrollable::-webkit-scrollbar-track{background:0 0}.ext-schedule-bar__viewport.is-scrollable::-webkit-scrollbar-thumb{background:#d3d9db;border-radius:2px}.ext-schedule-bar__track-outer{width:100%;position:relative}.ext-schedule-bar__track-outer.is-all-nighter{width:var(--ext-schedule-all-nighter-track-width);min-width:var(--ext-schedule-all-nighter-track-width);flex-shrink:0}.ext-schedule-bar__track-outer.is-all-nighter .ext-schedule-bar__labels{width:var(--ext-schedule-grid-width);max-width:var(--ext-schedule-grid-width)}.ext-schedule-bar__track-outer.is-all-nighter .ext-schedule-bar__block{width:auto;min-width:var(--ext-schedule-grid-width);flex-shrink:0}.ext-schedule-bar__track-outer.is-all-nighter .ext-schedule-bar__cell{flex:0 0 var(--ext-schedule-hour-width);width:var(--ext-schedule-hour-width);min-width:var(--ext-schedule-hour-width)}.ext-schedule-bar__track-shell{position:relative}.ext-schedule-bar__track{box-sizing:border-box;position:relative}.ext-schedule-bar__block{box-sizing:border-box;pointer-events:none;-webkit-user-select:none;user-select:none;background:#f8f8f8;border:1px solid #d3d9db;border-right:none;height:62px;margin:0 12px;display:flex}.ext-schedule-bar__cell{box-sizing:border-box;border-left:1px dashed #d3d9db;flex:1;min-width:0;position:relative}.ext-schedule-bar__cell.is-label-hour{border-left-style:solid}.ext-schedule-bar__cell:first-child{border-left:none}.ext-schedule-bar__grid-end{border-right:1px solid #d3d9db;flex:0 0 0;align-self:stretch;width:0;min-width:0}.ext-schedule-bar__fill{box-sizing:border-box;position:absolute;top:0;bottom:0}.ext-schedule-bar__cell.is-uniform.ext-schedule-bar__fill--available,.ext-schedule-bar__fill--available{background:#d8f0f7}.ext-schedule-bar__cell.is-uniform.ext-schedule-bar__fill--unavailable,.ext-schedule-bar__fill--unavailable{background:#f8f8f8}.ext-schedule-bar__cell.is-uniform.ext-schedule-bar__fill--current,.ext-schedule-bar__fill--current{background:#a9b1b3}.ext-schedule-bar__cell.is-uniform.ext-schedule-bar__fill--selected,.ext-schedule-bar__fill--selected{background:#4eb3d7}.ext-schedule-bar__cell.is-uniform.ext-schedule-bar__fill--selected-invalid,.ext-schedule-bar__fill--selected-invalid{background:var(--color-red-003,#f79797)}.ext-schedule-bar__arrow-layer{z-index:7;pointer-events:none;position:absolute;inset:14px 0 6px}.ext-schedule-bar__arrow{cursor:pointer;pointer-events:auto;background:#ffffff80;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-top:-8px;display:flex;position:absolute;top:50%;box-shadow:0 0 4px #464e521a}.ext-schedule-bar__arrow.left{left:4px}.ext-schedule-bar__arrow.right{right:4px}.ext-schedule-bar__arrow img{width:16px;height:16px;display:block}.ext-schedule-bar__arrow.right img{transform:rotate(180deg)}.ext-schedule-bar__legend{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:16px;margin:8px 12px 0;display:flex}.ext-schedule-bar__legend-item{white-space:nowrap;color:#464e52;flex-shrink:0;align-items:center;gap:4px;font-family:Noto Sans JP,sans-serif;font-size:10px;line-height:1;display:inline-flex}.ext-schedule-bar__legend-label{line-height:1}.ext-schedule-bar__legend-swatch{box-sizing:border-box;border:1px solid #d3d9db;flex-shrink:0;width:16px;height:12px}.ext-schedule-bar__legend-swatch--current{background:#a9b1b3}.ext-schedule-bar__legend-swatch--available{background:#d8f0f7}.ext-schedule-bar__legend-swatch--unavailable{background:#f8f8f8}@media (min-width:769px){.ext-schedule-bar{max-width:600px}.ext-schedule-bar__arrow{width:24px;height:24px;margin-top:-12px}.ext-schedule-bar__arrow.left{left:0}.ext-schedule-bar__arrow.right{right:0}.ext-schedule-bar__block{height:78px}.ext-schedule-bar__legend-swatch{width:24px;height:16px}}