.store-progress {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.store-progress--compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.store-progress-step {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .85rem 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .5rem;
    background: var(--bs-body-bg);
    color: var(--bs-secondary-color);
}

.store-progress-step span {
    width: 1.75rem;
    height: 1.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--bs-secondary-bg);
    color: var(--bs-body-color);
    font-weight: 700;
    flex: 0 0 auto;
}

.store-progress-step strong {
    font-size: .875rem;
}

.store-progress-step.is-active,
.store-progress-step.is-complete {
    border-color: rgba(var(--bs-primary-rgb), .45);
    color: var(--bs-body-color);
}

.store-progress-step.is-active span,
.store-progress-step.is-complete span {
    background: var(--bs-primary);
    color: #fff;
}

.select2-dropdown.store-os-dropdown .select2-results__option--selectable {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.select2-dropdown.store-os-dropdown .select2-results__option--selectable::after {
    content: '';
    flex: 0 0 1em;
    margin-inline-start: auto;
    text-align: center;
    font-weight: 700;
}

/* Select2 also changes aria-selected when a result only receives focus. */
.select2-dropdown.store-os-dropdown .select2-results__option.select2-results__option--selected {
    background: rgba(var(--bs-primary-rgb), .14) !important;
    color: var(--bs-primary) !important;
    font-weight: 600;
}

.select2-dropdown.store-os-dropdown .select2-results__option--selected::after {
    content: '✓';
}

.select2-dropdown.store-os-dropdown .select2-results__option--highlighted:not(.select2-results__option--selected) {
    background: var(--bs-tertiary-bg, var(--bs-body-bg)) !important;
    color: var(--bs-body-color) !important;
    outline: 1px solid rgba(var(--bs-primary-rgb), .4);
    outline-offset: -1px;
}

.domain-restrictions {
    display: flex;
    align-items: flex-start;
    gap: .9rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(253, 172, 65, .32);
    border-left: .25rem solid var(--bs-warning);
    border-radius: .75rem;
    background: rgba(253, 172, 65, .08);
    color: var(--bs-body-color);
}

.domain-restrictions__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    flex: 0 0 2.4rem;
    border-radius: .65rem;
    background: rgba(253, 172, 65, .16);
    color: var(--bs-warning-text-emphasis);
    font-size: 1.25rem;
}

.domain-restrictions__title {
    margin: .1rem 0 .55rem;
    color: var(--bs-body-color);
    font-size: 1rem;
    font-weight: 700;
}

.domain-restrictions__list {
    padding-left: 1.2rem;
    color: var(--bs-secondary-color);
}

.domain-restrictions__list li {
    padding-left: .15rem;
}

.domain-restrictions__list li + li {
    margin-top: .3rem;
}

.domain-restrictions__list li::marker {
    color: var(--bs-warning-text-emphasis);
}

[data-bs-theme="dark"] .domain-restrictions {
    border-color: rgba(253, 172, 65, .28);
    border-left-color: var(--bs-warning);
    background: rgba(253, 172, 65, .1);
}

[data-bs-theme="dark"] .domain-restrictions__icon {
    background: rgba(253, 172, 65, .2);
}

.store-mobile-bottom-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 1rem calc(.85rem + env(safe-area-inset-bottom));
    background: var(--bs-body-bg);
    border-top: 1px solid var(--bs-border-color);
    box-shadow: 0 -.5rem 1.25rem rgba(0, 0, 0, .12);
}

