// ------------------------------------------------------------------------------
// <auto-generated>
//     This code was generated by a tool.
//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
// </auto-generated>
// ------------------------------------------------------------------------------
// #region Imports
import { css } from '../../../../../Dom/Css';
// #endregion
/**
 * @public
 */
export function epgElementMemphisStyle() {
    return css `
:host {
  --epg-background-color: var(--memphis-scheme-background);
  --epg-border-color: var(--memphis-scheme-highlight);
  --epg-border-radius: 0;
  --epg-border-style: none;
  --epg-border-width: var(--memphis-layout-thickness);
  --epg-font-family: unset;
  --epg-font-letter-spacing: unset;
  --epg-font-line-height: unset;
  --epg-font-size: unset;
  --epg-font-text-decoration: unset;
  --epg-font-text-transform: unset;
  --epg-font-weight: unset;
  --epg-foreground-color: var(--memphis-scheme-foreground);
  --epg-gap: unset;
  --epg-padding-bottom: var(--memphis-layout-space);
  --epg-padding-left: calc(var(--memphis-layout-space) * 2);
  --epg-padding-right: calc(var(--memphis-layout-space) * 2);
  --epg-padding-top: var(--memphis-layout-space);
  --epg-transition-duration: unset;
  --epg-transition-mode: unset;
  --epg-transition-property: unset;
  --epg-translate: unset;
}

@media screen and (prefers-reduced-motion: reduce) {
  :host {
    transition-duration: .01ms;
  }
}

:host {
  box-sizing: border-box;
  display: block;
  position: relative;
}

:host *, :host :before, :host :after {
  box-sizing: border-box;
  background-repeat: no-repeat;
}

:host :before, :host :after {
  text-decoration: inherit;
  vertical-align: inherit;
}

:host([hidden]) {
  display: none !important;
}

:host {
  --_epg-channels-width: 100px;
  --_epg-timeline-height: 60px;
  --_epg-hour-width: 300px;
  --_epg-day-width: 7200px;
  --_ms-per-hour: 3600000;
  --_hour-width: 300px;
  --_lane-height: 100px;
}

:host [part="toolbar"] {
  z-index: 1;
}

:host [part="root"] {
  border-radius: 6px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

:host [part="root"] [part="corner"] {
  z-index: 10;
  width: var(--_epg-channels-width);
  height: var(--_epg-timeline-height);
  background-color: var(--epg-background-color);
  position: absolute;
  top: 0;
  left: 0;
}

:host [part="root"] [part="scroll"] {
  scroll-behavior: smooth;
  background-color: var(--epg-background-color);
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}

:host [part="root"] [part="scroll"] [part="timeline"] {
  --epg-timeline-start-position: var(--_epg-channels-width);
}

:host [part="root"] [part="scroll"] [part="channels"] {
  width: var(--_epg-channels-width);
  float: left;
  z-index: 9;
  background-color: #171923;
  position: sticky;
  bottom: 0;
  left: 0;
}

:host [part="root"] [part="scroll"] [part="content"] {
  background: #171923;
  position: relative;
  left: 100px;
}

:host [part="nowLine"] {
  z-index: 3;
}

:host [part="root"] [part="timeline"] [part="time"] {
  padding-top: var(--epg-padding-top);
  padding-right: var(--epg-padding-right);
  padding-bottom: var(--epg-padding-bottom);
  padding-left: var(--epg-padding-left);
  background-color: var(--epg-background-color);
}

:host [part="root"] [part="timeline"]:after {
  height: var(--epg-border-width);
  background: var(--epg-border-color);
}

    `;
}
//# sourceMappingURL=EpgElement.Memphis.js.map