.react-colorful{gap:8px;height:160px!important}.react-colorful__saturation{border:1px solid var(--color-border)!important;border-radius:6px!important}.react-colorful__hue{border-radius:5px!important;height:10px!important;margin:0 8px 8px!important}.react-colorful__saturation-pointer,.react-colorful__hue-pointer{border:2px solid #fff!important;width:16px!important;height:16px!important;box-shadow:0 0 0 1px #0000004d,0 2px 4px #0003!important}.scroll-edge-fade{--scroll-edge-fade-size:2rem}.scroll-edge-fade[data-scroll-edge-axis=vertical][data-scrollable-start=true][data-scrollable-end=true]{-webkit-mask-image:linear-gradient(to bottom, transparent, black var(--scroll-edge-fade-size), black calc(100% - var(--scroll-edge-fade-size)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, black var(--scroll-edge-fade-size), black calc(100% - var(--scroll-edge-fade-size)), transparent);mask-image:linear-gradient(to bottom, transparent, black var(--scroll-edge-fade-size), black calc(100% - var(--scroll-edge-fade-size)), transparent)}.scroll-edge-fade[data-scroll-edge-axis=vertical][data-scrollable-start=true][data-scrollable-end=false]{-webkit-mask-image:linear-gradient(to bottom, transparent, black var(--scroll-edge-fade-size));-webkit-mask-image:linear-gradient(to bottom, transparent, black var(--scroll-edge-fade-size));mask-image:linear-gradient(to bottom, transparent, black var(--scroll-edge-fade-size))}.scroll-edge-fade[data-scroll-edge-axis=vertical][data-scrollable-start=false][data-scrollable-end=true]{-webkit-mask-image:linear-gradient(to bottom, black calc(100% - var(--scroll-edge-fade-size)), transparent);-webkit-mask-image:linear-gradient(to bottom, black calc(100% - var(--scroll-edge-fade-size)), transparent);mask-image:linear-gradient(to bottom, black calc(100% - var(--scroll-edge-fade-size)), transparent)}.scroll-edge-fade[data-scroll-edge-axis=horizontal][data-scrollable-start=true][data-scrollable-end=true]{-webkit-mask-image:linear-gradient(to right, transparent, black var(--scroll-edge-fade-size), black calc(100% - var(--scroll-edge-fade-size)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, black var(--scroll-edge-fade-size), black calc(100% - var(--scroll-edge-fade-size)), transparent);mask-image:linear-gradient(to right, transparent, black var(--scroll-edge-fade-size), black calc(100% - var(--scroll-edge-fade-size)), transparent)}.scroll-edge-fade[data-scroll-edge-axis=horizontal][data-scrollable-start=true][data-scrollable-end=false]{-webkit-mask-image:linear-gradient(to right, transparent, black var(--scroll-edge-fade-size));-webkit-mask-image:linear-gradient(to right, transparent, black var(--scroll-edge-fade-size));mask-image:linear-gradient(to right, transparent, black var(--scroll-edge-fade-size))}.scroll-edge-fade[data-scroll-edge-axis=horizontal][data-scrollable-start=false][data-scrollable-end=true]{-webkit-mask-image:linear-gradient(to right, black calc(100% - var(--scroll-edge-fade-size)), transparent);-webkit-mask-image:linear-gradient(to right, black calc(100% - var(--scroll-edge-fade-size)), transparent);mask-image:linear-gradient(to right, black calc(100% - var(--scroll-edge-fade-size)), transparent)}.scroll-edge-fade:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))[data-scroll-edge-axis=horizontal][data-scrollable-start=true][data-scrollable-end=false]{-webkit-mask-image:linear-gradient(to left, transparent, black var(--scroll-edge-fade-size));-webkit-mask-image:linear-gradient(to left, transparent, black var(--scroll-edge-fade-size));mask-image:linear-gradient(to left, transparent, black var(--scroll-edge-fade-size))}.scroll-edge-fade:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))[data-scroll-edge-axis=horizontal][data-scrollable-start=true][data-scrollable-end=false]{-webkit-mask-image:linear-gradient(to left, transparent, black var(--scroll-edge-fade-size));-webkit-mask-image:linear-gradient(to left, transparent, black var(--scroll-edge-fade-size));mask-image:linear-gradient(to left, transparent, black var(--scroll-edge-fade-size))}.scroll-edge-fade:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))[data-scroll-edge-axis=horizontal][data-scrollable-start=true][data-scrollable-end=false]{-webkit-mask-image:linear-gradient(to left, transparent, black var(--scroll-edge-fade-size));-webkit-mask-image:linear-gradient(to left, transparent, black var(--scroll-edge-fade-size));mask-image:linear-gradient(to left, transparent, black var(--scroll-edge-fade-size))}.scroll-edge-fade:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))[data-scroll-edge-axis=horizontal][data-scrollable-start=false][data-scrollable-end=true]{-webkit-mask-image:linear-gradient(to left, black calc(100% - var(--scroll-edge-fade-size)), transparent);-webkit-mask-image:linear-gradient(to left, black calc(100% - var(--scroll-edge-fade-size)), transparent);mask-image:linear-gradient(to left, black calc(100% - var(--scroll-edge-fade-size)), transparent)}.scroll-edge-fade:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))[data-scroll-edge-axis=horizontal][data-scrollable-start=false][data-scrollable-end=true]{-webkit-mask-image:linear-gradient(to left, black calc(100% - var(--scroll-edge-fade-size)), transparent);-webkit-mask-image:linear-gradient(to left, black calc(100% - var(--scroll-edge-fade-size)), transparent);mask-image:linear-gradient(to left, black calc(100% - var(--scroll-edge-fade-size)), transparent)}.scroll-edge-fade:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))[data-scroll-edge-axis=horizontal][data-scrollable-start=false][data-scrollable-end=true]{-webkit-mask-image:linear-gradient(to left, black calc(100% - var(--scroll-edge-fade-size)), transparent);-webkit-mask-image:linear-gradient(to left, black calc(100% - var(--scroll-edge-fade-size)), transparent);mask-image:linear-gradient(to left, black calc(100% - var(--scroll-edge-fade-size)), transparent)}.scrollable-content-viewport{--scrollable-content-size-max-height:clamp(12rem, calc(100dvh - 24rem), 28rem);max-height:var(--scrollable-content-max-height,var(--scrollable-content-size-max-height));scrollbar-color:color-mix(in srgb, var(--color-foreground) 24%, transparent) transparent;scrollbar-width:thin;container:scrollable-content/scroll-state}.scrollable-content-viewport[data-size=sm]{--scrollable-content-size-max-height:clamp(8rem, calc(100dvh - 32rem), 16rem)}.scrollable-content-viewport[data-size=md]{--scrollable-content-size-max-height:clamp(10rem, calc(100dvh - 28rem), 22rem)}.scrollable-content-scroller{z-index:20;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .15s ease-in-out,visibility .15s ease-in-out;position:absolute;left:50%}.scrollable-content-scroller[data-scroll-direction=up]{top:0;translate:-50% -50%}.scrollable-content-scroller[data-scroll-direction=down]{bottom:0;translate:-50% 50%}[data-slot=scrollable-content][data-scrollable-top=true]>.scrollable-content-scroller[data-scroll-direction=up],[data-slot=scrollable-content][data-scrollable-bottom=true]>.scrollable-content-scroller[data-scroll-direction=down]{visibility:visible;pointer-events:auto;opacity:1}.scrollable-content-viewport::-webkit-scrollbar{width:.25rem}.scrollable-content-viewport::-webkit-scrollbar-track{background:0 0}.scrollable-content-viewport::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-foreground) 24%, transparent);border-radius:9999px}.scrollable-content-edge{z-index:10;pointer-events:none;opacity:0;height:0;transition:opacity .15s ease-in-out;position:sticky}.scrollable-content-edge:before{content:"";position:absolute;left:0;right:0}.scrollable-content-edge[data-edge=top]{top:0}.scrollable-content-edge[data-edge=bottom]{top:100%}.scrollable-content-viewport[data-edge-behavior=border] .scrollable-content-edge:before{background-color:var(--color-border);height:1px}.scrollable-content-viewport[data-edge-behavior=border] .scrollable-content-edge[data-edge=top]:before{top:0}.scrollable-content-viewport[data-edge-behavior=border] .scrollable-content-edge[data-edge=bottom]:before{bottom:0}@container scrollable-content scroll-state(scrollable:top){.scrollable-content-edge[data-edge=top]{opacity:1}}@container scrollable-content scroll-state(scrollable:bottom){.scrollable-content-edge[data-edge=bottom]{opacity:1}}@supports not (container-type:scroll-state){.scrollable-content-viewport[data-scrollable-top=true] .scrollable-content-edge[data-edge=top],.scrollable-content-viewport[data-scrollable-bottom=true] .scrollable-content-edge[data-edge=bottom]{opacity:1}}@media (prefers-reduced-motion:reduce){.scrollable-content-edge,.scrollable-content-scroller{transition:none}}