@media (max-width: 767.98px) {
    body:has(.store-mobile-bottom-bar) {
        padding-bottom: 5.5rem;
    }

    .store-progress {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .store-progress-step {
        padding: .7rem .8rem;
    }
}

.select2-container {
    margin: 0;
    width: 100% !important;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    box-sizing: border-box;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-search--inline {
    float: left;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-container .select2-dropdown {
    border-radius: 0.3125rem;
}

.select2-dropdown {
    background-color: var(--bs-card-bg, var(--bs-body-bg));
    border: 1px solid var(--bs-border-color);
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    max-width: 100%;
    overflow-x: hidden;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    color: var(--bs-body-color);
    overflow: hidden;
    padding: 6px;
    text-overflow: ellipsis;
    user-select: none;
    -webkit-user-select: none;
    white-space: nowrap;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    background: var(--bs-card-bg, var(--bs-body-bg));
    display: block;
    padding: 4px;
}

.select2-search--dropdown .select2-search__field {
    background: var(--bs-body-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-hidden-accessible {
    clip: rect(0 0 0 0) !important;
    overflow: hidden !important;
    position: absolute !important;
    padding: 0 !important;
    margin: -1px !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
}

.select2-close-mask {
    display: block;
    padding: 0;
    margin: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: 99;
    width: auto;
    opacity: 0;
    border: 0;
    height: auto;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 2.25rem;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    font-weight: 500;
    float: right;
    font-size: 1.2rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 2.25rem;
    position: absolute;
    right: 1px;
    top: 1px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none !important;
    position: absolute;
    height: 12px;
    width: 17px;
    top: 35%;
    background-repeat: no-repeat;
    background-size: 17px 12px;
}

html:not([dir=rtl]) .select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: 15%;
}

.select2-container--default .select2-results__group {
    color: var(--bs-heading-color);
    font-weight: 700;
    padding: 0.5rem 0;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: rgba(var(--bs-primary-rgb), 0.14) !important;
    color: var(--bs-body-color) !important;
}

.select2-container--default,
.select2-container--default * {
    outline: 0 !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    cursor: not-allowed;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    margin: 0;
    box-sizing: border-box;
    display: block;
    list-style: none;
    width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: 500;
    float: right;
    margin-right: 0.625rem;
}

.select2-container--default .select2-selection--multiple .select2-search--inline {
    line-height: 1.5rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    position: relative;
    font-size: 0.8125rem;
    border-radius: 0.1875rem;
    padding: 0 0.5rem;
    cursor: default;
    line-height: 1.5rem;
    float: left;
}

html:not([dir=rtl]) .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-right: 1rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    position: absolute;
    font-weight: 500;
    color: inherit;
    display: inline-block;
    cursor: pointer;
    opacity: 0.5;
}

html:not([dir=rtl]) .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    right: 0.3rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    opacity: 0.8;
    color: inherit;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    cursor: not-allowed;
}

.select2-container--default .select2-search__field::-moz-placeholder {
    opacity: 1;
}

.select2-container--default .select2-search--inline .select2-search__field {
    box-shadow: none;
    background: transparent;
    border: none;
    outline: 0;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 12.5rem;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: var(--bs-secondary-color);
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.select2-container--default .select2-results__group {
    font-weight: 500;
    font-size: 0.9375rem;
    cursor: default;
    display: block;
    font-weight: 500;
}

.light-style .select2-selection--multiple .select2-selection__clear {
    margin-top: 0.375rem;
}

.light-style .select2-selection--multiple .select2-selection__rendered {
    padding: 0 0.375rem 0.375rem 0.375rem;
}

.light-style .select2-selection--multiple .select2-selection__choice {
    margin-right: 0.375rem;
    margin-top: 0.375rem;
}

.light-style .select2-selection--multiple .select2-selection__placeholder {
    margin-top: 0.375rem;
}

.light-style .select2-search__field {
    color: var(--bs-body-color);
}

.light-style .select2-dropdown {
    background: var(--bs-card-bg, var(--bs-body-bg));
    box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    background-clip: padding-box;
    border-color: var(--bs-border-color);
    z-index: 1000;
}

[data-bs-theme="dark"] .select2-dropdown,
[data-bs-theme="dark"] .select2-results,
[data-bs-theme="dark"] .select2-results__options,
[data-bs-theme="dark"] .select2-search--dropdown {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
}

[data-bs-theme="dark"] .select2-dropdown {
    border-color: var(--bs-border-color);
    box-shadow: 0 0.75rem 1.75rem rgba(0, 0, 0, 0.55);
}

[data-bs-theme="dark"] .select2-container--default .select2-results__option {
    color: var(--bs-body-color) !important;
    background-color: transparent;
}

[data-bs-theme="dark"] .select2-container--default .select2-results__option[aria-selected="true"] {
    color: var(--bs-body-color) !important;
    background-color: rgba(var(--bs-primary-rgb), 0.2) !important;
}

[data-bs-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #fff !important;
    background-color: var(--bs-primary) !important;
}

[data-bs-theme="dark"] .select2-search--dropdown .select2-search__field {
    color: var(--bs-body-color);
    background-color: #292929 !important;
    border-color: var(--bs-border-color);
}

.light-style .select2-container--default .select2-selection {
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    background-color: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.25rem;
}

.light-style .select2-container--default .select2-selection:hover {
    border-color: var(--bs-primary);
}

.light-style .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--bs-primary);
    color: var(--bs-white);
}

.light-style .select2-container--default .select2-selection__placeholder {
    color: var(--bs-secondary-color);
}

.light-style .select2-container--default .select2-results__group {
    color: var(--bs-heading-color);
}

.light-style .select2-container--default .select2-selection--single {
    height: calc(1.4em + 0.938rem + calc(var(--bs-border-width) * 2));
}

.light-style .select2-container--default .select2-selection--single .select2-selection__clear {
    color: var(--bs-secondary-color);
}

.light-style .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.4em + 0.938rem + calc(var(--bs-border-width) * 2));
    position: absolute;
}

