/* vue-slider-component CSS (base + default theme, themeColor #2d76a7) — extracted from the live Nuxt site for parity. */
.vue-slider-disabled { opacity: 0.5; cursor: not-allowed; }
.vue-slider-rail { background-color: rgb(204, 204, 204); border-radius: 15px; }
.vue-slider-process { background-color: rgb(45, 118, 167); border-radius: 15px; }
.vue-slider-mark { z-index: 4; }
.vue-slider-mark:first-child .vue-slider-mark-step, .vue-slider-mark:last-child .vue-slider-mark-step { display: none; }
.vue-slider-mark-step { width: 100%; height: 100%; border-radius: 50%; background-color: rgba(0, 0, 0, 0.16); }
.vue-slider-mark-label { font-size: 14px; white-space: nowrap; }
.vue-slider-dot-handle { cursor: pointer; width: 100%; height: 100%; border-radius: 50%; background-color: rgb(255, 255, 255); box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.32) 0.5px 0.5px 2px 1px; }
.vue-slider-dot-handle-focus { box-shadow: rgba(45, 118, 167, 0.36) 0px 0px 1px 2px; }
.vue-slider-dot-handle-disabled { cursor: not-allowed; background-color: rgb(204, 204, 204); }
.vue-slider-dot-tooltip-inner { font-size: 14px; white-space: nowrap; padding: 2px 5px; min-width: 20px; text-align: center; color: rgb(255, 255, 255); border-radius: 5px; border-color: rgb(45, 118, 167); background-color: rgb(45, 118, 167); box-sizing: content-box; }
.vue-slider-dot-tooltip-inner::after { content: ""; position: absolute; }
.vue-slider-dot-tooltip-inner-top::after { top: 100%; left: 50%; transform: translate(-50%, 0px); height: 0px; width: 0px; border-right: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid transparent; border-top-style: solid; border-top-width: 5px; border-top-color: inherit; }
.vue-slider-dot-tooltip-inner-bottom::after { bottom: 100%; left: 50%; transform: translate(-50%, 0px); height: 0px; width: 0px; border-top: 5px solid transparent; border-right: 5px solid transparent; border-left: 5px solid transparent; border-bottom-style: solid; border-bottom-width: 5px; border-bottom-color: inherit; }
.vue-slider-dot-tooltip-inner-left::after { left: 100%; top: 50%; transform: translate(0px, -50%); height: 0px; width: 0px; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; border-left-style: solid; border-left-width: 5px; border-left-color: inherit; }
.vue-slider-dot-tooltip-inner-right::after { right: 100%; top: 50%; transform: translate(0px, -50%); height: 0px; width: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid transparent; border-right-style: solid; border-right-width: 5px; border-right-color: inherit; }
.vue-slider-dot-tooltip-wrapper { opacity: 0; transition: 0.3s; }
.vue-slider-dot-tooltip-wrapper-show { opacity: 1; }
.vue-slider-dot { position: absolute; transition: all; z-index: 5; }
.vue-slider-dot:focus { outline: none; }
.vue-slider-dot-tooltip { position: absolute; visibility: hidden; }
.vue-slider-dot-hover:hover .vue-slider-dot-tooltip, .vue-slider-dot-tooltip-show { visibility: visible; }
.vue-slider-dot-tooltip-top { top: -10px; left: 50%; transform: translate(-50%, -100%); }
.vue-slider-dot-tooltip-bottom { bottom: -10px; left: 50%; transform: translate(-50%, 100%); }
.vue-slider-dot-tooltip-left { left: -10px; top: 50%; transform: translate(-100%, -50%); }
.vue-slider-dot-tooltip-right { right: -10px; top: 50%; transform: translate(100%, -50%); }
.vue-slider-marks { position: relative; width: 100%; height: 100%; }
.vue-slider-mark { position: absolute; z-index: 1; }
.vue-slider-ltr .vue-slider-mark, .vue-slider-rtl .vue-slider-mark { width: 0px; height: 100%; top: 50%; }
.vue-slider-ltr .vue-slider-mark-step, .vue-slider-rtl .vue-slider-mark-step { top: 0px; }
.vue-slider-ltr .vue-slider-mark-label, .vue-slider-rtl .vue-slider-mark-label { top: 100%; margin-top: 10px; }
.vue-slider-ltr .vue-slider-mark { transform: translate(-50%, -50%); }
.vue-slider-ltr .vue-slider-mark-step { left: 0px; }
.vue-slider-ltr .vue-slider-mark-label { left: 50%; transform: translateX(-50%); }
.vue-slider-rtl .vue-slider-mark { transform: translate(50%, -50%); }
.vue-slider-rtl .vue-slider-mark-step { right: 0px; }
.vue-slider-rtl .vue-slider-mark-label { right: 50%; transform: translateX(50%); }
.vue-slider-btt .vue-slider-mark, .vue-slider-ttb .vue-slider-mark { width: 100%; height: 0px; left: 50%; }
.vue-slider-btt .vue-slider-mark-step, .vue-slider-ttb .vue-slider-mark-step { left: 0px; }
.vue-slider-btt .vue-slider-mark-label, .vue-slider-ttb .vue-slider-mark-label { left: 100%; margin-left: 10px; }
.vue-slider-btt .vue-slider-mark { transform: translate(-50%, 50%); }
.vue-slider-btt .vue-slider-mark-step { top: 0px; }
.vue-slider-btt .vue-slider-mark-label { top: 50%; transform: translateY(-50%); }
.vue-slider-ttb .vue-slider-mark { transform: translate(-50%, -50%); }
.vue-slider-ttb .vue-slider-mark-step { bottom: 0px; }
.vue-slider-ttb .vue-slider-mark-label { bottom: 50%; transform: translateY(50%); }
.vue-slider-mark-label, .vue-slider-mark-step { position: absolute; }
.vue-slider { position: relative; box-sizing: content-box; user-select: none; display: block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.vue-slider-rail { position: relative; width: 100%; height: 100%; transition-property: width, height, left, right, top, bottom; }
.vue-slider-process { position: absolute; z-index: 1; }