@larva.io/webcomponents/dist/larva/p-51d573b8.entry.js

Fentrica SmartUnits WebComponents package

/*!
 * (C) Fentrica http://fentrica.com - Seee LICENSE.md
 */
import{r,c as a,h as o,H as b,g as p}from"./p-C4h1muVj.js";import{c as l}from"./p-B02IfvGX.js";const g="slot-fb[hidden],slot[hidden]{display:initial !important}:host{-webkit-box-sizing:content-box !important;box-sizing:content-box !important;width:100%;text-align:center;padding:1rem 0}:host(:focus){outline:none}:host(.lar-slider-disabled){pointer-events:none;opacity:0.3;-webkit-filter:grayscale(0.4);filter:grayscale(0.4)}:host(.lar-slider-vertical) input{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;margin-top:4.8rem}input{display:inline-block;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background:transparent;width:12rem;height:2.4rem;padding:0;cursor:pointer;-webkit-transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1)}input::-webkit-slider-runnable-track{width:100%;height:0.5rem;cursor:pointer;background:rgba(0, 0, 0, 0.08);border-radius:calc(0.5rem / 2);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.05);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.05);-webkit-transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1)}input::-moz-range-track{width:100%;height:0.5rem;cursor:pointer;background:rgba(0, 0, 0, 0.08);border-radius:calc(0.5rem / 2);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.05);-moz-transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1)}input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2.4rem;height:2.4rem;margin-top:calc((0.5rem - 2.4rem) / 2);cursor:-webkit-grab;cursor:grab;border-radius:50%;border:3px solid rgba(255, 255, 255, 0.9);background:var(--lar-background-color, #000);-webkit-box-shadow:0 2px 8px -1px rgba(0, 0, 0, 0.15), 0 4px 16px -2px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px -1px rgba(0, 0, 0, 0.15), 0 4px 16px -2px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1);-webkit-transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);position:relative}input::-webkit-slider-thumb:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 4px 12px -1px rgba(0, 0, 0, 0.2), 0 6px 20px -2px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12);box-shadow:0 4px 12px -1px rgba(0, 0, 0, 0.2), 0 6px 20px -2px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12)}input::-webkit-slider-thumb:active{cursor:-webkit-grabbing;cursor:grabbing;-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 2px 6px -1px rgba(0, 0, 0, 0.12), 0 3px 12px -2px rgba(0, 0, 0, 0.08), inset 0 1px 3px rgba(0, 0, 0, 0.15);box-shadow:0 2px 6px -1px rgba(0, 0, 0, 0.12), 0 3px 12px -2px rgba(0, 0, 0, 0.08), inset 0 1px 3px rgba(0, 0, 0, 0.15)}input::-moz-range-thumb{width:2.4rem;height:2.4rem;cursor:grab;border-radius:50%;border:3px solid rgba(255, 255, 255, 0.9);background:var(--lar-background-color, #000);box-shadow:0 2px 8px -1px rgba(0, 0, 0, 0.15), 0 4px 16px -2px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1);-moz-transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1)}input::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px -1px rgba(0, 0, 0, 0.2), 0 6px 20px -2px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12)}input::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.05);box-shadow:0 2px 6px -1px rgba(0, 0, 0, 0.12), 0 3px 12px -2px rgba(0, 0, 0, 0.08), inset 0 1px 3px rgba(0, 0, 0, 0.15)}:host(.lar-color-primary) input::-webkit-slider-runnable-track{background:-webkit-gradient(linear, left top, right top, from(var(--lar-color-primary, #780bb7)), color-stop(50%, var(--lar-color-primary-tint, rgb(133.5, 35.4, 190.2))), to(rgba(0, 0, 0, 0.08)));background:linear-gradient(to right, var(--lar-color-primary, #780bb7), var(--lar-color-primary-tint, rgb(133.5, 35.4, 190.2)) 50%, rgba(0, 0, 0, 0.08));-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1)}:host(.lar-color-primary) input::-moz-range-track{background:linear-gradient(to right, var(--lar-color-primary, #780bb7), var(--lar-color-primary-tint, rgb(133.5, 35.4, 190.2)) 50%, rgba(0, 0, 0, 0.08));box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1)}:host(.lar-color-primary) input::-webkit-slider-thumb{border-color:var(--lar-color-primary, #780bb7);-webkit-box-shadow:0 0 0 3px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.2), 0 2px 8px -1px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.3), 0 4px 16px -2px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1);box-shadow:0 0 0 3px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.2), 0 2px 8px -1px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.3), 0 4px 16px -2px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1)}:host(.lar-color-primary) input::-webkit-slider-thumb:hover{border-color:var(--lar-color-primary-shade, rgb(105.6, 9.68, 161.04));-webkit-box-shadow:0 0 0 4px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.25), 0 4px 12px -1px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.4), 0 6px 20px -2px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12);box-shadow:0 0 0 4px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.25), 0 4px 12px -1px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.4), 0 6px 20px -2px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12)}:host(.lar-color-primary) input::-webkit-slider-thumb:active{border-color:var(--lar-color-primary-shade, rgb(105.6, 9.68, 161.04));-webkit-box-shadow:0 0 0 2px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.3), 0 2px 6px -1px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.35), 0 3px 12px -2px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 0 2px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.3), 0 2px 6px -1px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.35), 0 3px 12px -2px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15)}:host(.lar-color-primary) input::-moz-range-thumb{border-color:var(--lar-color-primary, #780bb7);box-shadow:0 0 0 3px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.2), 0 2px 8px -1px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.3), 0 4px 16px -2px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1)}:host(.lar-color-primary) input::-moz-range-thumb:hover{border-color:var(--lar-color-primary-shade, rgb(105.6, 9.68, 161.04));box-shadow:0 0 0 4px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.25), 0 4px 12px -1px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.4), 0 6px 20px -2px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12)}:host(.lar-color-primary) input::-moz-range-thumb:active{border-color:var(--lar-color-primary-shade, rgb(105.6, 9.68, 161.04));box-shadow:0 0 0 2px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.3), 0 2px 6px -1px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.35), 0 3px 12px -2px rgba(var(--lar-color-primary-rgb, 120, 11, 183), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15)}:host(.lar-color-secondary) input::-webkit-slider-runnable-track{background:-webkit-gradient(linear, left top, right top, from(var(--lar-color-secondary, #7fb800)), color-stop(50%, var(--lar-color-secondary-tint, rgb(139.8, 191.1, 25.5))), to(rgba(0, 0, 0, 0.08)));background:linear-gradient(to right, var(--lar-color-secondary, #7fb800), var(--lar-color-secondary-tint, rgb(139.8, 191.1, 25.5)) 50%, rgba(0, 0, 0, 0.08));-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1)}:host(.lar-color-secondary) input::-moz-range-track{background:linear-gradient(to right, var(--lar-color-secondary, #7fb800), var(--lar-color-secondary-tint, rgb(139.8, 191.1, 25.5)) 50%, rgba(0, 0, 0, 0.08));box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1)}:host(.lar-color-secondary) input::-webkit-slider-thumb{border-color:var(--lar-color-secondary, #7fb800);-webkit-box-shadow:0 0 0 3px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.2), 0 2px 8px -1px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.3), 0 4px 16px -2px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1);box-shadow:0 0 0 3px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.2), 0 2px 8px -1px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.3), 0 4px 16px -2px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1)}:host(.lar-color-secondary) input::-webkit-slider-thumb:hover{border-color:var(--lar-color-secondary-shade, rgb(111.76, 161.92, 0));-webkit-box-shadow:0 0 0 4px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.25), 0 4px 12px -1px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.4), 0 6px 20px -2px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12);box-shadow:0 0 0 4px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.25), 0 4px 12px -1px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.4), 0 6px 20px -2px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12)}:host(.lar-color-secondary) input::-webkit-slider-thumb:active{border-color:var(--lar-color-secondary-shade, rgb(111.76, 161.92, 0));-webkit-box-shadow:0 0 0 2px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.3), 0 2px 6px -1px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.35), 0 3px 12px -2px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 0 2px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.3), 0 2px 6px -1px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.35), 0 3px 12px -2px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15)}:host(.lar-color-secondary) input::-moz-range-thumb{border-color:var(--lar-color-secondary, #7fb800);box-shadow:0 0 0 3px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.2), 0 2px 8px -1px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.3), 0 4px 16px -2px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1)}:host(.lar-color-secondary) input::-moz-range-thumb:hover{border-color:var(--lar-color-secondary-shade, rgb(111.76, 161.92, 0));box-shadow:0 0 0 4px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.25), 0 4px 12px -1px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.4), 0 6px 20px -2px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12)}:host(.lar-color-secondary) input::-moz-range-thumb:active{border-color:var(--lar-color-secondary-shade, rgb(111.76, 161.92, 0));box-shadow:0 0 0 2px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.3), 0 2px 6px -1px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.35), 0 3px 12px -2px rgba(var(--lar-color-secondary-rgb, 127, 184, 0), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15)}:host(.lar-color-tertiary) input::-webkit-slider-runnable-track{background:-webkit-gradient(linear, left top, right top, from(var(--lar-color-tertiary, #00a6ed)), color-stop(50%, var(--lar-color-tertiary-tint, rgb(25.5, 174.9, 238.8))), to(rgba(0, 0, 0, 0.08)));background:linear-gradient(to right, var(--lar-color-tertiary, #00a6ed), var(--lar-color-tertiary-tint, rgb(25.5, 174.9, 238.8)) 50%, rgba(0, 0, 0, 0.08));-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1)}:host(.lar-color-tertiary) input::-moz-range-track{background:linear-gradient(to right, var(--lar-color-tertiary, #00a6ed), var(--lar-color-tertiary-tint, rgb(25.5, 174.9, 238.8)) 50%, rgba(0, 0, 0, 0.08));box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1)}:host(.lar-color-tertiary) input::-webkit-slider-thumb{border-color:var(--lar-color-tertiary, #00a6ed);-webkit-box-shadow:0 0 0 3px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.2), 0 2px 8px -1px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.3), 0 4px 16px -2px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1);box-shadow:0 0 0 3px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.2), 0 2px 8px -1px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.3), 0 4px 16px -2px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1)}:host(.lar-color-tertiary) input::-webkit-slider-thumb:hover{border-color:var(--lar-color-tertiary-shade, rgb(0, 146.08, 208.56));-webkit-box-shadow:0 0 0 4px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.25), 0 4px 12px -1px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.4), 0 6px 20px -2px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12);box-shadow:0 0 0 4px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.25), 0 4px 12px -1px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.4), 0 6px 20px -2px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12)}:host(.lar-color-tertiary) input::-webkit-slider-thumb:active{border-color:var(--lar-color-tertiary-shade, rgb(0, 146.08, 208.56));-webkit-box-shadow:0 0 0 2px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.3), 0 2px 6px -1px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.35), 0 3px 12px -2px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 0 2px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.3), 0 2px 6px -1px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.35), 0 3px 12px -2px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15)}:host(.lar-color-tertiary) input::-moz-range-thumb{border-color:var(--lar-color-tertiary, #00a6ed);box-shadow:0 0 0 3px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.2), 0 2px 8px -1px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.3), 0 4px 16px -2px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1)}:host(.lar-color-tertiary) input::-moz-range-thumb:hover{border-color:var(--lar-color-tertiary-shade, rgb(0, 146.08, 208.56));box-shadow:0 0 0 4px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.25), 0 4px 12px -1px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.4), 0 6px 20px -2px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12)}:host(.lar-color-tertiary) input::-moz-range-thumb:active{border-color:var(--lar-color-tertiary-shade, rgb(0, 146.08, 208.56));box-shadow:0 0 0 2px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.3), 0 2px 6px -1px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.35), 0 3px 12px -2px rgba(var(--lar-color-tertiary-rgb, 0, 166, 237), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15)}:host(.lar-color-success) input::-webkit-slider-runnable-track{background:-webkit-gradient(linear, left top, right top, from(var(--lar-color-success, #7fb800)), color-stop(50%, var(--lar-color-success-tint, rgb(139.8, 191.1, 25.5))), to(rgba(0, 0, 0, 0.08)));background:linear-gradient(to right, var(--lar-color-success, #7fb800), var(--lar-color-success-tint, rgb(139.8, 191.1, 25.5)) 50%, rgba(0, 0, 0, 0.08));-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1)}:host(.lar-color-success) input::-moz-range-track{background:linear-gradient(to right, var(--lar-color-success, #7fb800), var(--lar-color-success-tint, rgb(139.8, 191.1, 25.5)) 50%, rgba(0, 0, 0, 0.08));box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1)}:host(.lar-color-success) input::-webkit-slider-thumb{border-color:var(--lar-color-success, #7fb800);-webkit-box-shadow:0 0 0 3px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.2), 0 2px 8px -1px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.3), 0 4px 16px -2px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1);box-shadow:0 0 0 3px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.2), 0 2px 8px -1px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.3), 0 4px 16px -2px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1)}:host(.lar-color-success) input::-webkit-slider-thumb:hover{border-color:var(--lar-color-success-shade, rgb(111.76, 161.92, 0));-webkit-box-shadow:0 0 0 4px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.25), 0 4px 12px -1px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.4), 0 6px 20px -2px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12);box-shadow:0 0 0 4px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.25), 0 4px 12px -1px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.4), 0 6px 20px -2px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12)}:host(.lar-color-success) input::-webkit-slider-thumb:active{border-color:var(--lar-color-success-shade, rgb(111.76, 161.92, 0));-webkit-box-shadow:0 0 0 2px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.3), 0 2px 6px -1px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.35), 0 3px 12px -2px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 0 2px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.3), 0 2px 6px -1px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.35), 0 3px 12px -2px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15)}:host(.lar-color-success) input::-moz-range-thumb{border-color:var(--lar-color-success, #7fb800);box-shadow:0 0 0 3px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.2), 0 2px 8px -1px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.3), 0 4px 16px -2px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1)}:host(.lar-color-success) input::-moz-range-thumb:hover{border-color:var(--lar-color-success-shade, rgb(111.76, 161.92, 0));box-shadow:0 0 0 4px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.25), 0 4px 12px -1px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.4), 0 6px 20px -2px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12)}:host(.lar-color-success) input::-moz-range-thumb:active{border-color:var(--lar-color-success-shade, rgb(111.76, 161.92, 0));box-shadow:0 0 0 2px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.3), 0 2px 6px -1px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.35), 0 3px 12px -2px rgba(var(--lar-color-success-rgb, 127, 184, 0), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15)}:host(.lar-color-warning) input::-webkit-slider-runnable-track{background:-webkit-gradient(linear, left top, right top, from(var(--lar-color-warning, #ffb400)), color-stop(50%, var(--lar-color-warning-tint, rgb(255, 187.5, 25.5))), to(rgba(0, 0, 0, 0.08)));background:linear-gradient(to right, var(--lar-color-warning, #ffb400), var(--lar-color-warning-tint, rgb(255, 187.5, 25.5)) 50%, rgba(0, 0, 0, 0.08));-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1)}:host(.lar-color-warning) input::-moz-range-track{background:linear-gradient(to right, var(--lar-color-warning, #ffb400), var(--lar-color-warning-tint, rgb(255, 187.5, 25.5)) 50%, rgba(0, 0, 0, 0.08));box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1)}:host(.lar-color-warning) input::-webkit-slider-thumb{border-color:var(--lar-color-warning, #ffb400);-webkit-box-shadow:0 0 0 3px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.2), 0 2px 8px -1px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.3), 0 4px 16px -2px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1);box-shadow:0 0 0 3px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.2), 0 2px 8px -1px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.3), 0 4px 16px -2px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1)}:host(.lar-color-warning) input::-webkit-slider-thumb:hover{border-color:var(--lar-color-warning-shade, rgb(224.4, 158.4, 0));-webkit-box-shadow:0 0 0 4px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.25), 0 4px 12px -1px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.4), 0 6px 20px -2px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12);box-shadow:0 0 0 4px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.25), 0 4px 12px -1px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.4), 0 6px 20px -2px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12)}:host(.lar-color-warning) input::-webkit-slider-thumb:active{border-color:var(--lar-color-warning-shade, rgb(224.4, 158.4, 0));-webkit-box-shadow:0 0 0 2px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.3), 0 2px 6px -1px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.35), 0 3px 12px -2px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 0 2px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.3), 0 2px 6px -1px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.35), 0 3px 12px -2px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15)}:host(.lar-color-warning) input::-moz-range-thumb{border-color:var(--lar-color-warning, #ffb400);box-shadow:0 0 0 3px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.2), 0 2px 8px -1px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.3), 0 4px 16px -2px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1)}:host(.lar-color-warning) input::-moz-range-thumb:hover{border-color:var(--lar-color-warning-shade, rgb(224.4, 158.4, 0));box-shadow:0 0 0 4px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.25), 0 4px 12px -1px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.4), 0 6px 20px -2px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12)}:host(.lar-color-warning) input::-moz-range-thumb:active{border-color:var(--lar-color-warning-shade, rgb(224.4, 158.4, 0));box-shadow:0 0 0 2px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.3), 0 2px 6px -1px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.35), 0 3px 12px -2px rgba(var(--lar-color-warning-rgb, 255, 180, 0), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15)}:host(.lar-color-danger) input::-webkit-slider-runnable-track{background:-webkit-gradient(linear, left top, right top, from(var(--lar-color-danger, #f6511d)), color-stop(50%, var(--lar-color-danger-tint, rgb(246.9, 98.4, 51.6))), to(rgba(0, 0, 0, 0.08)));background:linear-gradient(to right, var(--lar-color-danger, #f6511d), var(--lar-color-danger-tint, rgb(246.9, 98.4, 51.6)) 50%, rgba(0, 0, 0, 0.08));-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1)}:host(.lar-color-danger) input::-moz-range-track{background:linear-gradient(to right, var(--lar-color-danger, #f6511d), var(--lar-color-danger-tint, rgb(246.9, 98.4, 51.6)) 50%, rgba(0, 0, 0, 0.08));box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1)}:host(.lar-color-danger) input::-webkit-slider-thumb{border-color:var(--lar-color-danger, #f6511d);-webkit-box-shadow:0 0 0 3px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.2), 0 2px 8px -1px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.3), 0 4px 16px -2px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1);box-shadow:0 0 0 3px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.2), 0 2px 8px -1px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.3), 0 4px 16px -2px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1)}:host(.lar-color-danger) input::-webkit-slider-thumb:hover{border-color:var(--lar-color-danger-shade, rgb(216.48, 71.28, 25.52));-webkit-box-shadow:0 0 0 4px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.25), 0 4px 12px -1px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.4), 0 6px 20px -2px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12);box-shadow:0 0 0 4px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.25), 0 4px 12px -1px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.4), 0 6px 20px -2px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12)}:host(.lar-color-danger) input::-webkit-slider-thumb:active{border-color:var(--lar-color-danger-shade, rgb(216.48, 71.28, 25.52));-webkit-box-shadow:0 0 0 2px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.3), 0 2px 6px -1px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.35), 0 3px 12px -2px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 0 2px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.3), 0 2px 6px -1px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.35), 0 3px 12px -2px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15)}:host(.lar-color-danger) input::-moz-range-thumb{border-color:var(--lar-color-danger, #f6511d);box-shadow:0 0 0 3px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.2), 0 2px 8px -1px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.3), 0 4px 16px -2px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1)}:host(.lar-color-danger) input::-moz-range-thumb:hover{border-color:var(--lar-color-danger-shade, rgb(216.48, 71.28, 25.52));box-shadow:0 0 0 4px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.25), 0 4px 12px -1px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.4), 0 6px 20px -2px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12)}:host(.lar-color-danger) input::-moz-range-thumb:active{border-color:var(--lar-color-danger-shade, rgb(216.48, 71.28, 25.52));box-shadow:0 0 0 2px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.3), 0 2px 6px -1px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.35), 0 3px 12px -2px rgba(var(--lar-color-danger-rgb, 246, 81, 29), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15)}:host(.lar-color-light) input::-webkit-slider-runnable-track{background:-webkit-gradient(linear, left top, right top, from(var(--lar-color-light, #f4f5f8)), color-stop(50%, var(--lar-color-light-tint, rgb(245.1, 246, 248.7))), to(rgba(0, 0, 0, 0.08)));background:linear-gradient(to right, var(--lar-color-light, #f4f5f8), var(--lar-color-light-tint, rgb(245.1, 246, 248.7)) 50%, rgba(0, 0, 0, 0.08));-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1)}:host(.lar-color-light) input::-moz-range-track{background:linear-gradient(to right, var(--lar-color-light, #f4f5f8), var(--lar-color-light-tint, rgb(245.1, 246, 248.7)) 50%, rgba(0, 0, 0, 0.08));box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1)}:host(.lar-color-light) input::-webkit-slider-thumb{border-color:var(--lar-color-light, #f4f5f8);-webkit-box-shadow:0 0 0 3px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.2), 0 2px 8px -1px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.3), 0 4px 16px -2px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1);box-shadow:0 0 0 3px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.2), 0 2px 8px -1px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.3), 0 4px 16px -2px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1)}:host(.lar-color-light) input::-webkit-slider-thumb:hover{border-color:var(--lar-color-light-shade, rgb(214.72, 215.6, 218.24));-webkit-box-shadow:0 0 0 4px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.25), 0 4px 12px -1px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.4), 0 6px 20px -2px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12);box-shadow:0 0 0 4px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.25), 0 4px 12px -1px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.4), 0 6px 20px -2px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12)}:host(.lar-color-light) input::-webkit-slider-thumb:active{border-color:var(--lar-color-light-shade, rgb(214.72, 215.6, 218.24));-webkit-box-shadow:0 0 0 2px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.3), 0 2px 6px -1px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.35), 0 3px 12px -2px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 0 2px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.3), 0 2px 6px -1px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.35), 0 3px 12px -2px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15)}:host(.lar-color-light) input::-moz-range-thumb{border-color:var(--lar-color-light, #f4f5f8);box-shadow:0 0 0 3px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.2), 0 2px 8px -1px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.3), 0 4px 16px -2px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1)}:host(.lar-color-light) input::-moz-range-thumb:hover{border-color:var(--lar-color-light-shade, rgb(214.72, 215.6, 218.24));box-shadow:0 0 0 4px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.25), 0 4px 12px -1px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.4), 0 6px 20px -2px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12)}:host(.lar-color-light) input::-moz-range-thumb:active{border-color:var(--lar-color-light-shade, rgb(214.72, 215.6, 218.24));box-shadow:0 0 0 2px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.3), 0 2px 6px -1px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.35), 0 3px 12px -2px rgba(var(--lar-color-light-rgb, 244, 245, 248), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15)}:host(.lar-color-medium) input::-webkit-slider-runnable-track{background:-webkit-gradient(linear, left top, right top, from(var(--lar-color-medium, #d6d6d6)), color-stop(50%, var(--lar-color-medium-tint, rgb(218.1, 218.1, 218.1))), to(rgba(0, 0, 0, 0.08)));background:linear-gradient(to right, var(--lar-color-medium, #d6d6d6), var(--lar-color-medium-tint, rgb(218.1, 218.1, 218.1)) 50%, rgba(0, 0, 0, 0.08));-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1)}:host(.lar-color-medium) input::-moz-range-track{background:linear-gradient(to right, var(--lar-color-medium, #d6d6d6), var(--lar-color-medium-tint, rgb(218.1, 218.1, 218.1)) 50%, rgba(0, 0, 0, 0.08));box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1)}:host(.lar-color-medium) input::-webkit-slider-thumb{border-color:var(--lar-color-medium, #d6d6d6);-webkit-box-shadow:0 0 0 3px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.2), 0 2px 8px -1px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.3), 0 4px 16px -2px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1);box-shadow:0 0 0 3px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.2), 0 2px 8px -1px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.3), 0 4px 16px -2px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1)}:host(.lar-color-medium) input::-webkit-slider-thumb:hover{border-color:var(--lar-color-medium-shade, rgb(188.32, 188.32, 188.32));-webkit-box-shadow:0 0 0 4px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.25), 0 4px 12px -1px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.4), 0 6px 20px -2px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12);box-shadow:0 0 0 4px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.25), 0 4px 12px -1px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.4), 0 6px 20px -2px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12)}:host(.lar-color-medium) input::-webkit-slider-thumb:active{border-color:var(--lar-color-medium-shade, rgb(188.32, 188.32, 188.32));-webkit-box-shadow:0 0 0 2px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.3), 0 2px 6px -1px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.35), 0 3px 12px -2px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 0 2px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.3), 0 2px 6px -1px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.35), 0 3px 12px -2px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15)}:host(.lar-color-medium) input::-moz-range-thumb{border-color:var(--lar-color-medium, #d6d6d6);box-shadow:0 0 0 3px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.2), 0 2px 8px -1px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.3), 0 4px 16px -2px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1)}:host(.lar-color-medium) input::-moz-range-thumb:hover{border-color:var(--lar-color-medium-shade, rgb(188.32, 188.32, 188.32));box-shadow:0 0 0 4px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.25), 0 4px 12px -1px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.4), 0 6px 20px -2px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12)}:host(.lar-color-medium) input::-moz-range-thumb:active{border-color:var(--lar-color-medium-shade, rgb(188.32, 188.32, 188.32));box-shadow:0 0 0 2px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.3), 0 2px 6px -1px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.35), 0 3px 12px -2px rgba(var(--lar-color-medium-rgb, 214, 214, 214), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15)}:host(.lar-color-dark) input::-webkit-slider-runnable-track{background:-webkit-gradient(linear, left top, right top, from(var(--lar-color-dark, #222428)), color-stop(50%, var(--lar-color-dark-tint, rgb(56.1, 57.9, 61.5))), to(rgba(0, 0, 0, 0.08)));background:linear-gradient(to right, var(--lar-color-dark, #222428), var(--lar-color-dark-tint, rgb(56.1, 57.9, 61.5)) 50%, rgba(0, 0, 0, 0.08));-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1)}:host(.lar-color-dark) input::-moz-range-track{background:linear-gradient(to right, var(--lar-color-dark, #222428), var(--lar-color-dark-tint, rgb(56.1, 57.9, 61.5)) 50%, rgba(0, 0, 0, 0.08));box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1)}:host(.lar-color-dark) input::-webkit-slider-thumb{border-color:var(--lar-color-dark, #222428);-webkit-box-shadow:0 0 0 3px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.2), 0 2px 8px -1px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.3), 0 4px 16px -2px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1);box-shadow:0 0 0 3px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.2), 0 2px 8px -1px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.3), 0 4px 16px -2px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1)}:host(.lar-color-dark) input::-webkit-slider-thumb:hover{border-color:var(--lar-color-dark-shade, rgb(29.92, 31.68, 35.2));-webkit-box-shadow:0 0 0 4px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.25), 0 4px 12px -1px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.4), 0 6px 20px -2px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12);box-shadow:0 0 0 4px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.25), 0 4px 12px -1px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.4), 0 6px 20px -2px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12)}:host(.lar-color-dark) input::-webkit-slider-thumb:active{border-color:var(--lar-color-dark-shade, rgb(29.92, 31.68, 35.2));-webkit-box-shadow:0 0 0 2px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.3), 0 2px 6px -1px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.35), 0 3px 12px -2px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 0 2px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.3), 0 2px 6px -1px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.35), 0 3px 12px -2px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15)}:host(.lar-color-dark) input::-moz-range-thumb{border-color:var(--lar-color-dark, #222428);box-shadow:0 0 0 3px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.2), 0 2px 8px -1px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.3), 0 4px 16px -2px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.1)}:host(.lar-color-dark) input::-moz-range-thumb:hover{border-color:var(--lar-color-dark-shade, rgb(29.92, 31.68, 35.2));box-shadow:0 0 0 4px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.25), 0 4px 12px -1px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.4), 0 6px 20px -2px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.12)}:host(.lar-color-dark) input::-moz-range-thumb:active{border-color:var(--lar-color-dark-shade, rgb(29.92, 31.68, 35.2));box-shadow:0 0 0 2px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.3), 0 2px 6px -1px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.35), 0 3px 12px -2px rgba(var(--lar-color-dark-rgb, 34, 36, 40), 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.15)}";const x=class{constructor(o){r(this,o);this.larchange=a(this,"larchange");this.larfocus=a(this,"larfocus");this.larblur=a(this,"larblur");this.orientation="horizontal";this.value=0;this.step=1;this.min=0;this.max=100;this.onChange=r=>{this.value=parseFloat(r.target.value);this.larchange.emit({value:this.value})};this.onFocus=()=>{this.larfocus.emit()};this.onBlur=()=>{this.larblur.emit()};this.disabled=false}render(){return o(b,{key:"653c143436021f4d08ab4e85c6bf78b2c3e74c61",class:Object.assign(Object.assign({},l(this.color)),{"lar-slider":true,"lar-slider-disabled":this.disabled,"lar-slider-vertical":this.orientation==="vertical","lar-slider-horizontal":this.orientation==="horizontal"})},o("input",{key:"8275b9e9ca8f05b932eab339fe1b6450c79d2797",onInput:this.onChange,onFocus:this.onFocus,onMouseUp:this.onBlur,onTouchEnd:this.onBlur,type:"range",min:this.min,step:this.step,max:this.max,value:this.value,disabled:this.disabled}))}get el(){return p(this)}};x.style=g;export{x as lar_slider};
//# sourceMappingURL=p-51d573b8.entry.js.map