.light-style .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27><path fill=%27none%27 stroke=%27rgba%2838, 60, 85, 0.4%29%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/></svg>");
}

.light-style .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.25rem;
    color: var(--bs-body-color);
    padding-left: 0.735rem;
}

.light-style .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-border-color) !important;
}

.light-style .select2-container--default .select2-selection--multiple {
    min-height: calc(1.4em + 0.938rem + calc(var(--bs-border-width) * 2));
}

.light-style .select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: var(--bs-body-color);
    background-color: rgba(var(--bs-primary-rgb), 0.14);
}

.light-style .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.2);
}

.light-style .select2-container--default.select2-container--disabled .select2-selection--multiple {
    border-color: var(--bs-border-color) !important;
    background-color: var(--bs-secondary-bg);
}

.light-style .select2-container--default .select2-search--dropdown .select2-search__field {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.25rem;
    color: var(--bs-body-color);
}

.light-style .select2-container--default .select2-search__field::-webkit-input-placeholder {
    color: var(--bs-secondary-color);
}

.light-style .select2-container--default .select2-search__field::-moz-placeholder {
    color: var(--bs-secondary-color);
}

.light-style .select2-container--default .select2-search__field:-ms-input-placeholder {
    color: var(--bs-secondary-color);
}

.light-style .select2-container--default .select2-results__option {
    color: var(--bs-body-color);
    padding: 0.4375rem 0.735rem;
}

.light-style .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: rgba(var(--bs-primary-rgb), 0.14);
    color: var(--bs-body-color);
}

.light-style .select2-container--default .select2-results__option .select2-results__option {
    width: calc(100% + 1.47rem);
    margin-left: -0.735rem;
    padding-left: 0.735rem;
}

.light-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    padding-left: 1.47rem;
    margin-left: -0.735rem;
}

.light-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    padding-left: 2.205rem;
    margin-left: -1.47rem;
}

.light-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    padding-left: 2.94rem;
    margin-left: -2.205rem;
}

.light-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    padding-left: 3.675rem;
    margin-left: -2.94rem;
}

.light-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    padding-left: 0.735rem;
    margin-left: -3.675rem;
}

.light-style .is-valid .select2-container--default .select2-selection,
.light-style .is-valid.select2-container--default .select2-selection {
    border-color: #39da8a !important;
}

.light-style .is-invalid .select2-container--default .select2-selection,
.light-style .is-invalid.select2-container--default .select2-selection {
    border-color: #ff5b5c !important;
}

