{"version":3,"file":"styles.css","sources":["webpack://@ino-ui/tv/./src/styles/vars.css","webpack://@ino-ui/tv/./src/styles/listStyle.css","webpack://@ino-ui/tv/./src/styles/CheckboxItem.css","webpack://@ino-ui/tv/./src/styles/Modal.css","webpack://@ino-ui/tv/./src/styles/InoButton.css","webpack://@ino-ui/tv/./src/styles/InoKeyboard.css","webpack://@ino-ui/tv/./src/styles/ScrollView.css","webpack://@ino-ui/tv/./src/styles/InoInput.css","webpack://@ino-ui/tv/./src/styles/InoTab.css","webpack://@ino-ui/tv/./src/styles/InoLayout.css","webpack://@ino-ui/tv/./src/styles/InoSkeleton.css","webpack://@ino-ui/tv/./src/styles/InoSidebar.css","webpack://@ino-ui/tv/./src/styles/InoListItem.css","webpack://@ino-ui/tv/./src/styles/InoImage.css","webpack://@ino-ui/tv/./src/styles/InoText.css","webpack://@ino-ui/tv/./src/styles/InoProtectInput.css","webpack://@ino-ui/tv/./src/styles/InoToast.css","webpack://@ino-ui/tv/./src/styles/InoPlayerProgress.css","webpack://@ino-ui/tv/./src/styles/InoRecycleList.css","webpack://@ino-ui/tv/./src/styles/InoSwitch.css","webpack://@ino-ui/tv/./src/styles/InoCard.css","webpack://@ino-ui/tv/./src/styles/Timeline.css","webpack://@ino-ui/tv/./src/styles/InoSelect.css","webpack://@ino-ui/tv/./src/styles/EPGTimeline.css"],"sourcesContent":[":root {\n  /* Primary Colors */\n  --ino-bg-primary: #2563eb;\n  --ino-bg-success: #10b981;\n  --ino-text-primary: #ffffff;\n  --ino-border-primary: #2563eb;\n  --ino-shadow-primary: rgba(37, 99, 235, 0.2);\n  --ino-hover-primary: #1d4ed8;\n  --ino-disabled-primary: #94a3b8;\n  --ino-muted-primary: #e2e8f0;\n\n  /* Dark theme colors */\n  --ino-dark-primary: #1e293b;\n  --ino-dark-opacity: rgba(15, 23, 42, 0.5);\n  --ino-mid-opacity: rgba(15, 23, 42, 0.8);\n  --ino-light-opacity: rgba(15, 23, 42, 0.1);\n  --ino-light-primary: #f8fafc;\n\n  /* Active states */\n  --ino-bg-active: #3b82f6;\n\n  /* Status colors */\n  --ino-bg-danger: #ef4444;\n  --ino-bg-warning: #f59e0b;\n  --ino-text-danger: #ffffff;\n  --ino-text-warning: #1e293b;\n  --ino-text-inverse: #ffffff;\n\n  /* Secondary colors */\n  --ino-bg-secondary: #f1f5f9;\n  --ino-text-secondary: #334155;\n  --ino-border-secondary: #e2e8f0;\n  --ino-shadow-secondary: rgba(15, 23, 42, 0.05);\n  --ino-hover-secondary: #e2e8f0;\n  --ino-disabled-secondary: #cbd5e1;\n\n  /* font sizes */\n  --ino-font-size-xsmall: 1.2rem;\n  --ino-font-size-small: 1.4rem;\n  --ino-font-size-medium: 1.6rem;\n  --ino-font-size-large: 2rem;\n  --ino-font-size-xlarge: 2.5rem;\n  --ino-font-size-xxlarge: 3.2rem;\n\n  /* font weights */\n  --ino-font-weight-light: 300;\n  --ino-font-weight-regular: 400;\n  --ino-font-weight-medium: 500;\n  --ino-font-weight-semibold: 600;\n  --ino-font-weight-bold: 700;\n\n  /* border radius */\n  --ino-border-radius-small: 0.25rem;\n  --ino-border-radius-medium: 0.375rem;\n  --ino-border-radius-large: 0.5rem;\n  --ino-border-radius-xlarge: 0.75rem;\n  --ino-border-radius-xxlarge: 1rem;\n\n  /* Transitions and animations */\n  --ino-transition-fast: 150ms;\n  --ino-transition-normal: 250ms;\n  --ino-transition-slow: 350ms;\n  --ino-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n\n  /* Shadows */\n  --ino-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n  --ino-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),\n    0 2px 4px -1px rgba(0, 0, 0, 0.06);\n  --ino-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n    0 4px 6px -2px rgba(0, 0, 0, 0.05);\n\n  /* active scale */\n  --ino-active-scale: 1.02;\n\n  /* Spacing */\n  --ino-spacing-xs: 0.25rem;\n  --ino-spacing-sm: 0.5rem;\n  --ino-spacing-md: 1rem;\n  --ino-spacing-lg: 1.5rem;\n  --ino-spacing-xl: 2rem;\n}\n",".scroll-view-parent {\n  position: relative;\n}\n\n.scroll-view {\n  width: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  will-change: transform;\n}\n\n.scroll-view.list-view {\n  /* transition: transform 0.5s cubic-bezier(0.4, 0.8, 0.5, 1); */\n}\n\n.scroll-view.grid-view {\n  transition: transform 0.8s cubic-bezier(0.4, 0.8, 0.5, 1);\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.ino-list-arrow {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 3rem;\n  height: 5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--ino-dark-opacity);\n  cursor: pointer;\n}\n\n.ino-list-arrow:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.ino-list-arrow-icon {\n  font-size: var(--ino-font-size-large);\n  color: var(--ino-text-primary);\n}\n\n.ino-list-arrow:hover {\n  background-color: var(--ino-mid-opacity);\n}\n\n.edge-scroll-zone {\n  width: 3rem;\n}\n\n.ino-list-title {\n  font-size: var(--ino-font-size-xxlarge);\n  color: var(--ino-text-primary);\n  font-weight: var(--ino-font-weight-medium);\n  margin-bottom: 1rem;\n  text-transform: uppercase;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  width: 100%;\n  min-width: 35rem;\n}\n\n.ino-list-title-wrapper {\n  overflow: hidden;\n  width: 100%;\n  margin-bottom: 1rem;\n  display: block;\n}\n",".ino-checkbox-item {\n  position: relative;\n  display: flex;\n  align-items: center;\n  background-color: transparent;\n  padding: 1.2rem;\n  border-radius: 0.8rem;\n  transition: all 0.2s ease-in-out;\n  cursor: pointer;\n}\n\n.ino-checkbox-item:hover {\n  background-color: var(--ino-light-opacity);\n}\n\n.ino-checkbox-item.active {\n  background-color: var(--ino-light-primary);\n}\n\n.ino-checkbox-container {\n  display: flex;\n  align-items: center;\n  gap: 1.2rem;\n  user-select: none;\n  width: 100%;\n}\n\n.ino-checkbox-container input {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n}\n\n.ino-checkbox-container .ino-checkmark {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.ino-checkbox-container .ino-label {\n  font-size: var(--ino-font-size-medium);\n  color: var(--ino-text-secondary);\n  font-weight: var(--ino-font-weight-medium);\n  transition: all 0.2s ease-in-out;\n}\n\n.ino-checkbox-item.rtl .ino-checkbox-container {\n  flex-direction: row-reverse;\n}\n\n.ino-checkbox-item.rtl .ino-checkbox-container .ino-checkmark {\n  margin-left: 1.2rem;\n  margin-right: 0;\n}\n",".ino-modal-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: var(--ino-light-opacity);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 1000;\n}\n\n.ino-modal {\n  background-color: var(--ino-bg-secondary);\n  border-radius: var(--ino-border-radius-large);\n  padding: 2rem;\n  position: relative;\n  max-height: 90vh;\n  overflow-y: auto;\n}\n\n.ino-modal--small {\n  width: 40rem;\n  max-width: 90%;\n}\n\n.ino-modal--mid {\n  width: 60rem;\n  max-width: 90%;\n}\n\n.ino-modal--large {\n  width: 80rem;\n  max-width: 95%;\n}\n\n.ino-modal--full {\n  width: 100%;\n  height: 100%;\n  max-width: 100%;\n  max-height: 100%;\n  margin: 0;\n  border-radius: 0;\n}\n\n.ino-modal-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 1rem;\n}\n\n.ino-modal-title {\n  margin: 0;\n  font-size: var(--ino-font-size-large);\n  color: var(--ino-text-primary);\n}\n\n.ino-modal-close {\n  background: none;\n  border: none;\n  font-size: var(--ino-font-size-large);\n  cursor: pointer;\n}\n\n.ino-modal-content {\n  font-size: var(--ino-font-size-medium);\n  color: var(--ino-text-secondary);\n}\n\n.ino-modal-footer {\n  display: flex;\n  justify-content: flex-end;\n  margin-top: 2rem;\n}\n\n.ino-modal-button {\n  padding: 0.5rem 1rem;\n  margin-left: 1rem;\n  border: none;\n  border-radius: var(--ino-border-radius-small);\n  cursor: pointer;\n  font-size: var(--ino-font-size-medium);\n}\n\n.ino-modal-button.active {\n  background-color: var(--ino-bg-primary);\n  color: var(--ino-text-primary);\n}\n\n.ok-btn {\n  margin-left: 1rem;\n}\n",".ino-button {\n  border: 1px solid transparent;\n  border-radius: var(--ino-border-radius-medium);\n  transform: scale(1);\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n  font-size: var(--ino-font-size-medium);\n  color: var(--ino-text-primary);\n  white-space: nowrap;\n  font-weight: var(--ino-font-weight-medium);\n  outline: none;\n}\n\n.ino-button--small {\n  padding: 0.5rem 1rem;\n  font-size: var(--ino-font-size-small) !important;\n}\n\n.ino-button--medium {\n  padding: 1rem 2rem;\n  font-size: var(--ino-font-size-medium) !important;\n}\n\n.ino-button--large {\n  padding: 1.5rem 4rem;\n  font-size: var(--ino-font-size-xlarge) !important;\n}\n\n.ino-button--primary {\n  background-color: var(--ino-bg-primary) !important;\n  color: var(--ino-text-primary) !important;\n}\n\n.ino-button--secondary {\n  background-color: var(--ino-bg-secondary) !important;\n  color: var(--ino-text-secondary) !important;\n}\n\n.ino-button--outline {\n  border: 1px solid var(--ino-border-primary) !important;\n  background-color: transparent !important;\n}\n\n.ino-button--warning {\n  background-color: var(--ino-bg-warning) !important;\n  color: var(--ino-text-warning) !important;\n}\n\n.ino-button--danger {\n  background-color: var(--ino-bg-danger) !important;\n  color: var(--ino-text-danger) !important;\n}\n\n.ino-button:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.ino-button--active {\n  border-color: var(--ino-border-primary);\n}\n\n.ino-button.ino-button--primary .ino-button__text {\n  color: var(--ino-text-primary) !important;\n}\n\n.ino-button.ino-button--secondary .ino-button__text {\n  color: var(--ino-text-secondary) !important;\n}\n",".ino-keyboard-overlay {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: var(--ino-dark-opacity);\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  z-index: 99999999;\n  padding: 2rem;\n}\n\n.ino-keyboard {\n  background-color: #1a1625;\n  border-radius: var(--ino-border-radius-medium);\n  padding: 1rem;\n  width: 100%;\n  max-width: 80rem;\n}\n\n.ino-keyboard-key {\n  min-width: 3rem;\n  height: 3rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #2a2435;\n  border: 1px solid transparent;\n  color: #ffffff;\n  border-radius: 0.3rem;\n  margin: 0.2rem;\n  transform: scale(1);\n}\n\n.ino-keyboard-key--action {\n  background-color: #3a3445;\n}\n\n.ino-keyboard-key.active {\n  border-color: var(--ino-primary-color, #fff);\n}\n\n.ino-keyboard-row {\n  display: flex;\n  justify-content: center;\n  gap: 0.3rem;\n  margin-bottom: 0.3rem;\n}\n.ino-keyboard--netflix {\n  background-color: #141414;\n  padding: 1rem;\n  max-width: 30rem;\n  margin: 0 auto;\n}\n\n.ino-keyboard--netflix .ino-keyboard-row {\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  gap: 0.2rem;\n  margin-bottom: 0.2rem;\n}\n\n.ino-keyboard--netflix .ino-keyboard-key {\n  background-color: #2f2f2f;\n  color: #ffffff;\n  border-radius: 0;\n  border: 1px solid transparent;\n  height: 3rem;\n  margin: 0;\n  font-size: 1rem;\n}\n\n.ino-keyboard--netflix .ino-keyboard-row:first-child {\n  grid-template-columns: repeat(2, 1fr);\n}\n\n.ino-keyboard--netflix .ino-keyboard-key.active {\n  background-color: #4f4f4f;\n  transform: none;\n}\n\n.ino-keyboard--netflix .ino-keyboard-key--action {\n  background-color: #2f2f2f;\n}\n.ino-keyboard-key--shift.active {\n  border-color: var(--ino-light-primary);\n}\n",".ino-scroll-view-container {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n\n.ino-scroll-view-content {\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  padding: 0 1.5rem;\n}\n\n.ino-scroll-view-content::-webkit-scrollbar {\n  display: none;\n}\n\n.ino-scroll-indicator {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 2;\n  background-color: var(--ino-dark-opacity);\n  padding: 0.5rem;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s linear;\n}\n\n.ino-scroll-indicator--top {\n  top: 1rem;\n}\n\n.ino-scroll-indicator--bottom {\n  bottom: 1rem;\n}\n",".ino-input {\n  background-color: var(--ino-bg-secondary, #2a2435);\n  color: var(--ino-text-primary, #ffffff);\n  padding: 0.8rem 1rem;\n  border: 1px solid transparent;\n  border-radius: var(--ino-border-radius-small);\n  min-height: 3rem;\n  font-size: var(--ino-font-size-medium);\n  position: relative;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  overflow-x: auto;\n  white-space: nowrap;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  user-select: text;\n  -webkit-user-select: text;\n  -moz-user-select: text;\n  -ms-user-select: text;\n}\n\n.ino-input.active {\n  border-color: var(--ino-border-primary);\n}\n\n.ino-input--underlined {\n  border: none !important;\n  border-bottom: 1px solid var(--ino-input-border, #ffffff);\n}\n\n.ino-input::-webkit-scrollbar {\n  display: none;\n}\n\n.ino-input__content {\n  display: inline-block;\n  min-width: 100%;\n}\n\n.ino-input--disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.ino-input__cursor {\n  display: inline-block;\n  animation: blink 1s step-end infinite;\n}\n\n.ino-input__placeholder {\n  color: var(--ino-text-secondary);\n  position: absolute;\n  left: 1rem;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n@keyframes blink {\n  from,\n  to {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0;\n  }\n}\n\n.ino-input[contenteditable='true'] {\n  cursor: text;\n}\n\n.ino-input[contenteditable='true']:empty:before {\n  content: attr(placeholder);\n  color: var(--ino-text-secondary);\n}\n",".ino-tabs {\n  display: flex;\n  width: fit-content;\n  background-color: var(--ino-bg-secondary);\n  padding: 0.2rem;\n  border-radius: var(--ino-border-radius-medium);\n}\n\n.ino-tabs--vertical {\n  flex-direction: column;\n}\n\n.ino-tabs--horizontal {\n  flex-direction: row;\n}\n\n.ino-tab {\n  padding: 0.6rem 1.6rem;\n  cursor: pointer;\n  border-radius: var(--ino-border-radius-small);\n  border: 1px solid transparent;\n  transition: all 0.2s ease;\n  user-select: none;\n  font-weight: var(--ino-font-weight-medium);\n}\n\n.ino-tab--primary {\n  color: var(--ino-text-primary);\n}\n\n.ino-tab--secondary {\n  color: var(--ino-text-secondary);\n}\n\n.ino-tab--active {\n  border-color: var(--ino-border-primary);\n}\n\n.ino-tab--selected {\n  background-color: var(--ino-bg-primary);\n  color: var(--ino-text-inverse);\n}\n\n.ino-tab--disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.ino-tab:hover:not(.ino-tab--disabled):not(.ino-tab--active):not(\n    .ino-tab--selected\n  ) {\n  background-color: var(--ino-bg-hover);\n}\n\n.ino-tab--small {\n  padding: 1.2rem 2.4rem;\n  font-size: var(--ino-font-size-small);\n}\n\n.ino-tab--medium {\n  padding: 1.2rem 2.4rem;\n  font-size: var(--ino-font-size-medium);\n}\n\n.ino-tab--large {\n  padding: 1.2rem 2.4rem;\n  font-size: var(--ino-font-size-large);\n}\n\n.ino-tabs-container {\n  display: flex;\n  gap: 1.6rem;\n}\n\n.ino-tabs-container.horizontal {\n  flex-direction: column !important;\n}\n\n.ino-tabs-container.vertical {\n  flex-direction: row !important;\n  align-items: flex-start;\n}\n\n.ino-tabs-container--vertical {\n  flex-direction: column !important;\n}\n\n.ino-tab-panels {\n  background-color: var(--ino-bg-secondary);\n  border-radius: var(--ino-border-radius-medium);\n  padding: 1.6rem;\n}\n\n.ino-tab-panel {\n  animation: fadeIn 0.2s ease;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n",".ino-row {\n  display: flex;\n  flex-direction: row;\n  gap: var(--ino-spacing-medium, 1rem);\n}\n\n.ino-col {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ino-spacing-medium, 1rem);\n}\n",".ino-skeleton-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 1.6rem;\n  padding: 1.2rem;\n}\n\n.ino-skeleton--text-container {\n  display: flex;\n  flex-direction: column;\n  gap: 0.8rem;\n  flex: 1;\n}\n\n.ino-skeleton--text {\n  transform-origin: 0 55%;\n  transform: scale(1, 0.6);\n  border-radius: 0.4rem;\n}\n\n.ino-skeleton--circular {\n  border-radius: 50%;\n}\n\n.ino-skeleton--rectangular {\n  border-radius: 0.4rem;\n}\n\n.ino-skeleton--text:nth-child(1) {\n  width: 40%;\n}\n\n.ino-skeleton--text:nth-child(2) {\n  width: 90%;\n}\n\n.ino-skeleton--text:nth-child(3) {\n  width: 60%;\n}\n\n.ino-skeleton {\n  background-color: var(--ino-skeleton-bg, #e0e0e0);\n  position: relative;\n  overflow: hidden;\n}\n\n/* Pulse Animation */\n.ino-skeleton--animation-pulse {\n  animation: ino-skeleton-pulse 1.5s ease-in-out infinite;\n}\n\n@keyframes ino-skeleton-pulse {\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n/* Wave Animation */\n.ino-skeleton--animation-wave::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(255, 255, 255, 0.3),\n    transparent\n  );\n  animation: ino-skeleton-wave 1.6s linear 0.5s infinite;\n}\n\n@keyframes ino-skeleton-wave {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(100%);\n  }\n}\n",":root {\n  --ino-sidebar-width: 24rem;\n  --ino-sidebar-collapsed-width: 6.4rem;\n}\n\n.ino-sidebar {\n  position: absolute;\n  top: 0;\n  height: 100vh;\n  width: var(--ino-sidebar-width);\n  background-color: var(--ino-bg-secondary);\n  padding: 1.6rem 0.8rem;\n  transition: transform 0.3s;\n  display: flex;\n  flex-direction: column;\n  gap: 0.4rem;\n  overflow: hidden;\n  will-change: transform;\n}\n\n.ino-sidebar--left {\n  left: 0;\n  transform: translateX(0);\n}\n\n.ino-sidebar--right {\n  right: 0;\n  transform: translateX(0);\n}\n\n.ino-sidebar--left.collapsed {\n  transform: translateX(\n    calc(var(--ino-sidebar-collapsed-width) - var(--ino-sidebar-width))\n  );\n}\n\n.ino-sidebar--right.collapsed {\n  transform: translateX(\n    calc(var(--ino-sidebar-width) - var(--ino-sidebar-collapsed-width))\n  );\n}\n\n.ino-sidebar--left.collapsed .ino-sidebar-item {\n  justify-content: flex-end;\n}\n\n.ino-sidebar--rtl {\n  direction: rtl;\n}\n\n.ino-sidebar--rtl .ino-sidebar-item {\n  flex-direction: row-reverse;\n}\n\n.ino-sidebar--rtl.ino-sidebar--left.collapsed {\n  transform: translateX(\n    calc(var(--ino-sidebar-width) - var(--ino-sidebar-collapsed-width))\n  );\n}\n\n.ino-sidebar--rtl.ino-sidebar--right.collapsed {\n  transform: translateX(\n    calc(var(--ino-sidebar-collapsed-width) - var(--ino-sidebar-width))\n  );\n}\n\n.ino-sidebar.collapsed .ino-sidebar-item__label {\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.2s ease, visibility 0.2s ease;\n}\n\n.ino-sidebar-item {\n  display: flex;\n  align-items: center;\n  gap: 1.2rem;\n  padding: 1.2rem;\n  border-radius: var(--ino-border-radius-medium);\n  cursor: pointer;\n  transition: all 0.2s ease;\n  color: var(--ino-text-secondary);\n  white-space: nowrap;\n}\n\n.ino-sidebar-item__icon {\n  width: 2.4rem;\n  height: 2.4rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.ino-sidebar-item__label {\n  opacity: 1;\n  visibility: visible;\n  transition: opacity 0.2s ease, visibility 0.2s ease;\n}\n",".ino-list-item {\n  display: flex;\n  align-items: center;\n  gap: 1.2rem;\n  padding: 1.6rem;\n  border: 1px solid transparent;\n  background: var(--ino-bg-secondary);\n  border-radius: var(--ino-border-radius-medium);\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.ino-list-item.active {\n  border-color: var(--ino-border-primary);\n}\n\n.ino-list-item.disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.ino-list-item__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 2.4rem;\n  height: 2.4rem;\n  flex-shrink: 0;\n}\n\n.ino-list-item__content {\n  flex: 1;\n  min-width: 0;\n}\n\n.ino-list-item__right {\n  margin-left: auto;\n  flex-shrink: 0;\n}\n",".ino-image {\n  position: relative;\n  overflow: hidden;\n  /* Optimize rendering performance */\n  contain: layout style paint;\n  will-change: contents;\n}\n\n.ino-image__img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  /* Optimize image rendering */\n  image-rendering: -webkit-optimize-contrast;\n  image-rendering: crisp-edges;\n  /* GPU acceleration */\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n\n.ino-image__img.loading {\n  opacity: 0;\n  /* Prevent layout shift */\n  visibility: hidden;\n}\n\n.ino-image__img.loaded {\n  opacity: 1;\n  visibility: visible;\n  /* Smooth transition using CSS for better performance */\n  transition: opacity var(--ino-transition-normal, 0.3s)\n      var(--ino-ease-in-out, ease-in-out),\n    visibility var(--ino-transition-normal, 0.3s)\n      var(--ino-ease-in-out, ease-in-out);\n}\n\n.ino-image__placeholder {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: var(--ino-bg-secondary, #f0f0f0);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  /* Prevent interaction during loading */\n  pointer-events: none;\n  /* Smooth fade out */\n  transition: opacity var(--ino-transition-fast, 0.15s) ease-out;\n}\n\n.ino-image__placeholder:empty::before {\n  content: '';\n  display: block;\n  width: 40px;\n  height: 40px;\n  border: 3px solid var(--ino-border-secondary, #e2e8f0);\n  border-top-color: var(--ino-bg-primary, #2563eb);\n  border-radius: 50%;\n  animation: spin 0.8s linear infinite;\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.ino-image__blur {\n  width: 100%;\n  height: 100%;\n  backdrop-filter: blur(1rem);\n  /* Optimize blur performance */\n  will-change: backdrop-filter;\n}\n\n.ino-image--error {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--ino-bg-danger, #fee);\n  color: var(--ino-text-danger, #c00);\n  padding: var(--ino-spacing-md, 1rem);\n  border-radius: var(--ino-border-radius-medium, 0.375rem);\n  min-height: 100%;\n  text-align: center;\n}\n\n/* Reduced motion support */\n@media (prefers-reduced-motion: reduce) {\n  .ino-image__img.loaded {\n    transition: none;\n  }\n\n  .ino-image__placeholder:empty::before {\n    animation: none;\n  }\n}\n",".ino-text {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n}\n\n.ino-text__content {\n  white-space: nowrap;\n  display: flex;\n}\n\n.ino-text--marquee .ino-text__content {\n  animation: marquee linear infinite;\n  animation-play-state: running;\n}\n\n.ino-text__duplicate {\n  margin-left: var(--gap, 5rem);\n}\n\n@keyframes marquee {\n  0% {\n    transform: translateX(0);\n  }\n  100% {\n    transform: translateX(calc(-1 * (var(--content-width) + var(--gap))));\n  }\n}\n\n.ino-text--h1 .ino-text__content {\n  font-size: var(--ino-font-size-xxlarge);\n}\n\n.ino-text--h2 .ino-text__content {\n  font-size: var(--ino-font-size-xlarge);\n}\n\n.ino-text--h3 .ino-text__content {\n  font-size: var(--ino-font-size-large);\n}\n\n.ino-text--h4 .ino-text__content {\n  font-size: var(--ino-font-size-medium);\n}\n\n.ino-text--body .ino-text__content {\n  font-size: var(--ino-font-size-medium);\n}\n\n.ino-text--caption .ino-text__content {\n  font-size: var(--ino-font-size-small);\n}\n\n.ino-text--primary .ino-text__content {\n  color: var(--ino-text-primary);\n}\n\n.ino-text--secondary .ino-text__content {\n  color: var(--ino-text-secondary);\n}\n\n.ino-text--error .ino-text__content {\n  color: var(--ino-color-error);\n}\n\n.ino-text--success .ino-text__content {\n  color: var(--ino-color-success);\n}\n\n.ino-text--normal .ino-text__content {\n  font-weight: 400;\n}\n\n.ino-text--medium .ino-text__content {\n  font-weight: 500;\n}\n\n.ino-text__original {\n  display: block;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.ino-text--active .ino-text__original {\n  overflow: visible;\n}\n",".ino-protect-input-container {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n  align-items: center;\n}\n\n.ino-protect-input-boxes {\n  display: flex;\n  /* gap: 1rem; */\n}\n\n.ino-protect-input-box {\n  width: 6rem;\n  height: 6rem;\n  margin-right: 1rem;\n  border: 2px solid var(--ino-border-secondary, #ccc);\n  border-radius: var(--ino-border-radius-medium);\n  text-align: center;\n  font-size: 2.4rem;\n  background: var(--ino-bg-primary);\n  color: var(--ino-text-primary);\n  transition: all 0.2s ease;\n}\n.ino-protect-input-box.asterisk {\n  font-size: 7rem;\n  padding-top: 3rem;\n}\n\n.ino-protect-input-box.active {\n  border-color: var(--ino-border-primary, #fff);\n}\n\n.ino-protect-input-box:focus {\n  border-color: var(--ino-border-focus);\n  box-shadow: 0 0 0 2px var(--ino-border-focus-shadow);\n  outline: none;\n}\n\n.ino-protect-input-box.filled {\n  border-color: var(--ino-border-success);\n}\n",".ino-toast {\n  position: fixed;\n  z-index: 9999;\n  padding: 1rem;\n  background: var(--ino-bg-primary);\n  color: var(--ino-text-primary);\n  border-radius: 0.5rem;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n  max-width: 24rem;\n  overflow: hidden;\n}\n\n.ino-toast--center-top,\n.ino-toast--center-bottom {\n  animation-name: toast-fade-in-center;\n}\n\n.ino-toast--top-right,\n.ino-toast--top-left,\n.ino-toast--bottom-right,\n.ino-toast--bottom-left {\n  animation-name: toast-fade-in-side;\n}\n\n.ino-toast--center-top {\n  top: 1rem;\n  left: 50%;\n  right: unset;\n  transform: translateX(-50%);\n}\n\n.ino-toast--center-bottom {\n  bottom: 1rem;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.ino-toast--top-right {\n  top: 1rem;\n  right: 1rem;\n}\n\n.ino-toast--top-left {\n  top: 1rem;\n  left: 1rem;\n}\n\n.ino-toast--bottom-right {\n  bottom: 1rem;\n  right: 1rem;\n}\n\n.ino-toast--bottom-left {\n  bottom: 1rem;\n  left: 1rem;\n}\n\n.ino-toast__content {\n  display: flex;\n  align-items: center;\n  gap: 0.8rem;\n}\n\n.ino-toast__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.2);\n  flex-shrink: 0;\n}\n\n.ino-toast__progress {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 0.3rem;\n  background: rgba(0, 0, 0, 0.1);\n}\n\n.ino-toast__progress-bar {\n  height: 100%;\n  background: rgba(255, 255, 255, 0.3);\n  transition: width 10ms linear;\n}\n\n@keyframes toast-fade-in-center {\n  from {\n    opacity: 0;\n    transform: translateY(-1rem) translateX(-50%);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) translateX(-50%);\n  }\n}\n\n@keyframes toast-fade-in-side {\n  from {\n    opacity: 0;\n    transform: translateY(-1rem);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* Type-specific styles */\n.ino-toast--success {\n  background: var(--ino-success-color, #4caf50) !important;\n  color: var(--ino-text-on-success, #ffffff) !important;\n}\n\n.ino-toast--error {\n  background: var(--ino-error-color, #f44336) !important;\n  color: var(--ino-text-on-error, #ffffff) !important;\n}\n\n.ino-toast--warning {\n  background: var(--ino-warning-color, #ff9800) !important;\n  color: var(--ino-text-on-warning, #ffffff) !important;\n}\n\n.ino-toast--info {\n  background: var(--ino-info-color, #2196f3) !important;\n  color: var(--ino-text-on-info, #ffffff) !important;\n}\n",".ino-player-progress__container {\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.ino-player-progress {\n  width: 100%;\n  position: relative;\n  height: 0.4rem;\n  background: var(--ino-bg-secondary);\n  cursor: pointer;\n  transition: height 0.2s ease;\n  user-select: none;\n}\n\n.progress-field {\n  overflow: hidden;\n}\n\n.ino-player-progress--active,\n.ino-player-progress:hover {\n  height: 0.6rem;\n}\n\n.ino-player-progress__buffered {\n  position: absolute;\n  height: 100%;\n  background: var(--ino-bg-secondary-light);\n  transition: width 0.2s ease;\n}\n\n.ino-player-progress__value {\n  position: relative;\n}\n\n.ino-player-progress__value::after {\n  content: '';\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translate(50%, -50%);\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background-color: #fff;\n  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);\n  transition: transform 0.2s ease;\n}\n\n.ino-player-progress--active .ino-player-progress__value::after,\n.ino-player-progress--dragging .ino-player-progress__value::after {\n  transform: translate(50%, -50%) scale(1.2);\n}\n\n.ino-player-progress__handle {\n  position: absolute;\n  top: 50%;\n  width: 1.2rem;\n  height: 1.2rem;\n  background: var(--ino-bg-primary);\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.ino-player-progress--active .ino-player-progress__handle,\n.ino-player-progress:hover .ino-player-progress__handle {\n  opacity: 1;\n}\n\n.ino-player-progress__tooltip {\n  position: absolute;\n  top: -2.5rem;\n  height: 1.8rem;\n  transform: translateX(-50%);\n  background: var(--ino-bg-primary);\n  color: var(--ino-text-primary);\n  padding: 0.3rem 0.6rem;\n  border-radius: var(--ino-border-radius-small);\n  font-size: var(--ino-font-size-xsmall);\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.ino-player-progress__duration {\n  position: absolute;\n  top: -2.4rem;\n  right: 0;\n  font-size: var(--ino-font-size-xsmall);\n  color: var(--ino-text-secondary);\n}\n\n.ino-player-progress__time-remaining {\n  position: absolute;\n  top: -2.4rem;\n  left: 0;\n  font-size: var(--ino-font-size-xsmall);\n  color: var(--ino-text-secondary);\n}\n\n.ino-player-progress__time_current {\n  position: absolute;\n  top: -2.4rem;\n  right: 0;\n  font-size: var(--ino-font-size-xsmall);\n  color: var(--ino-text-secondary);\n}\n",".ino-recycle-list {\n  overflow-y: auto;\n  position: relative;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n\n.ino-recycle-list::-webkit-scrollbar {\n  display: none;\n}\n\n.ino-recycle-list__item {\n  position: relative;\n}\n",".ino-switch-container {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.75rem;\n  cursor: pointer;\n  user-select: none;\n}\n\n.ino-switch-container--disabled {\n  cursor: not-allowed;\n}\n\n.ino-switch {\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  user-select: none;\n}\n\n.ino-switch--disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.ino-switch--medium {\n  width: 3.5rem;\n  height: 2rem;\n}\n\n.ino-switch--small {\n  width: 3rem;\n  height: 1.75rem;\n}\n\n.ino-switch--large {\n  width: 4rem;\n  height: 2.25rem;\n}\n\n.ino-switch__track {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: var(--ino-bg-secondary);\n  border-radius: 1rem;\n  transition: background-color 0.2s;\n}\n\n.ino-switch--checked .ino-switch__track {\n  background-color: var(--ino-primary-color);\n}\n\n.ino-switch__thumb {\n  position: absolute;\n  top: 0.25rem;\n  left: 0.25rem;\n  width: 1.5rem;\n  height: 1.5rem;\n  background-color: var(--ino-bg-primary);\n  border-radius: 50%;\n  transition: transform 0.2s;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n.ino-switch--checked .ino-switch__thumb {\n  transform: translateX(1.5rem);\n}\n\n.ino-switch--active {\n  outline: 2px solid var(--ino-primary-color);\n  outline-offset: 2px;\n}\n\n.ino-switch__label {\n  color: var(--ino-text-primary);\n  font-size: 1rem;\n  line-height: 1.5;\n}\n\n.ino-switch--disabled + .ino-switch__label {\n  opacity: 0.5;\n}\n",".ino-card {\n  position: relative;\n  overflow: hidden;\n  transform: translateY(0);\n}\n\n.ino-card.rounded {\n  border-radius: 50%;\n}\n\n.ino-card--hoverable:hover:not(.ino-card--disabled),\n.ino-card--active:not(.ino-card--disabled) {\n  transform: translateY(-0.2rem);\n}\n\n.ino-card--disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.ino-card__media {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: -1;\n}\n\n.ino-card__media img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.ino-card__content {\n  padding: 1.6rem;\n}\n\n.ino-card__title {\n  margin: 0;\n  font-size: 1.8rem;\n  font-weight: 600;\n  color: var(--ino-text-primary);\n}\n\n.ino-card__subtitle {\n  margin-top: 0.4rem;\n  font-size: 1.4rem;\n  color: var(--ino-text-secondary);\n}\n\n.ino-card__body {\n  margin-top: 1.2rem;\n  color: var(--ino-text-primary);\n}\n\n/* Size variants */\n.ino-card--small {\n  font-size: 1.2rem;\n}\n\n.ino-card--medium {\n  font-size: 1.4rem;\n}\n\n.ino-card--large {\n  font-size: 1.6rem;\n}\n\n.ino-card--vertical {\n  display: flex;\n  flex-direction: column;\n}\n\n.ino-card--horizontal {\n  display: flex;\n  flex-direction: row;\n}\n\n.ino-card--horizontal .ino-card__media {\n  width: 40%;\n  flex-shrink: 0;\n}\n",".ino-timeline {\n  position: relative;\n  width: 100%;\n  height: 6rem;\n  background: var(--ino-bg-secondary);\n  border-radius: var(--ino-border-radius-small);\n  padding: 0.5rem;\n}\n\n.ino-timeline__markers {\n  position: relative;\n  height: 2rem;\n  border-bottom: 1px solid var(--ino-border-color);\n}\n\n.ino-timeline__marker {\n  position: absolute;\n  transform: translateX(-50%);\n  font-size: var(--ino-font-size-xsmall);\n  color: var(--ino-text-secondary);\n}\n\n.ino-timeline__programs {\n  position: relative;\n  height: calc(100% - 2rem);\n  padding-top: 0.5rem;\n}\n\n.ino-timeline__program {\n  position: absolute;\n  height: 2.4rem;\n  background: var(--ino-bg-primary);\n  border-radius: var(--ino-border-radius-small);\n  padding: 0.3rem 0.6rem;\n  cursor: pointer;\n  transition: transform 0.2s ease;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.ino-timeline__program:hover,\n.ino-timeline__program--active {\n  transform: scale(1.02);\n  z-index: 1;\n}\n\n.ino-timeline__live-badge {\n  position: absolute;\n  top: 0.3rem;\n  right: 0.3rem;\n  background: var(--ino-color-error);\n  color: var(--ino-text-primary);\n  font-size: var(--ino-font-size-xsmall);\n  padding: 0.1rem 0.3rem;\n  border-radius: var(--ino-border-radius-small);\n}\n\n.ino-timeline__current-time {\n  position: absolute;\n  top: 0;\n  width: 2px;\n  height: 100%;\n  background: var(--ino-color-primary);\n  transform: translateX(-50%);\n}\n\n.ino-timeline__current-time::after {\n  content: '';\n  position: absolute;\n  top: -0.4rem;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 0.8rem;\n  height: 0.8rem;\n  background: var(--ino-color-primary);\n  border-radius: 50%;\n}\n",".select {\n  display: flex;\n  position: relative;\n  width: 100%;\n  min-width: 20rem;\n  outline: none;\n}\n\n.select.active .selectTrigger {\n  border-color: var(--ino-color-primary);\n}\n\n.select.disabled .selectTrigger {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.selectTrigger {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  padding: 1.2rem 2.5rem;\n  border: 0.1rem solid transparent;\n  border-radius: 0.8rem;\n  background: rgba(255, 255, 255, 0.1);\n  cursor: pointer;\n  transition: all 0.2s ease;\n  user-select: none;\n}\n\n.toggleIcon {\n  transform: rotate(0deg);\n  transition: all 0.2s ease;\n}\n\n.toggleIcon.rotate {\n  transform: rotate(180deg);\n}\n\n.options {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  background: rgba(0, 0, 0, 0.9);\n  border: 0.2rem solid var(--ino-color-secondary);\n  border-top: none;\n  border-bottom-left-radius: 0.8rem;\n  border-bottom-right-radius: 0.8rem;\n  max-height: 20rem;\n  overflow-y: auto;\n  z-index: 100;\n}\n\n.option {\n  display: flex;\n  align-items: center;\n  padding: 1.2rem 2.5rem;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  background-color: var(--ino-color-secondary);\n}\n\n.option.active {\n  background-color: var(--ino-color-primary);\n}\n\n.option .label {\n  margin-left: 0.8rem;\n}\n\n.option:hover,\n.option.selected {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n\n.arrowIcon {\n  transform: rotate(90deg);\n}\n\n.arrowIcon.rotate {\n  transform: rotate(0deg);\n}\n\n.selectedIcon {\n  position: absolute;\n  left: 1rem;\n}\n","/* EPGTimeline Component Styles */\n\n.epg-container {\n  background-color: #111827;\n  color: #ffffff;\n  min-height: 100vh;\n  padding: 16px;\n}\n\n.epg-maxWidth {\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n.epg-header {\n  margin-bottom: 24px;\n}\n\n.epg-title {\n  font-size: 24px;\n  font-weight: bold;\n  margin-bottom: 8px;\n}\n\n.epg-dateTime {\n  color: #9ca3af;\n}\n\n.epg-timelineContainer {\n  position: relative;\n}\n\n.epg-timeHeader {\n  display: flex;\n  margin-bottom: 16px;\n  position: sticky;\n  top: 0;\n  background-color: #111827;\n  z-index: 10;\n  padding-bottom: 8px;\n}\n\n.epg-timeHeaderSpacer {\n  width: 80px;\n  flex-shrink: 0;\n}\n\n.epg-timeHeaderContent {\n  flex: 1;\n  position: relative;\n  overflow: hidden;\n}\n\n.epg-timeSlots {\n  display: flex;\n  transition: transform 0.3s ease-out;\n}\n\n.epg-timeSlot {\n  width: 100px;\n  text-align: center;\n  font-size: 14px;\n  color: #9ca3af;\n  border-left: 1px solid #374151;\n  padding: 0 8px;\n  flex-shrink: 0;\n}\n\n.epg-currentTimeIndicator {\n  position: absolute;\n  top: 0;\n  width: 2px;\n  height: 100%;\n  background-color: #ef4444;\n  z-index: 20;\n  transition: transform 0.3s ease-out;\n}\n\n.epg-currentTimeDot {\n  position: absolute;\n  top: -8px;\n  left: -8px;\n  width: 16px;\n  height: 16px;\n  background-color: #ef4444;\n  border-radius: 50%;\n}\n\n.epg-channelsContainer {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.epg-channelRow {\n  display: flex;\n  align-items: center;\n}\n\n.epg-channelLogo {\n  width: 80px;\n  flex-shrink: 0;\n  margin-right: 16px;\n}\n\n.epg-logo {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: bold;\n  font-size: 14px;\n}\n\n.epg-programsTimeline {\n  flex: 1;\n  position: relative;\n  height: 64px;\n  background-color: #1f2937;\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.epg-programsContainer {\n  position: absolute;\n  height: 100%;\n  transition: transform 0.3s ease-out;\n}\n\n.epg-program {\n  position: absolute;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  padding: 0 12px;\n  font-size: 14px;\n  transition: all 0.2s;\n  border-radius: 4px;\n  border: 1px solid #374151;\n  min-width: 80px;\n  cursor: pointer;\n  background-color: #374151;\n}\n\n.epg-program--focused {\n  background-color: #2563eb;\n  border: 2px solid #60a5fa;\n  z-index: 10;\n  transform: scale(1.05);\n}\n\n.epg-programContent {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1;\n}\n\n.epg-programTitle {\n  font-weight: 500;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.epg-programTime {\n  font-size: 12px;\n  color: #9ca3af;\n}\n\n.epg-playIcon {\n  width: 16px;\n  height: 16px;\n  margin-left: 8px;\n  flex-shrink: 0;\n}\n\n.epg-programDetails {\n  margin-top: 24px;\n  background-color: #1f2937;\n  border-radius: 8px;\n  padding: 16px;\n}\n\n.epg-programDetailsTitle {\n  font-size: 18px;\n  font-weight: 600;\n  margin-bottom: 8px;\n}\n\n.epg-programDetailsContent {\n  color: #d1d5db;\n}\n\n.epg-programDetailsTime {\n  font-size: 14px;\n  color: #9ca3af;\n  margin-top: 4px;\n}\n\n.epg-instructions {\n  margin-top: 16px;\n  font-size: 14px;\n  color: #6b7280;\n  text-align: center;\n}\n"],"names":[],"mappings":"AAAA,8pDCAA,sCAIA,6EAYA,+HASA,2MAaA,2DAIA,wFAKA,8DAIA,6BAIA,gQAaA,oFCpEA,mLAWA,mEAIA,oEAIA,mKAQA,0FAQA,8FAMA,kLAOA,0EAIA,gGCpDA,8KAaA,gKASA,4CAKA,0CAKA,4CAKA,gGASA,mGAOA,6FAMA,gGAOA,yFAKA,wEAMA,oKASA,8FAKA,yBC3FA,uSAaA,qFAKA,sFAKA,uFAKA,8GAKA,oHAKA,iHAKA,8GAKA,2GAKA,mDAKA,2DAIA,0FAIA,8FClEA,gMAaA,6HAQA,yNAcA,mDAIA,oEAIA,oFAMA,2FAOA,wHAOA,8JAUA,yFAIA,wFAKA,0EAGA,sECrFA,oEAMA,8HASA,yDAIA,+OAcA,oCAIA,0CCrCA,wdAqBA,yDAIA,kGAKA,2CAIA,wDAKA,mDAKA,6EAKA,uHAQA,gDAUA,6CAIA,wGCvEA,+LAQA,0CAIA,yCAIA,yQAUA,gDAIA,oDAIA,wDAIA,wFAKA,iDAKA,0HAMA,2EAKA,6EAKA,2EAKA,4CAKA,+DAIA,iFAKA,8DAIA,sHAMA,oCAIA,6CCjGA,4EAMA,+ECNA,gFAOA,kFAOA,oFAMA,0CAIA,+CAIA,0CAIA,2CAIA,2CAIA,gGAOA,sFAIA,wEAaA,mOAgBA,yFChFA,qEAKA,2PAeA,iDAKA,mDAKA,uHAMA,wHAMA,wEAIA,gCAIA,+DAIA,wIAMA,yIAMA,kHAMA,+MAYA,wHASA,4FC7FA,yNAYA,6DAIA,0EAMA,qHASA,2CAKA,qDCpCA,6FAQA,kOAaA,oDAMA,wNAUA,+PAgBA,8OAWA,6CAMA,kIAQA,2QAaA,uCACE,uCAIA,qDChGF,uDAMA,mDAKA,wEAKA,iDAIA,oHASA,wEAIA,uEAIA,sEAIA,0GAQA,2EAIA,oEAIA,wEAIA,iEAIA,qEAIA,qDAIA,qDAIA,4FAOA,uDCpFA,4FAOA,sCAKA,qRAYA,gEAKA,0EAIA,mIAMA,qECvCA,2MAYA,qFAKA,8HAOA,+EAOA,yEAMA,0CAKA,wCAKA,gDAKA,8CAKA,8DAMA,+JAWA,yGASA,kGAMA,6IAWA,6GAYA,0HAKA,oHAKA,0HAKA,iHC/HA,oHAQA,4NAUA,gCAIA,qEAKA,2HAOA,8CAIA,uOAcA,wKAKA,qMAYA,4HAKA,qVAgBA,2IAQA,gJAQA,+IC1GA,iGAOA,kDAIA,0CCXA,4KAQA,mDAIA,uJAOA,oDAKA,6CAKA,6CAKA,6CAKA,+JAWA,kFAIA,6MAYA,oEAIA,kFAKA,gFAMA,oDCjFA,oEAMA,oCAIA,4HAKA,kDAKA,kFASA,6DAMA,kCAIA,yFAOA,sFAMA,gEAMA,kCAIA,mCAIA,kCAIA,uDAKA,sDAKA,+DChFA,qJASA,qGAMA,wIAOA,qFAMA,2PAaA,4FAMA,yOAWA,wIASA,4LCnEA,+EAQA,oEAIA,+DAKA,0RAaA,mDAKA,4CAIA,yPAeA,yJASA,yDAIA,iCAIA,qEAKA,mCAIA,sCAIA,0CClFA,iFAOA,6CAKA,+BAIA,4DAMA,4BAIA,yCAIA,qJAUA,+CAKA,gEAMA,8DAKA,mIAUA,8IAUA,2HAUA,kEAMA,gDAKA,4DAMA,yIAWA,sHASA,uFAMA,8NAeA,yGAOA,qFAOA,4FAOA,8CAKA,mEAOA,4FAOA,0EAMA,yCAIA,oEAMA"}