.islot__days{scrollbar-width:thin;grid-auto-columns:minmax(66px,1fr);grid-auto-flow:column;gap:6px;padding-bottom:4px;display:grid;overflow-x:auto}.islot__day{text-align:center;white-space:nowrap;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);cursor:pointer;background:#fff;place-content:center;justify-items:center;gap:4px;height:62px;padding:0 4px;display:grid}.islot__day small{font:var(--text-caption);color:var(--color-neutral-600)}.islot__day b{font:600 15px/1 var(--font-mono);color:var(--color-neutral-950)}.islot__day:hover{border-color:var(--color-neutral-400)}.islot__day.is-on{background:var(--color-neutral-950);border-color:var(--color-neutral-950)}.islot__day.is-on small{color:var(--color-neutral-300)}.islot__day.is-on b{color:#fff}.islot__day.is-out:not(.is-on){background:0 0;border-style:dashed}.islot__day.is-out:not(.is-on) b{color:var(--color-neutral-400)}.islot__day.is-out:not(.is-on) small{color:var(--color-neutral-700);font-weight:600}.islot__cap{background:var(--color-neutral-200);border-radius:2px;width:34px;height:4px;overflow:hidden}.islot__cap span{background:var(--color-neutral-950);height:100%;display:block}.islot__day.is-on .islot__cap{background:var(--color-on-dark-line-strong)}.islot__day.is-on .islot__cap span{background:#fff}.islot__groups{margin-top:var(--space-4);gap:var(--space-4);display:grid}.islot__gh{margin:0 0 var(--space-2);font:var(--sf-font-caption);color:var(--color-neutral-600);font-weight:600}.islot__gh em{font-style:normal;font-weight:500}.islot__slots{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.islot__slot{text-align:center;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);cursor:pointer;background:#fff;place-content:center;gap:3px;height:58px;display:grid}.islot__slot b{font:600 16px/1 var(--font-mono);color:var(--color-neutral-950)}.islot__slot small{font:var(--text-caption);color:var(--color-neutral-600)}.islot__slot:hover:not(:disabled){border-color:var(--color-neutral-400)}.islot__slot.is-on{background:var(--color-neutral-950);border-color:var(--color-neutral-950)}.islot__slot.is-on b{color:#fff}.islot__slot.is-on small{color:var(--color-neutral-300)}.islot__slot:disabled{cursor:not-allowed;background:0 0;border-style:dashed}.islot__slot:disabled b{color:var(--color-neutral-400);font-weight:500;text-decoration:line-through}.islot__day:focus-visible,.islot__slot:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.islot__state{margin-top:var(--space-3);align-items:center;gap:var(--space-2);font:var(--sf-font-caption);color:var(--color-neutral-700);flex-wrap:wrap;display:flex}.islot__state--err{color:var(--color-red-700)}.islot__jump{font:var(--sf-font-caption);color:var(--color-neutral-950);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.islot__picked{margin:var(--space-3) 0 0;align-items:center;gap:var(--space-2);font:var(--sf-font-caption);color:var(--color-neutral-800);display:flex}.islot__picked b{font-family:var(--font-mono);color:var(--color-neutral-950)}.islot__board{margin-top:var(--space-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:#fff;padding:16px 18px 14px}.islot__bhd{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.islot__bhd b{font:var(--sf-font-item);color:var(--color-neutral-950);font-weight:600}.islot__bhd>span{font:500 13px/1.4 var(--font-mono);color:var(--color-neutral-600)}.islot__bhd>span>span{white-space:nowrap}.islot__heat{gap:2px;height:44px;margin-top:16px;display:grid;position:relative}.islot__heat>span{border-radius:2px}.islot__board .l3{box-shadow:inset 0 0 0 1px var(--color-neutral-200);background:#fff}.islot__board .l2{background:#ececea}.islot__board .l1{background:#cfcfcb}.islot__board .l0{background:repeating-linear-gradient(135deg,#a8a8a3 0 3px,#e6e6e2 3px 7px)}.islot__board .is-break,.islot__board .is-closure{background:repeating-linear-gradient(135deg,#ecece8 0 6px,#f8f8f6 6px 12px)}.islot__board .is-past{background:var(--color-neutral-100)}.islot__job{white-space:nowrap;background:var(--color-neutral-950);color:#fff;font:600 13px/1 var(--font-mono);border-radius:5px;justify-content:center;align-items:center;padding:0 8px;display:flex;position:absolute;top:-6px;bottom:-6px;overflow:hidden;box-shadow:0 6px 14px -6px #00000080}.islot__job.is-narrow{justify-content:flex-start;padding:0;overflow:visible}.islot__job.is-narrow span{background:var(--color-neutral-950);border-radius:4px;padding:5px 8px;position:absolute;top:50%;left:calc(100% + 4px);transform:translateY(-50%)}.islot__job.is-narrow.is-left span{left:auto;right:calc(100% + 4px)}.islot__ticks{font:500 12px/1 var(--font-mono);color:var(--color-neutral-600);gap:2px;margin-top:8px;display:grid}.islot__ticks span{white-space:nowrap;overflow:visible}.islot__legend{font:var(--text-caption);color:var(--color-neutral-600);flex-wrap:wrap;gap:6px 18px;margin-top:12px;display:flex}.islot__legend i{vertical-align:-2px;border:1px solid var(--color-neutral-200);border-radius:2px;width:12px;height:12px;margin-right:5px;display:inline-block}.islot__legend .is-mine{background:var(--color-neutral-950);border-color:var(--color-neutral-950)}@media (max-width:640px){.islot__board{padding:14px 12px 12px}.islot__heat{gap:1px;height:36px}.islot__job.is-narrow{justify-content:flex-start;padding:0;overflow:visible}.islot__job.is-narrow span{background:var(--color-neutral-950);border-radius:4px;padding:5px 8px;position:absolute;top:50%;left:calc(100% + 4px);transform:translateY(-50%)}.islot__job.is-narrow.is-left span{left:auto;right:calc(100% + 4px)}.islot__ticks{gap:1px;font-size:11px}.islot__ticks .is-odd{visibility:hidden}.islot__job{padding:0 4px;font-size:11px}}