.light-style .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(105, 128, 154, 0.08) !important;
    color: #69809a !important;
}

.light-style .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
    background: rgba(105, 128, 154, 0.16) !important;
}

.light-style .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(57, 218, 138, 0.08) !important;
    color: #39da8a !important;
}

.light-style .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
    background: rgba(57, 218, 138, 0.16) !important;
}

.light-style .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(0, 207, 221, 0.08) !important;
    color: #00cfdd !important;
}

.light-style .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
    background: rgba(0, 207, 221, 0.16) !important;
}

.light-style .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(253, 172, 65, 0.08) !important;
    color: #fdac41 !important;
}

.light-style .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
    background: rgba(253, 172, 65, 0.16) !important;
}

.light-style .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(255, 91, 92, 0.08) !important;
    color: #ff5b5c !important;
}

.light-style .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
    background: rgba(255, 91, 92, 0.16) !important;
}

.light-style .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(229, 233, 237, 0.08) !important;
    color: #e5e9ed !important;
}

.light-style .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
    background: rgba(229, 233, 237, 0.16) !important;
}

.light-style .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(73, 85, 99, 0.08) !important;
    color: #495563 !important;
}

.light-style .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
    background: rgba(73, 85, 99, 0.16) !important;
}

.light-style .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(38, 60, 85, 0.08) !important;
    color: rgba(38, 60, 85, 0.5) !important;
}

.light-style .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
    background: rgba(38, 60, 85, 0.16) !important;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

/* Wrapper for all connect elements.
  */
.noUi-connects {
    overflow: hidden;
    z-index: 0;
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat;
}

/* Offset direction
  */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
  * connect elements.
  */
.noUi-vertical .noUi-origin {
    top: -100%;
    width: 0;
}

.noUi-horizontal .noUi-origin {
    height: 0;
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
}

.noUi-touch-area {
    height: 100%;
    width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

/* Slider size and handle placement;
  */
.noUi-horizontal {
    height: 18px;
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px;
}

.noUi-vertical {
    width: 18px;
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto;
}

/* Styling;
  * Giving the connect element a border radius causes issues with using transform: scale
  */
.noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
    border-radius: 3px;
}

.noUi-connect {
    background: #3FB8AF;
}

/* Handles and cursors;
  */
.noUi-draggable {
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
  */
.noUi-handle:before,
.noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
}

.noUi-handle:after {
    left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
}

/* Disabled state;
  */
[disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed;
}

/* Base;
  *
  */
.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-pips {
    position: absolute;
    color: #999;
}

/* Values;
  *
  */
.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}

/* Markings;
  *
  */
.noUi-marker {
    position: absolute;
    background: #CCC;
}

.noUi-marker-sub {
    background: #AAA;
}

.noUi-marker-large {
    background: #AAA;
}

/* Horizontal layout;
  *
  */
.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}

/* Vertical layout;
  *
  */
.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}

.noUi-horizontal .noUi-origin>.noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px;
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
    -webkit-transform: translate(0, -18px);
    transform: translate(0, -18px);
    top: auto;
    right: 28px;
}

.noUi-target {
    direction: ltr !important;
    position: relative;
    border-width: 0;
    box-shadow: none;
}

.noUi-target,
.noUi-target * {
    touch-action: none;
    user-select: none;
    box-sizing: border-box;
}

.noUi-connects {
    height: 0.375rem;
}

.noUi-base,
.noUi-connects {
    z-index: 1;
    position: relative;
    height: 100%;
    width: 100%;
}

.noUi-horizontal .noUi-origin {
    height: 0;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
    left: auto;
    right: 0;
}

.noUi-vertical .noUi-origin {
    width: 0;
}

.noUi-handle {
    backface-visibility: hidden;
    outline: none !important;
    position: absolute;
    transform-origin: center;
    transition: transform 0.2s;
    border-color: transparent;
}

