export declare const ADS_OVERLAY_STYLES = "\n/* Ads Overlay Styles */\n:root {\n  --ads-primary-color: #ff6b35;\n  --ads-sponsored-bg: rgba(255, 193, 7, 0.9);\n  --ads-sponsored-text: #000;\n  --ads-overlay-bg: rgba(0, 0, 0, 0.7);\n  --ads-text-primary: #fff;\n  --ads-text-secondary: rgba(255, 255, 255, 0.8);\n  --ads-button-bg: rgba(255, 255, 255, 0.9);\n  --ads-button-text: #000;\n  --ads-button-hover: #fff;\n  --ads-progress-bg: rgba(255, 255, 255, 0.3);\n  --ads-border-radius: 4px;\n  --ads-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  --ads-transition: all 0.2s ease;\n}\n\n.ads-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 1001;\n  font-family: var(--ads-font-family);\n  display: none;\n}\n\n.ads-overlay.ads-overlay--visible {\n  display: block;\n}\n\n/* Top Overlay */\n.ads-overlay__top {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 60px;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: 16px 20px;\n  background: linear-gradient(180deg, var(--ads-overlay-bg) 0%, transparent 100%);\n  box-sizing: border-box;\n}\n\n.ads-overlay__sponsored {\n  background: var(--ads-sponsored-bg);\n  color: var(--ads-sponsored-text);\n  padding: 4px 8px;\n  border-radius: var(--ads-border-radius);\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n.ads-overlay__display-url {\n  color: var(--ads-text-primary);\n  font-size: 12px;\n  background: rgba(0, 0, 0, 0.6);\n  padding: 4px 8px;\n  border-radius: var(--ads-border-radius);\n  max-width: 200px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  backdrop-filter: blur(4px);\n}\n\n/* Bottom Overlay */\n.ads-overlay__bottom {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  background: linear-gradient(0deg, var(--ads-overlay-bg) 0%, transparent 100%);\n  padding: 20px;\n  box-sizing: border-box;\n}\n\n.ads-overlay__info {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n  margin-bottom: 12px;\n  min-height: 40px;\n  gap: 20px;\n}\n\n.ads-overlay__content {\n  flex: 1;\n  min-width: 0;\n}\n\n.ads-overlay__title {\n  color: var(--ads-text-primary);\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.2;\n  margin-bottom: 4px;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);\n}\n\n.ads-overlay__description {\n  color: var(--ads-text-secondary);\n  font-size: 13px;\n  line-height: 1.3;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);\n}\n\n.ads-overlay__controls {\n  display: flex;\n  align-items: center;\n  min-width: 120px;\n  justify-content: flex-end;\n  flex-shrink: 0;\n}\n\n.ads-overlay__countdown {\n  color: var(--ads-text-primary);\n  font-size: 14px;\n  font-weight: 500;\n  text-align: center;\n  min-width: 120px;\n  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);\n}\n\n.ads-overlay__skip-btn {\n  background: var(--ads-button-bg);\n  color: var(--ads-button-text);\n  border: none;\n  padding: 8px 16px;\n  border-radius: var(--ads-border-radius);\n  font-size: 14px;\n  font-weight: 600;\n  cursor: pointer;\n  pointer-events: auto;\n  transition: var(--ads-transition);\n  min-width: 80px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n  backdrop-filter: blur(4px);\n  font-family: inherit;\n}\n\n.ads-overlay__skip-btn:hover {\n  background: var(--ads-button-hover);\n  transform: scale(1.05);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\n}\n\n.ads-overlay__skip-btn:active {\n  transform: scale(0.98);\n}\n\n.ads-overlay__skip-btn:focus {\n  outline: 2px solid var(--ads-primary-color);\n  outline-offset: 2px;\n}\n\n/* Progress Bar */\n.ads-overlay__progress {\n  width: 100%;\n  height: 4px;\n  background: var(--ads-progress-bg);\n  border-radius: 2px;\n  overflow: hidden;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n\n.ads-overlay__progress-fill {\n  height: 100%;\n  background: var(--ads-primary-color);\n  border-radius: 2px;\n  width: 0%;\n  transition: width 0.1s ease-out;\n  box-shadow: 0 0 8px rgba(255, 107, 53, 0.5);\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .ads-overlay__top {\n    padding: 12px 16px;\n    height: 50px;\n  }\n  \n  .ads-overlay__bottom {\n    padding: 16px;\n  }\n  \n  .ads-overlay__info {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 12px;\n    min-height: auto;\n  }\n  \n  .ads-overlay__controls {\n    justify-content: center;\n    min-width: auto;\n  }\n  \n  .ads-overlay__title {\n    font-size: 14px;\n  }\n  \n  .ads-overlay__description {\n    font-size: 12px;\n  }\n  \n  .ads-overlay__sponsored {\n    font-size: 11px;\n    padding: 3px 6px;\n  }\n  \n  .ads-overlay__display-url {\n    font-size: 11px;\n    max-width: 150px;\n  }\n}\n\n@media (max-width: 480px) {\n  .ads-overlay__top {\n    padding: 8px 12px;\n    height: 44px;\n  }\n  \n  .ads-overlay__bottom {\n    padding: 12px;\n  }\n  \n  .ads-overlay__skip-btn {\n    padding: 6px 12px;\n    font-size: 13px;\n    min-width: 70px;\n  }\n  \n  .ads-overlay__countdown {\n    font-size: 13px;\n    min-width: 100px;\n  }\n}\n\n/* Animation Classes */\n.ads-overlay--fade-in {\n  animation: fadeIn 0.3s ease-out;\n}\n\n.ads-overlay--fade-out {\n  animation: fadeOut 0.3s ease-out;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes fadeOut {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n\n.ads-overlay__skip-btn--appear {\n  animation: skipButtonAppear 0.3s ease-out;\n}\n\n@keyframes skipButtonAppear {\n  from {\n    opacity: 0;\n    transform: scale(0.8);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n.ads-overlay__progress-fill--pulse {\n  animation: progressPulse 2s ease-in-out infinite;\n}\n\n@keyframes progressPulse {\n  0%, 100% {\n    box-shadow: 0 0 8px rgba(255, 107, 53, 0.5);\n  }\n  50% {\n    box-shadow: 0 0 16px rgba(255, 107, 53, 0.8);\n  }\n}\n";
//# sourceMappingURL=styles.d.ts.map