[class*=di-hue-]{--di-hue:oklch(var(--di-hue-lch))}.di-hue-blue{--di-hue-lch:var(--di-sys-blue-lch);--di-hue-text:var(--di-sys-blue-text);--di-hue-tint:.14}.di-hue-teal{--di-hue-lch:var(--di-sys-teal-lch);--di-hue-text:var(--di-sys-teal-text);--di-hue-tint:.09}.di-hue-green{--di-hue-lch:var(--di-sys-green-lch);--di-hue-text:var(--di-sys-green-text);--di-hue-tint:.1}.di-hue-yellow{--di-hue-lch:var(--di-sys-yellow-lch);--di-hue-text:var(--di-sys-yellow-text);--di-hue-tint:.08}.di-hue-pink{--di-hue-lch:var(--di-sys-pink-lch);--di-hue-text:var(--di-sys-pink-text);--di-hue-tint:.12}.di-hue-cyan{--di-hue-lch:var(--di-sys-cyan-lch);--di-hue-text:var(--di-sys-cyan-text);--di-hue-tint:.09}.di-blob,.di-tint:before{--di-ramp:oklch(var(--c) / var(--p)) 0%, oklch(var(--c) / calc(var(--p) * .923)) 22.28%, oklch(var(--c) / calc(var(--p) * .846)) 29.29%, oklch(var(--c) / calc(var(--p) * .769)) 34.72%, oklch(var(--c) / calc(var(--p) * .692)) 39.43%, oklch(var(--c) / calc(var(--p) * .615)) 43.78%, oklch(var(--c) / calc(var(--p) * .538)) 47.95%, oklch(var(--c) / calc(var(--p) * .462)) 52.05%, oklch(var(--c) / calc(var(--p) * .385)) 56.22%, oklch(var(--c) / calc(var(--p) * .308)) 60.57%, oklch(var(--c) / calc(var(--p) * .231)) 65.28%, oklch(var(--c) / calc(var(--p) * .154)) 70.71%, oklch(var(--c) / calc(var(--p) * .077)) 77.72%, transparent 100%}.di-blob{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle closest-side in oklab, var(--di-ramp));position:absolute}.di-tint{isolation:isolate;position:relative}.di-tint:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;--c:var(--di-hue-lch);--p:var(--di-hue-tint);background:radial-gradient(75% 85% at var(--di-tint-at,10% 0%) in oklab, var(--di-ramp));position:absolute;inset:0}.di-tint:after{content:"";z-index:-1;border-radius:inherit;opacity:.04;mix-blend-mode:overlay;background-image:var(--di-noise);pointer-events:none;position:absolute;inset:0}.di-tint[data-tint=right]{--di-tint-at:90% 0%}.di-hue-ring{box-shadow:inset 0 0 0 1px oklch(var(--di-hue-lch) / .32)}.di-hue-wash{background-color:oklch(var(--di-hue-lch) / .12)}.di-pro-wash{background-color:oklch(var(--di-amber-lch) / .12)}.di-link-wash{background-color:oklch(var(--di-blue-text-lch) / .1)}@supports (color:color-mix(in lab, red, red)){.di-pro-wash{background-color:color-mix(in oklab, var(--di-amber) 12%, transparent)}.di-link-wash{background-color:color-mix(in oklab, var(--di-blue-text) 10%, transparent)}}.di-hue-edge{height:var(--di-edge-h,var(--radius-2xl));border:2px solid var(--di-hue);border-radius:inherit;pointer-events:none;border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;position:absolute;inset:0 0 auto}
@property --di-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.di-pro-wrap>.di-pro-col{inset-block:0;z-index:-1;border-radius:var(--radius-2xl);background-color:var(--di-bg-1);pointer-events:none;position:absolute;right:0}@supports (mask-composite:exclude){.di-pro-ring{border-radius:inherit;background:conic-gradient(from var(--di-angle,0deg) in oklab, var(--di-sys-blue), var(--di-sys-teal), var(--di-sys-green), var(--di-sys-yellow), var(--di-sys-blue));padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}}@keyframes di-turn{to{--di-angle:180deg}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.di-pro-wrap{view-timeline-name:--di-pricing}.di-pro-ring{animation:linear both di-turn;animation-timeline:--di-pricing;animation-range:cover}}}
