"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "base", {
    enumerable: true,
    get: function() {
        return base;
    }
});
const _react = require("@emotion/react");
const _Dropzonetokens = require("../../Dropzone.tokens");
const _Dropzonestyles = require("../../Dropzone.styles");
const base = (0, /*#__PURE__*/ _react.css)("background:var(", _Dropzonetokens.tokens.background, ");border:0.063rem dashed var(", _Dropzonetokens.tokens.borderColor, ");&:not(.", _Dropzonetokens.classes.active, "):hover,&:not(.", _Dropzonetokens.classes.active, "):focus-within{background:var(", _Dropzonetokens.tokens.backgroundHover, ");outline:none;border-color:var(", _Dropzonetokens.tokens.borderColorHover, ");}&.", _Dropzonetokens.classes.active, "{border-color:var(", _Dropzonetokens.tokens.borderColorActive, ");background:var(", _Dropzonetokens.tokens.backgroundHover, ");", _Dropzonestyles.DropzoneHandlerOverlay, "{background:var(", _Dropzonetokens.tokens.overlayColorActive, ");}}", _Dropzonestyles.ContentWrapper, "{color:var(", _Dropzonetokens.tokens.titleColor, ");}", _Dropzonestyles.Description, "{color:var(", _Dropzonetokens.tokens.descriptionColor, ");}", "base");
