.PenWidthSlider_input__FO05e{margin-top:auto;margin-bottom:auto;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--color-twk-primary-tint-1),var(--tw-bg-opacity));height:var(--bar-height);&::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--color-twk-grayscale-400),var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--color-twk-grayscale-100),var(--tw-bg-opacity));position:absolute;top:50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--twk-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--dir:1}[dir=rtl] &::-webkit-slider-thumb{--dir:-1}&::-webkit-slider-thumb{--tw-translate-x:-50%;--twk-translate-x:calc(var(--tw-translate-x) * var(--dir));z-index:1;width:calc(var(--bar-height) + var(--padding));height:calc(var(--bar-height) + var(--padding));inset-inline-start:var(--thumb-position)}&:active::-webkit-slider-thumb{outline-style:solid}&:active::-webkit-slider-thumb{outline-width:8px}&:active::-webkit-slider-thumb{outline-color:#00000028}}@keyframes PenWidthSlider_fade-out__VAoZQ{0%,33%{opacity:1}to{opacity:0}}.PenWidthSlider_fade__NgSV8{animation-name:PenWidthSlider_fade-out__VAoZQ;animation-fill-mode:forwards;animation-duration:var(--fade-ms,1.5s)}