[data-theme=light]{--_0-Bk3_:var(--color-white);--_1-Bk3_:var(--color-cold-gray-900);--_2-Bk3_:var(--color-cold-gray-200)}[data-theme=dark]{--_0-Bk3_:var(--color-black);--_1-Bk3_:var(--color-cold-gray-200);--_2-Bk3_:var(--color-cold-gray-650)}.opacity-EnWts7Xu{align-items:center;display:flex}.opacitySlider-EnWts7Xu{background-color:var(--_0-Bk3_);background-image:url(opacity-pattern.4d8fbb552dde3db26f4a.svg);background-position:1px;border-radius:5px;flex:1 0 auto;height:10px;position:relative}.opacitySliderGradient-EnWts7Xu{background-image:linear-gradient(90deg,transparent,currentColor);border:1px solid;border-radius:4px;color:inherit;display:block;height:100%;width:100%}.opacitySliderGradient-EnWts7Xu,.pointer-EnWts7Xu{background-color:transparent;box-sizing:border-box}.pointer-EnWts7Xu{background-color:var(--color-container-fill-primary-inverse);border:2px solid var(--color-border-primary-neutral-extra-heavy);border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.5);height:12px;margin:-1px 0 0;position:absolute;transition:left .1s,top .1s;width:12px}.pointer-EnWts7Xu.dragged-EnWts7Xu{transition:left 0s}.opacityPointerWrap-EnWts7Xu{left:0;position:absolute;top:0;width:calc(100% - 12px)}.opacityInputWrap-EnWts7Xu{align-items:center;color:var(--_1-Bk3_);display:flex;position:relative}.opacityInput-EnWts7Xu{background-color:transparent;border:1px solid var(--_2-Bk3_);border-radius:4px;box-sizing:border-box;display:flex;height:26px;line-height:24px;margin-left:8px;padding:0 14px 0 5px;text-align:right;width:47px}.opacityInput-EnWts7Xu:focus{border-color:var(--color-brand)}.opacityInputPercent-EnWts7Xu{left:40px;pointer-events:none;position:absolute;text-align:right;top:5px}.accessible-EnWts7Xu{outline:none;overflow:visible;position:relative}.accessible-EnWts7Xu:focus{outline:none}.accessible-EnWts7Xu:focus-visible{outline:none}.accessible-EnWts7Xu:after{border-style:solid;border-width:2px;box-sizing:border-box;content:"";display:none;height:calc(100% + 8px);left:-4px;pointer-events:none;position:absolute;top:-4px;width:calc(100% + 8px);z-index:1}.accessible-EnWts7Xu:focus:after{display:block}.accessible-EnWts7Xu:focus-visible:after{display:block}.accessible-EnWts7Xu:focus:not(:focus-visible):after{display:none}.accessible-EnWts7Xu:after{border-radius:6px}.accessible-EnWts7Xu:after{border-color:var(--color-tv-blue-500)}