import{breakpoints,LayoutVariant}from"@redocly/theme";import styled,{createGlobalStyle,css}from"styled-components";import{SamplesMiddlePanel,SamplesPanel}from"../common";export const RedocWrap=styled.div`
  display: flex;
  position: relative;
  text-align: left;
  background-color: var(--bg-color);
  tap-highlight-color: rgba(0, 0, 0, 0);
  text-size-adjust: 100%;
  text-rendering: var(--text-rendering, auto) !important;

  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  font-weight: var(--font-weight-regular);
  color: var(--text-color-primary);
  -webkit-font-text-smoothing: var(--text-smoothing);

  * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  }
`;export const getMarginFixesByName=a=>css`
  margin: 0 max(calc((100% - var(--panel-samples-width) - var(${a})) / 2), 0);
`;export const CssFixes=createGlobalStyle`
  ${SamplesPanel} {
    ${({layout:a})=>{if(a===LayoutVariant.STACKED)return css`
          width: 100%;
          padding-left: var(--panel-gap-horizontal);
        `}}
  }

  ${SamplesMiddlePanel} {
    ${({layout:a})=>a===LayoutVariant.THREE_PANEL?css`
          margin: 0;
          @media screen and (min-width: ${breakpoints.small}) {
            ${getMarginFixesByName("--layout-panel-schemas-small-max-width")};
          }
          @media screen and (min-width: ${breakpoints.medium}) {
            max-width: var(--layout-panel-schemas-medium-max-width);
            ${getMarginFixesByName("--layout-panel-schemas-medium-max-width")};
          }
          @media screen and (min-width: ${breakpoints.large}) {
            max-width: var(--layout-panel-schemas-large-max-width);
            ${getMarginFixesByName("--layout-panel-schemas-large-max-width")};
          }
        `:a===LayoutVariant.STACKED?css`
          width: 100%;
          padding-right: var(--panel-gap-horizontal);
        `:void 0};
  }
`;
//# sourceMappingURL=styled.js.map