.curve-preview-strip{--curve-strip-fade:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-x pan-y;overflow:auto clip}.curve-preview-strip::-webkit-scrollbar{display:none}.curve-preview-strip button,.curve-preview-strip-scroll{touch-action:manipulation}.curve-preview-strip[data-overflow=end],.curve-preview-strip[data-overflow=start],.curve-preview-strip[data-overflow=both]{-webkit-mask-position:top;mask-position:top;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.curve-preview-strip[data-overflow=end]{-webkit-mask-image:linear-gradient(to right, #000 0%, #000 calc(100% - var(--curve-strip-fade)), transparent 100%);-webkit-mask-image:linear-gradient(to right, #000 0%, #000 calc(100% - var(--curve-strip-fade)), transparent 100%);mask-image:linear-gradient(to right, #000 0%, #000 calc(100% - var(--curve-strip-fade)), transparent 100%)}.curve-preview-strip[data-overflow=start]{-webkit-mask-image:linear-gradient(to right, transparent 0%, #000 var(--curve-strip-fade), #000 100%);-webkit-mask-image:linear-gradient(to right, transparent 0%, #000 var(--curve-strip-fade), #000 100%);mask-image:linear-gradient(to right, transparent 0%, #000 var(--curve-strip-fade), #000 100%)}.curve-preview-strip[data-overflow=both]{-webkit-mask-image:linear-gradient(to right, transparent 0%, #000 var(--curve-strip-fade), #000 calc(100% - var(--curve-strip-fade)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0%, #000 var(--curve-strip-fade), #000 calc(100% - var(--curve-strip-fade)), transparent 100%);mask-image:linear-gradient(to right, transparent 0%, #000 var(--curve-strip-fade), #000 calc(100% - var(--curve-strip-fade)), transparent 100%)}.curve-preview-strip-scroll{z-index:10;background:color-mix(in oklab, var(--background) 78%, transparent);width:1.5rem;height:1.5rem;color:var(--muted-foreground);opacity:0;pointer-events:none;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s,color .15s;display:none;position:absolute;top:3.75rem}.curve-preview-strip-scroll[data-direction=start]{left:0}.curve-preview-strip-scroll[data-direction=end]{right:0}.curve-preview-strip-scroll:hover{color:var(--foreground)}.curve-preview-strip-scroll:focus-visible:not(:disabled){opacity:1;pointer-events:auto}@media (hover:hover) and (pointer:fine){.curve-preview-strip-scroll{display:flex}.curve-preview-strip-row:hover .curve-preview-strip-scroll:not(:disabled),.curve-preview-strip-row:focus-within .curve-preview-strip-scroll:not(:disabled){opacity:1;pointer-events:auto}}.curve-preview-strip-scroll:disabled{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.curve-preview-strip-scroll{transition:none}}.curve-slot-marks{z-index:1;pointer-events:none;transform:translate(var(--active-x,0), var(--active-y,0));width:var(--active-w,0);height:var(--active-h,0);opacity:0;position:absolute;top:0;left:0}.curve-slot-marks-hover{transform:translate(var(--hover-x,0), var(--hover-y,0));width:var(--hover-w,0);height:var(--hover-h,0)}.curve-preview-slots[data-marks-ready] .curve-slot-marks{transition:transform .25s cubic-bezier(.22,1,.36,1),width .25s cubic-bezier(.22,1,.36,1),height .25s cubic-bezier(.22,1,.36,1),opacity .2s ease-out}.curve-preview-slots[data-slot-active] .curve-slot-marks-active{opacity:1}@media (hover:hover) and (pointer:fine){.curve-preview-slots[data-hovering] .curve-slot-marks-hover{opacity:1}}@media (prefers-reduced-motion:reduce){.curve-preview-slots[data-marks-ready] .curve-slot-marks{transition:opacity .2s ease-out}}