/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.program-schedule{--program-bg:rgba(247,247,247,0.97);--program-dark:#111;--program-primary:var(--color-1,#003b7a);--program-secondary:var(--color-2,#00A7E7);--program-tertiary:var(--color-3,#ffdc00);--program-text:var(--text-color,#111);--program-heading-font:var(--font-2,inherit);--program-track-offset:88px;background:var(--program-bg);border-radius:24px;padding:clamp(16px,3vw,40px);.program-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:32px;}.program-day-tab{border:2px solid var(--program-primary);border-radius:999px;padding:10px 20px;background:#fff;color:var(--program-primary);cursor:pointer;font-size:19px;&.is-active{background:var(--program-primary);color:#fff;}}.program-day-timeline{margin-left:60px;position:relative;@media (min-width:700px){margin-left:var(--program-track-offset);}}.program-day-panel{display:none;&.is-active{display:block;}}.program-scroll-header{display:flex;justify-content:flex-end;gap:12px;margin-bottom:16px;}.program-tracks-scroll{overflow-x:auto;overflow-y:visible;padding-bottom:16px;scroll-behavior:smooth;cursor:grab;touch-action:pan-x;user-select:none;scrollbar-width:thin;scrollbar-color:#d6d6d6 transparent;-webkit-overflow-scrolling:touch;&.is-dragging{cursor:grabbing;scroll-behavior:auto;*{pointer-events:none;}}&::-webkit-scrollbar{height:4px;}&::-webkit-scrollbar-track{background:transparent;}&::-webkit-scrollbar-thumb{background:#d6d6d6;border-radius:999px;}}.program-track{--program-row-height:180px;display:grid;grid-template-columns:72px max-content;gap:16px;min-width:max-content;min-height:var(--program-row-height);}.program-track-title{position:sticky;left:0;z-index:5;display:flex;align-items:center;justify-content:center;min-height:var(--program-row-height);background:var(--program-bg);color:var(--program-dark);font-weight:800;text-transform:uppercase;span{transform:rotate(-90deg);hyphens:auto;text-align:center;max-width:150px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:180px;width:100%;}}.program-timeline{--program-past-width:0px;position:relative;width:max-content;min-height:var(--program-row-height);isolation:isolate;&::before{content:'';position:absolute;top:0;bottom:0;left:0;width:var(--program-past-width);background:rgba(0,0,0,0.08);z-index:0;pointer-events:none;}}.program-time-row{position:relative;height:40px;border-bottom:1px solid #d8d8d8;}.program-time-marker{position:absolute;top:0;height:100%;border-left:1px solid #d8d8d8;padding-left:8px;white-space:nowrap;}.program-items{position:relative;z-index:1;min-width:max-content;min-height:var(--program-row-height);top:50%;transform:translateY(-50%);display:flex;align-items:center;}.program-track-marker{position:absolute;top:0;bottom:0;width:1px;background:#d8d8d8;pointer-events:none;z-index:1;}.program-live-time-line{position:absolute;top:0;bottom:0;width:3px;background:var(--program-secondary);transform:translateX(-50%);z-index:4;pointer-events:none;&::before{content:'';position:absolute;top:-6px;left:50%;width:11px;height:11px;border-radius:50%;background:var(--program-secondary);transform:translateX(-50%);}&[hidden]{display:none;}}.program-item{position:absolute;top:16px;z-index:2;min-width:160px;min-height:110px;background:var(--program-tertiary);border-radius:16px;padding:16px;overflow:hidden;time{display:block;margin-bottom:8px;font-size:13px;color:var(--program-text);}h4{margin:0 0 6px;font-size:16px;line-height:1.2;font-family:var(--program-heading-font);}&.is-past{filter:grayscale(1);}&.is-live{outline:3px solid #111;}&.is-soon{outline:3px dashed #111;}}.program-description{font-size:16px;line-height:1.35;}.program-live-badge,.program-soon-badge{display:inline-flex;width:fit-content;margin-bottom:8px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase;}.program-live-badge{background:#111;color:#fff;}.program-soon-badge{background:#fff;color:#111;}.program-day-tab,.program-scroll-button,.program-tracks-scroll,.program-item{&:focus-visible{outline:2px solid #000;outline-offset:4px;}}@media (max-width:700px){border-radius:16px;padding:16px;.program-track{grid-template-columns:48px max-content;gap:12px;}.program-scroll-button{width:40px;height:40px;}.program-item{padding:12px;}.program-day-tab{width:100%;}}}.program-scroll-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--program-primary);color:#fff;font-size:52px;line-height:1;cursor:pointer;&.prev{transform:rotate(90deg);}&.next{transform:rotate(-90deg);}svg{fill:#fff;margin:0;width:13px;height:21px;}}