.noUi-handle:before,
.noUi-handle:after {
    display: none;
}

.noUi-handle.noUi-active {
    transform: scale(1.4, 1.4);
}

.noUi-horizontal .noUi-handle.noUi-active .noUi-tooltip {
    transform: translate(-50%, 10%) scale(0.8, 0.8);
}

.noUi-vertical .noUi-handle.noUi-active .noUi-tooltip {
    transform: translate(10%, -50%) scale(0.8, 0.8);
}

.noUi-touch-area {
    border-radius: 50%;
    height: 0.75rem;
    width: 0.75rem;
    margin: 1px;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

.noUi-horizontal {
    height: 0.375rem;
}

.noUi-horizontal .noUi-handle {
    left: -0.5rem;
    width: 1rem;
    height: 1rem;
    top: -5px !important;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
    right: -0.5rem;
    left: auto;
}

.noUi-vertical {
    width: 0.375rem;
}

.noUi-vertical .noUi-handle {
    left: -0.7rem;
    bottom: -1rem;
    width: 1rem;
    height: 1rem;
}

.noUi-target {
    border-radius: 10rem;
}

.noUi-draggable {
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

.noUi-handle {
    border-radius: 10rem;
    background: #fff;
    cursor: default;
}

[disabled] .noUi-connect {
    opacity: 0.3;
}

[disabled] .noUi-handle {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed;
}

.noUi-pips,
.noUi-pips * {
    box-sizing: border-box;
}

.noUi-pips {
    color: #999;
    position: absolute;
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
    font-size: 0.625rem;
}

.noUi-marker {
    position: absolute;
}

.noUi-pips-horizontal {
    left: 0;
    top: 100%;
    padding: 0.6875rem 0 0 0;
    height: 5rem;
    width: 100%;
}

.noUi-value-horizontal {
    padding-top: 0.125rem;
    transform: translate(-50%, 50%);
}

[dir=rtl] .noUi-value-horizontal {
    transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
    height: 0.5rem;
    width: 1px;
}

[dir=rtl] .noUi-horizontal .noUi-origin {
    left: 0;
}

.noUi-pips-vertical {
    top: 0;
    left: 100%;
    padding: 0 0 0 0.6875rem;
    height: 100%;
}

[dir=rtl] .noUi-pips-vertical {
    right: 100%;
    left: auto;
}

.noUi-value-vertical {
    padding-left: 0.875rem;
}

[dir=rtl] .noUi-value-vertical {
    right: 100%;
    padding-right: 0.875rem;
    padding-left: 0;
}

[dir=rtl] .noUi-marker-vertical {
    right: 100%;
}

.noUi-marker-vertical.noUi-marker {
    width: 0.5rem;
    height: 1px;
}

.noUi-tooltip {
    position: absolute;
    display: block;
    padding: 0.1875rem 0.25rem;
    border-radius: 2.81rem;
    font-size: 85%;
    text-align: center;
    font-weight: 500;
    line-height: 1;
    transition: transform 0.2s;
    box-shadow: none;
    border-color: transparent;
    color: #fff;
    background: #495563;
}

.noUi-horizontal .noUi-tooltip {
    bottom: 125%;
    left: 50%;
    transform: translate(-50%, 0);
}

.noUi-vertical .noUi-tooltip {
    top: 50%;
    right: 125%;
    transform: translate(0, -50%);
}

[dir=rtl] .noUi-vertical .noUi-tooltip {
    right: auto;
    left: 125%;
}

[dir=rtl] .noUi-vertical .noUi-handle.noUi-active .noUi-tooltip {
    transform: translate(-10%, -50%) scale(0.8, 0.8);
}

.light-style .noUi-target {
    background: #e9ecee;
}

.light-style .noUi-handle {
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

.light-style .noUi-target[disabled] {
    background: #e9ecee;
}

.light-style .noUi-value {
    color: #516377;
}

.light-style .noUi-marker {
    background: #d4d8dd;
}

.light-style .noUi-touch-area {
    background-color: rgba(38, 60, 85, 0.5);
}

.light-style .noUi-connect {
    background: rgba(38, 60, 85, 0.5) !important;
}

.light-style .noUi-touch-area {
    background-color: rgba(38, 60, 85, 0.5) !important;
}

.light-style .noUi-secondary .noUi-connect {
    background: #69809a !important;
}

.light-style .noUi-secondary .noUi-touch-area {
    background-color: #69809a !important;
}

.light-style .noUi-success .noUi-connect {
    background: #39da8a !important;
}

.light-style .noUi-success .noUi-touch-area {
    background-color: #39da8a !important;
}

.light-style .noUi-info .noUi-connect {
    background: #00cfdd !important;
}

.light-style .noUi-info .noUi-touch-area {
    background-color: #00cfdd !important;
}

.light-style .noUi-warning .noUi-connect {
    background: #fdac41 !important;
}

.light-style .noUi-warning .noUi-touch-area {
    background-color: #fdac41 !important;
}

.light-style .noUi-danger .noUi-connect {
    background: #ff5b5c !important;
}

.light-style .noUi-danger .noUi-touch-area {
    background-color: #ff5b5c !important;
}

.light-style .noUi-light .noUi-connect {
    background: #e5e9ed !important;
}

.light-style .noUi-light .noUi-touch-area {
    background-color: #e5e9ed !important;
}

.light-style .noUi-dark .noUi-connect {
    background: #495563 !important;
}

.light-style .noUi-dark .noUi-touch-area {
    background-color: #495563 !important;
}

.light-style .noUi-gray .noUi-connect {
    background: rgba(38, 60, 85, 0.5) !important;
}

.light-style .noUi-gray .noUi-touch-area {
    background-color: rgba(38, 60, 85, 0.5) !important;
}

.dark-style .noUi-target {
    background: #36445d;
}

.dark-style .noUi-connect {
    background: #637ba9;
}

.dark-style .noUi-handle {
    background: #283144;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2);
}

.dark-style .noUi-target[disabled] {
    background: #596f98;
}

.dark-style .noUi-value {
    color: #d8deea;
}

.dark-style .noUi-marker {
    background: #546990;
}

.dark-style .noUi-touch-area {
    background-color: #637ba9;
}

.dark-style .noUi-connect {
    background: #637ba9 !important;
}

.dark-style .noUi-touch-area {
    background-color: #637ba9 !important;
}

.dark-style .noUi-secondary .noUi-connect {
    background: #69809a !important;
}

.dark-style .noUi-secondary .noUi-touch-area {
    background-color: #69809a !important;
}

.dark-style .noUi-success .noUi-connect {
    background: #39da8a !important;
}

.dark-style .noUi-success .noUi-touch-area {
    background-color: #39da8a !important;
}

.dark-style .noUi-info .noUi-connect {
    background: #00cfdd !important;
}

.dark-style .noUi-info .noUi-touch-area {
    background-color: #00cfdd !important;
}

.dark-style .noUi-warning .noUi-connect {
    background: #fdac41 !important;
}

.dark-style .noUi-warning .noUi-touch-area {
    background-color: #fdac41 !important;
}

.dark-style .noUi-danger .noUi-connect {
    background: #ff5b5c !important;
}

.dark-style .noUi-danger .noUi-touch-area {
    background-color: #ff5b5c !important;
}

.dark-style .noUi-light .noUi-connect {
    background: #434c5f !important;
}

.dark-style .noUi-light .noUi-touch-area {
    background-color: #434c5f !important;
}

.dark-style .noUi-dark .noUi-connect {
    background: #717784 !important;
}

.dark-style .noUi-dark .noUi-touch-area {
    background-color: #717784 !important;
}

.dark-style .noUi-gray .noUi-connect {
    background: rgba(255, 255, 255, 0.75) !important;
}

.dark-style .noUi-gray .noUi-touch-area {
    background-color: rgba(255, 255, 255, 0.75) !important;
}
