.skeuo-slider-wrapper{--slider-value:0;border-radius:3.125rem;width:100%;padding:.1875rem;box-shadow:inset 0 2px 2px #0006,inset 0 -1px 2px #fff3}.skeuo-slider-wrapper.orientation-vertical{width:1.5rem;height:100%}.skeuo-slider-container{background-image:linear-gradient(#151616,#232728);border-radius:3.125rem;height:100%;padding:.1875rem}.skeuo-slider-track{border-radius:inherit;background-image:linear-gradient(#040809,#232728);align-items:center;width:100%;height:.25rem;display:flex;position:relative;box-shadow:inset 0 .1875rem .125rem #0003,0 0 0 .0625rem #141617,0 calc(.0625rem + 1px) #5f6060}.skeuo-slider-wrapper.orientation-vertical .skeuo-slider-track{flex-direction:column-reverse;width:.25rem;height:100%;margin:0 auto}.skeuo-slider-track-fill{border-radius:inherit;width:calc(var(--slider-value) * 1%);filter:brightness(1.2);background-color:red;height:100%}.skeuo-slider-wrapper.orientation-vertical .skeuo-slider-track-fill{width:100%;height:calc(var(--slider-value) * 1%)}.skeuo-slider-wrapper.variant-blue .skeuo-slider-track-fill{background-image:linear-gradient(90deg,#097dd6,#13dcf1);box-shadow:inset 0 .1875rem .125rem #0003,0 0 .75rem .125rem #0eade380}.skeuo-slider-wrapper.variant-green .skeuo-slider-track-fill{background-image:linear-gradient(90deg,#178f27,#18ffff);box-shadow:inset 0 .1875rem .125rem #0003,0 0 .75rem .125rem #17cb9380}.skeuo-slider-wrapper.variant-red .skeuo-slider-track-fill{background-image:linear-gradient(90deg,#db2811,#ffff0d);box-shadow:inset 0 .1875rem .125rem #0003,0 0 .75rem .125rem #dd500e80}.skeuo-slider-wrapper.variant-neutral .skeuo-slider-track-fill{background-image:linear-gradient(90deg,#444,#999);box-shadow:inset 0 .1875rem .125rem #0006,0 0 .5rem .0625rem #ffffff1a}.skeuo-slider-wrapper.orientation-vertical.variant-blue .skeuo-slider-track-fill{background-image:linear-gradient(#13dcf1,#097dd6)}.skeuo-slider-wrapper.orientation-vertical.variant-green .skeuo-slider-track-fill{background-image:linear-gradient(#18ffff,#178f27)}.skeuo-slider-wrapper.orientation-vertical.variant-red .skeuo-slider-track-fill{background-image:linear-gradient(#ffff0d,#db2811)}.skeuo-slider-wrapper.orientation-vertical.variant-neutral .skeuo-slider-track-fill{background-image:linear-gradient(#999,#444)}.skeuo-slider-thumb{top:50%;left:calc(var(--slider-value) / 100 * (100% - .25rem) + .125rem);pointer-events:none;background-image:repeating-conic-gradient(#fff 0deg,#dff5ff 25deg,#a0b6cc 55deg,#7d96af 75deg,#dff5ff 90deg,#7d96af 105deg,#a0b6cc 125deg,#dff5ff 155deg,#fff 180deg);border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 -.5rem .5rem -.5rem #fffc,0 .5rem .25rem #0003,inset 0 0 0 .125rem #7d96afcc,inset 0 .0625rem .0625rem .1875rem #fff9}.skeuo-slider-wrapper.orientation-vertical .skeuo-slider-thumb{left:50%;top:calc(100% - (var(--slider-value) / 100 * (100% - .25rem) + .125rem))}.skeuo-slider-wrapper.orientation-vertical .skeuo-slider-input{width:var(--slider-height,100px);-webkit-appearance:none;cursor:pointer;background:0 0;height:30px;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.skeuo-slider-input{appearance:none;z-index:10;opacity:0;cursor:pointer;width:calc(100% + 1rem);height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skeuo-slider-input::-webkit-slider-runnable-track{height:100%}.skeuo-slider-input::-webkit-slider-thumb{appearance:none;border-radius:50%;width:1.5rem;height:1.5rem}.skeuo-slider-input::-moz-range-thumb{appearance:none;border-radius:50%;width:1.5rem;height:1.5rem}
.hifi-button-wrapper{appearance:none;cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.hifi-button-well{background:#0a0a0a;border-radius:50%;justify-content:center;align-items:center;padding:3px;display:flex;box-shadow:inset 0 2px 5px #000c,0 1px 1px #ffffff0d}.hifi-button-cap{background:linear-gradient(145deg,#d1d1d1,#a1a1a1);border-radius:50%;justify-content:center;align-items:center;transition:transform .1s cubic-bezier(.4,0,.2,1),box-shadow .1s;display:flex;position:relative;overflow:hidden;box-shadow:2px 2px 5px #0006,-1px -1px 2px #fffc,inset 0 0 2px #ffffff80}.hifi-button-lathe-texture{opacity:.5;pointer-events:none;background-image:repeating-conic-gradient(#0000000d 0deg 1deg,#ffffff0d 1deg 2deg);position:absolute;inset:0}.hifi-button-content{z-index:1;color:#333;justify-content:center;align-items:center;display:flex;position:relative}.size-sm .hifi-button-cap{width:32px;height:32px}.size-md .hifi-button-cap{width:44px;height:44px}.size-lg .hifi-button-cap{width:56px;height:56px}.size-sm .hifi-button-content svg{width:14px;height:14px}.size-md .hifi-button-content svg{width:18px;height:18px}.size-lg .hifi-button-content svg{width:24px;height:24px}.variant-primary .hifi-button-cap{background:linear-gradient(145deg,#f05a22,#d72d12)}.variant-primary .hifi-button-content{color:#fff}.variant-accent .hifi-button-cap{background:linear-gradient(145deg,#4ade80,#16a34a)}.variant-accent .hifi-button-content{color:#fff}.hifi-button-wrapper:active .hifi-button-cap{transform:scale(.92)translate(1px,1px);box-shadow:0 0 1px #0003,inset 0 2px 4px #0000004d}.hifi-button-wrapper.is-active .hifi-button-cap{box-shadow:0 0 10px #f05a2266,inset 0 0 5px #fff6}