import styled from "@emotion/styled";
import { css } from "@emotion/react";
import { addScrollbar } from "../../../mixins";
import { tokens } from "./Container.tokens";
export const base = /*#__PURE__*/ css("position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;background:var(", tokens.backgroundColor, ");", "base");
export const HeaderWrapper = /*#__PURE__*/ styled("div", {
    target: "eiy1brq0",
    label: "HeaderWrapper"
})("box-sizing:border-box;padding:var(", tokens.headerPadding, ");");
export const ContentWrapper = /*#__PURE__*/ styled("div", {
    target: "eiy1brq1",
    label: "ContentWrapper"
})("box-sizing:border-box;flex-grow:1;display:flex;flex-direction:column;padding:var(", tokens.contentPadding, ");padding-right:var(", tokens.contentRightPadding, ");margin-right:var(", tokens.contentScrollRightOffset, ");gap:var(", tokens.contentGap, ");overflow:auto;", addScrollbar({
    scrollWidth: `var(${tokens.contentScrollWidth})`,
    trackColor: `var(${tokens.contentScrollTrackColor})`,
    thumbColor: `var(${tokens.contentScrollThumbColor})`,
    scrollHeightOffset: `var(${tokens.contentScrollHeightOffset})`
}));
export const FooterWrapper = /*#__PURE__*/ styled("div", {
    target: "eiy1brq2",
    label: "FooterWrapper"
})("box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;position:relative;padding:var(", tokens.footerPadding, ");&:before{content:'';position:absolute;top:calc(-1 * var(", tokens.footerBlur, "));right:var(", tokens.contentScrollWidth, ");left:0;bottom:0;z-index:0;filter:blur(var(", tokens.footerBlur, "));background:var(", tokens.backgroundColor, ");}");
export const InputWrapper = /*#__PURE__*/ styled("div", {
    target: "eiy1brq3",
    label: "InputWrapper"
})("z-index:1;");
export const FooterCaption = /*#__PURE__*/ styled("div", {
    target: "eiy1brq4",
    label: "FooterCaption"
})("z-index:1;margin-top:var(", tokens.footerCaptionMarginTop, ");color:var(", tokens.footerCaptionColor, ");font-family:var(", tokens.footerCaptionFontFamily, ");font-size:var(", tokens.footerCaptionFontSize, ");font-style:var(", tokens.footerCaptionFontStyle, ");font-weight:var(", tokens.footerCaptionFontWeight, ");letter-spacing:var(", tokens.footerCaptionLetterSpacing, ");line-height:var(", tokens.footerCaptionLineHeight, ");text-align:", ({ captionAlign })=>captionAlign === 'center' ? 'center' : 'left', ";");
