.tv-guide-days{gap:.5rem}.tv-guide-day{display:flex;align-items:center;min-height:2.125rem;font-size:.875rem;padding:0 .75rem;color:var(--bs-body-color);white-space:nowrap;border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);&:hover,&:focus-visible { color:var(--bs-emphasis-color); border-color:var(--bs-secondary-color); } &.active { font-weight:500; color:var(--bs-body-bg); background-color:var(--bs-emphasis-color); border-color:var(--bs-emphasis-color); }}.tv-guide-btn{display:inline-flex;align-items:center;gap:.375rem;min-height:2.125rem;padding-block:0;font-size:.875rem}.tv-guide-btn-secondary{--bs-btn-color:var(--bs-body-color);--bs-btn-bg:var(--bs-tertiary-bg);--bs-btn-border-color:var(--bs-border-color);--bs-btn-hover-color:var(--bs-emphasis-color);--bs-btn-hover-bg:var(--bs-secondary-bg);--bs-btn-hover-border-color:var(--bs-secondary-color);--bs-btn-active-color:var(--bs-emphasis-color);--bs-btn-active-bg:var(--bs-secondary-bg);--bs-btn-active-border-color:var(--bs-secondary-color)}.tv-guide-btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#2470dc;--bs-btn-border-color:#2470dc;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#1f60bb;--bs-btn-hover-border-color:#1f60bb;--bs-btn-active-color:#fff;--bs-btn-active-bg:#1a52a0;--bs-btn-active-border-color:#1a52a0;font-weight:500}.tv-guide-range{font-variant-numeric:tabular-nums}.tv-grid-scroller{overflow:auto;max-height:70vh;border:1px solid var(--bs-border-color);border-radius:.75rem;background-color:var(--bs-tertiary-bg)}.tv-grid{--tv-px-per-min:4px;--tv-channel-width:168px;--tv-row-height:64px;position:relative;width:max-content}.tv-grid-row{display:flex;border-bottom:1px solid var(--bs-border-color-translucent)}.tv-grid-head{position:sticky;top:0;z-index:3;background-color:var(--bs-tertiary-bg);border-bottom-color:var(--bs-border-color)}.tv-grid-channel{position:sticky;left:0;z-index:2;flex:none;display:flex;align-items:center;gap:.625rem;box-sizing:border-box;width:var(--tv-channel-width);padding:0 .75rem;background-color:var(--bs-tertiary-bg);border-right:1px solid var(--bs-border-color)}.tv-grid-channel-icon{flex:none;width:36px;height:36px;padding:.25rem;object-fit:contain;background-color:#fff;border-radius:var(--bs-border-radius)}.tv-grid-channel-name{overflow:hidden;font-size:.875rem;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.tv-grid-track{position:relative;flex:none;width:calc(1440 * var(--tv-px-per-min));height:var(--tv-row-height)}.tv-grid-head .tv-grid-track{height:36px}.tv-grid-tick{position:absolute;top:.5rem;left:calc(var(--tv-offset) * var(--tv-px-per-min));padding-left:.375rem;border-left:1px solid var(--bs-border-color);font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--bs-secondary-color)}.tv-grid-program{position:absolute;top:6px;bottom:6px;left:calc(var(--tv-offset) * var(--tv-px-per-min) + 2px);width:max(2px,calc(var(--tv-length) * var(--tv-px-per-min) - 4px));display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;box-sizing:border-box;overflow:hidden;padding:0 min(.625rem,calc(var(--tv-length) * var(--tv-px-per-min)/4));text-align:left;color:var(--bs-emphasis-color);background-color:var(--bs-secondary-bg);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);&:hover { border-color:var(--bs-secondary-color); } &.is-past { color:var(--bs-secondary-color); background-color:transparent; } &.is-live { background-color:rgba(var(--bs-primary-rgb),0.22); border-color:var(--bs-primary-text-emphasis); } &.is-selected { color:#fff; background-color:#2470dc; border-color:#2470dc; }}.tv-grid-program-time{font-size:.75rem;font-variant-numeric:tabular-nums;opacity:.85}.tv-grid-program-title{max-width:100%;overflow:hidden;font-size:.875rem;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.tv-grid-now{position:absolute;top:0;bottom:0;left:calc(var(--tv-channel-width) + var(--tv-now,0) * var(--tv-px-per-min));z-index:1;width:2px;background-color:var(--bs-orange);pointer-events:none}.tv-guide-detail.offcanvas-bottom{height:auto;max-height:70vh;background-color:var(--bs-tertiary-bg);border-top:1px solid var(--bs-border-color);border-radius:1rem 1rem 0 0;box-shadow:0 -.5rem 1.5rem rgba(0,0,0,.35)}@media(min-width:768px){.tv-guide-detail.offcanvas-bottom{max-width:960px;margin-inline:auto;border:1px solid var(--bs-border-color);border-bottom:0}}.tv-guide-detail-handle{flex:none;width:36px;height:4px;margin:.5rem auto 0;background-color:var(--bs-border-color);border-radius:2px}.tv-guide-detail-main{flex:1 1 420px;min-width:0}.tv-guide-detail-credits{display:grid;grid-template-columns:auto auto;gap:.375rem 1rem;align-content:start;& dd { margin: 0; }}.tv-guide-detail-main:empty,.tv-guide-detail-credits:empty{display:none}@media(max-width:767.98px){.tv-guide-days{flex-wrap:nowrap;width:100%;overflow-x:auto;scrollbar-width:none}.tv-grid{--tv-px-per-min:2.6px;--tv-channel-width:60px;--tv-row-height:56px}.tv-grid-channel{justify-content:center;padding:0 .25rem}.tv-grid-channel-name{font-size:.75rem}.tv-grid-channel-icon+.tv-grid-channel-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}