@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}}}