.rcp-saturation{border-radius:calc(var(--radius)*.5)}.rcp-hue{height:8px}.rcp-saturation-cursor{border-width:4px}.rcp-hue-cursor{border-width:4px;width:16px;height:16px}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:5px}*{scrollbar-width:thin;scrollbar-color:hsl(var(--border))transparent}.hide-x-scroll{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;overflow-x:scroll;overflow-y:inherit}.hide-x-scroll::-webkit-scrollbar{width:0;height:0}
.scrim-after{position:relative}.scrim-after:after{content:"";z-index:0;background:linear-gradient(#fff0 0%,#fff6 65.1%,#fff9 100%);position:absolute;inset:0}.dark .scrim-after:after{background:linear-gradient(#0d0e0f00 0%,#0d0e0f66 65.1%,#0d0e0f99 100%)}.scrim{background:linear-gradient(#fff9 0%,#fff6 65.1%,#fff0 100%)}.dark .scrim{background:linear-gradient(#0d0e0f99 0%,#0d0e0f66 65.1%,#0d0e0f00 100%)}.scrim-up{background:linear-gradient(#fff0 0%,#fff6 65.1%,#fff9 100%)}.dark .scrim-up{background:linear-gradient(#0d0e0f00 0%,#0d0e0f66 65.1%,#0d0e0f99 100%)}
.fade-r{-webkit-mask-image:linear-gradient(90deg,#000 0% 95%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 95%,#0000 100%)}.fade-l{-webkit-mask-image:linear-gradient(270deg,#000 0% 90%,#0000 100%);mask-image:linear-gradient(270deg,#000 0% 90%,#0000 100%)}.fade-x{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.fade-b{-webkit-mask-image:linear-gradient(#000 0% 60%,#0000 100%);mask-image:linear-gradient(#000 0% 60%,#0000 100%)}.fade-r-50{-webkit-mask-image:linear-gradient(90deg,#000 0% 50%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 50%,#0000 100%)}.fade-r-60{-webkit-mask-image:linear-gradient(90deg,#000 0% 60%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 60%,#0000 100%)}.fade-r-70{-webkit-mask-image:linear-gradient(90deg,#000 0% 70%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 70%,#0000 100%)}.fade-r-80{-webkit-mask-image:linear-gradient(90deg,#000 0% 80%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 80%,#0000 100%)}.fade-r-90{-webkit-mask-image:linear-gradient(90deg,#000 0% 90%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 90%,#0000 100%)}.fade-l-50{-webkit-mask-image:linear-gradient(270deg,#000 0% 50%,#0000 100%);mask-image:linear-gradient(270deg,#000 0% 50%,#0000 100%)}.fade-l-60{-webkit-mask-image:linear-gradient(270deg,#000 0% 60%,#0000 100%);mask-image:linear-gradient(270deg,#000 0% 60%,#0000 100%)}.fade-l-70{-webkit-mask-image:linear-gradient(270deg,#000 0% 70%,#0000 100%);mask-image:linear-gradient(270deg,#000 0% 70%,#0000 100%)}.fade-l-80{-webkit-mask-image:linear-gradient(270deg,#000 0% 80%,#0000 100%);mask-image:linear-gradient(270deg,#000 0% 80%,#0000 100%)}.fade-l-90{-webkit-mask-image:linear-gradient(270deg,#000 0% 90%,#0000 100%);mask-image:linear-gradient(270deg,#000 0% 90%,#0000 100%)}.fade-b-50{-webkit-mask-image:linear-gradient(#000 0% 50%,#0000 100%);mask-image:linear-gradient(#000 0% 50%,#0000 100%)}.fade-b-60{-webkit-mask-image:linear-gradient(#000 0% 60%,#0000 100%);mask-image:linear-gradient(#000 0% 60%,#0000 100%)}.fade-b-70{-webkit-mask-image:linear-gradient(#000 0% 70%,#0000 100%);mask-image:linear-gradient(#000 0% 70%,#0000 100%)}.fade-b-80{-webkit-mask-image:linear-gradient(#000 0% 80%,#0000 100%);mask-image:linear-gradient(#000 0% 80%,#0000 100%)}.fade-b-90{-webkit-mask-image:linear-gradient(#000 0% 90%,#0000 100%);mask-image:linear-gradient(#000 0% 90%,#0000 100%)}.fade-t-50{-webkit-mask-image:linear-gradient(#0000 0%,#000 50% 100%);mask-image:linear-gradient(#0000 0%,#000 50% 100%)}.fade-t-60{-webkit-mask-image:linear-gradient(#0000 0%,#000 40% 100%);mask-image:linear-gradient(#0000 0%,#000 40% 100%)}.fade-t-70{-webkit-mask-image:linear-gradient(#0000 0%,#000 30% 100%);mask-image:linear-gradient(#0000 0%,#000 30% 100%)}.fade-t-80{-webkit-mask-image:linear-gradient(#0000 0%,#000 20% 100%);mask-image:linear-gradient(#0000 0%,#000 20% 100%)}.fade-t-90{-webkit-mask-image:linear-gradient(#0000 0%,#000 10% 100%);mask-image:linear-gradient(#0000 0%,#000 10% 100%)}.fade-x-10{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.fade-x-20{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 20% 80%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 20% 80%,#0000 100%)}.fade-x-30{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 30% 70%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 30% 70%,#0000 100%)}.fade-t-scroll{-webkit-mask-image:linear-gradient(#0000 0%,#000 40px);mask-image:linear-gradient(#0000 0%,#000 40px)}.fade-b-scroll{-webkit-mask-image:linear-gradient(0deg,#0000 0%,#000 40px);mask-image:linear-gradient(0deg,#0000 0%,#000 40px)}.fade-y-scroll{-webkit-mask-image:linear-gradient(#0000 0%,#000 40px calc(100% - 40px),#0000 100%);mask-image:linear-gradient(#0000 0%,#000 40px calc(100% - 40px),#0000 100%)}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}