import { css } from "@emotion/react";
import styled from "@emotion/styled";
import { addScrollbar } from "../../../mixins";
import { tokens } from "./Container.tokens";
export var base = /*#__PURE__*/ css("position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;background:var(", tokens.backgroundColor, ");", "base");
export var HeaderWrapper = /*#__PURE__*/ styled("div", {
    target: "ev6mh4s0",
    label: "HeaderWrapper"
})("box-sizing:border-box;padding:var(", tokens.headerPadding, ");");
export var ContentWrapper = /*#__PURE__*/ styled("div", {
    target: "ev6mh4s1",
    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(".concat(tokens.contentScrollWidth, ")"),
    trackColor: "var(".concat(tokens.contentScrollTrackColor, ")"),
    thumbColor: "var(".concat(tokens.contentScrollThumbColor, ")"),
    scrollHeightOffset: "var(".concat(tokens.contentScrollHeightOffset, ")")
}));
export var FooterWrapper = /*#__PURE__*/ styled("div", {
    target: "ev6mh4s2",
    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 var InputWrapper = /*#__PURE__*/ styled("div", {
    target: "ev6mh4s3",
    label: "InputWrapper"
})("z-index:1;");
export var FooterCaption = /*#__PURE__*/ styled("div", {
    target: "ev6mh4s4",
    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:", function(param) {
    var captionAlign = param.captionAlign;
    return captionAlign === 'center' ? 'center' : 'left';
}, ";");
