// ------------------------------------------------------------------------------
// <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 tileManagerElementMemphisStyle() {
    return css `
:host {
  --tile-manager-background: transparent;
  --tile-manager-font-family: unset;
  --tile-manager-font-letter-spacing: unset;
  --tile-manager-font-line-height: unset;
  --tile-manager-font-size: unset;
  --tile-manager-font-text-decoration: unset;
  --tile-manager-font-text-transform: unset;
  --tile-manager-font-weight: unset;
  --tile-manager-gap: 16px;
  --tile-manager-padding-bottom: unset;
  --tile-manager-padding-left: unset;
  --tile-manager-padding-right: unset;
  --tile-manager-padding-top: unset;
  --tile-manager-shadow: unset unset unset unset unset;
  --tile-manager-shadow-blur: unset;
  --tile-manager-shadow-color: unset;
  --tile-manager-shadow-offset-x: unset;
  --tile-manager-shadow-offset-y: unset;
  --tile-manager-shadow-spread: unset;
  --tile-manager-transition-duration: unset;
  --tile-manager-transition-mode: unset;
  --tile-manager-transition-property: unset;
  --tile-manager-translate: none;
}

@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 {
  width: 100%;
  height: 100%;
  display: block;
}

:host [part~="base"] {
  grid-template-columns: var(--tile-manager-columns, repeat(auto-fit, minmax(200px, 1fr)));
  grid-auto-rows: var(--tile-manager-rows, auto);
  gap: var(--tile-manager-gap);
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
}

:host [part~="base"].has-maximized {
  display: block;
}

:host [part~="base"].has-maximized ::slotted(mosaik-tile-manager-tile:not([maximized])) {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  position: absolute;
}

:host [part~="base"].has-maximized ::slotted(mosaik-tile-manager-tile[maximized]) {
  grid-area: 1 / 1 / -1 / -1;
  width: 100%;
  height: 100%;
  animation: .3s ease-out tile-expand;
}

:host [part~="base"]:not(.has-maximized) ::slotted(mosaik-tile-manager-tile) {
  animation: .3s ease-out tile-restore-grid;
}

@keyframes tile-expand {
  from {
    opacity: .7;
    transform: scale(.95);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes tile-restore-grid {
  from {
    opacity: .7;
    transform: scale(.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

:host [part~="maximized-overlay"] {
  pointer-events: none;
  z-index: 1;
  background: #0000004d;
  position: absolute;
  inset: 0;
}

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