System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",a=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n  }\n\n  .container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n    height: 100px;\n  }\n\n  .align-item-center {\n    align-items: center;\n  }\n\n  slot.span {\n    font-size: var(--nile-font-size-micro);\n    margin-top: 14px;\n  }\n\n  .range-container {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-sm);\n  }\n\n  .column-reverse {\n    flex-direction: column-reverse;\n  }\n\n  .label-container {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .label-container span {\n    margin: var(--nile-spacing-none);\n    padding: var(--nile-spacing-none);\n    font-size: var(--nile-font-size-micro);\n  }\n\n  .range {\n    position: relative;\n    width: 228px;\n    height: 4px;\n    background-color: var(--nile-colors-neutral-400);\n    user-select: none;\n    border-radius: var(--nile-radius-radius-3xl);\n  }\n\n  .range:hover {\n    cursor: pointer;\n  }\n\n  .range-completed {\n    position: absolute;\n    height: 100%;\n    width: 0%;\n    background-color: var(--nile-colors-primary-600);\n    top: 0px;\n    left: 0px;\n    z-index: 98;\n    border-radius: var(--nile-radius-radius-3xl);\n  }\n\n  .range-button {\n    height: 12px;\n    width: 12px;\n    background-color: var(--nile-colors-primary-600);\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: var(--nile-radius-radius-3xl);\n    left: 0;\n    z-index: 100;\n    box-shadow: rgba(0, 82, 145, 0.1) 0px 1px 2px 0px, rgba(0, 94, 166, 0.15) 0px 0px 0px 2px;\n    transition: box-shadow var(--nile-transition-duration-default) ease;\n  }\n\n  .range-button:hover, .range-button-two:hover {\n    cursor: pointer;\n    background-color: var(--nile-colors-primary-700);\n  }\n\n  .range-button:active, .range-button-two:active {\n    transition: box-shadow var(--nile-transition-duration-default) ease;\n    background-color: var(--nile-colors-primary-700);\n    box-shadow: rgba(0, 82, 145, 0.1) 0px 1px 2px 0px, rgba(0, 94, 166, 0.15) 0px 0px 0px 4px;\n  }\n\n  .range-button-two {\n    height: 12px;\n    width: 12px;\n    background-color: var(--nile-colors-primary-600);\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: var(--nile-radius-radius-3xl);\n    left: 100%;\n    z-index: 100;\n    box-shadow: rgba(0, 82, 145, 0.1) 0px 1px 2px 0px, rgba(0, 94, 166, 0.15) 0px 0px 0px 2px;\n    transition: box-shadow var(--nile-transition-duration-default) ease;\n  }\n"]))));}};});
//# sourceMappingURL=nile-slider.css.cjs.js.map
