"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
function _export(target, all) {
    for(var name in all)Object.defineProperty(target, name, {
        enumerable: true,
        get: Object.getOwnPropertyDescriptor(all, name).get
    });
}
_export(exports, {
    get Fill () {
        return Fill;
    },
    get InputHidden () {
        return InputHidden;
    },
    get Rail () {
        return Rail;
    },
    get RailWrap () {
        return RailWrap;
    },
    get Slider () {
        return Slider;
    }
});
var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
var _mixins = require("../../../../mixins");
var _Slidertokens = require("../../Slider.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
var Rail = _styledcomponents.default.div.withConfig({
    displayName: "SliderBase.styles__Rail",
    componentId: "sc-6b324560-0"
})([
    "position:relative;top:50%;height:var(",
    ");border-radius:var(",
    ");background-color:var(",
    ");overflow:hidden;transform:translateY(-50%);"
], _Slidertokens.tokens.railThickness, _Slidertokens.tokens.railBorderRadius, _Slidertokens.tokens.railBackgroundColor);
var Slider = _styledcomponents.default.div.withConfig({
    displayName: "SliderBase.styles__Slider",
    componentId: "sc-6b324560-1"
})([
    "flex:1;position:relative;user-select:none;height:var(",
    ");&.",
    "{width:var(",
    ");height:auto;",
    "{top:0;left:50%;transform:translateX(-50%);width:var(",
    ");height:100%;}}"
], _Slidertokens.tokens.size, _Slidertokens.classes.verticalOrientation, _Slidertokens.tokens.size, Rail, _Slidertokens.tokens.railThickness);
var RailWrap = _styledcomponents.default.div.withConfig({
    displayName: "SliderBase.styles__RailWrap",
    componentId: "sc-6b324560-2"
})([
    "height:100%;"
]);
var Fill = _styledcomponents.default.div.withConfig({
    displayName: "SliderBase.styles__Fill",
    componentId: "sc-6b324560-3"
})([
    "position:absolute;width:0;height:100%;top:0;left:0;border-radius:var(",
    ");background:var(",
    ");"
], _Slidertokens.tokens.railBorderRadius, _Slidertokens.tokens.fillColor);
var InputHidden = _styledcomponents.default.input.withConfig({
    displayName: "SliderBase.styles__InputHidden",
    componentId: "sc-6b324560-4"
})([
    "",
    ";"
], (0, _mixins.applyHidden)());
