@property --glass-flow{syntax:"<percentage>";inherits:false;initial-value:0%}:root{--flow-ease:cubic-bezier(.23, 1, .32, 1);--flow-disc-ease:cubic-bezier(.19, 1, .22, 1);--flow-arrow-ease:cubic-bezier(.34, 1.56, .64, 1);--glass-blur:blur(12px) saturate(1.6);--glass-r:999px;--glass-motion:background-color .6s var(--flow-ease), box-shadow .6s var(--flow-ease), transform .6s var(--flow-ease), opacity .18s var(--flow-ease), --glass-flow .8s var(--flow-disc-ease);--glass-color-in:color .1s linear 40ms;--glass-color-out:color .1s linear 20ms;--glass-press:scale(.95);--flow-primary-transition:background-color .3s var(--flow-ease), color .3s var(--flow-ease), opacity .3s var(--flow-ease), transform .3s var(--flow-ease);--flow-primary-press:scale(.97)}@media (prefers-reduced-motion:reduce){:root{--glass-motion:all 0s;--glass-color-in:color 0s;--glass-color-out:color 0s;--glass-press:none;--flow-primary-transition:none;--flow-primary-press:none}}@media (prefers-reduced-motion:no-preference){html :is(.klv5-tb--icon,.pbtn-icon,.dd-icon-btn,.v3-btn-icon){--glass-color-in:color 80ms linear 20ms;--glass-color-out:color .1s linear .1s}}:root,[data-theme=light]{--glass-fill:color-mix(in oklab, var(--v3-surface-3) 62%, transparent);--glass-fill-open:color-mix(in oklab, var(--v3-ink) 8%, var(--glass-fill));--glass-rim:var(--v3-edge-strong);--glass-hi:var(--v3-edge-highlight);--glass-lo:color-mix(in oklab, var(--v3-shade) 45%, transparent);--glass-glow:color-mix(in oklab, var(--v3-surface-3) 55%, transparent);--glass-drop:color-mix(in oklab, var(--v3-shade) 30%, transparent);--glass-halo:color-mix(in oklab, var(--v3-surface-3) 70%, transparent)}[data-theme=dark],.v3-dark{--glass-fill:color-mix(in oklab, var(--v3-ink) 7%, transparent);--glass-fill-open:color-mix(in oklab, var(--v3-ink) 12%, transparent);--glass-rim:var(--v3-edge-strong);--glass-hi:color-mix(in oklab, var(--v3-ink) 26%, transparent);--glass-lo:color-mix(in oklab, var(--v3-shade) 60%, transparent);--glass-glow:color-mix(in oklab, var(--v3-ink) 4%, transparent);--glass-drop:color-mix(in oklab, var(--v3-shade) 45%, transparent);--glass-halo:color-mix(in oklab, var(--v3-shade) 25%, transparent)}:root,[data-theme],.v3-dark{--glass-shadow:0 0 0 .5px var(--glass-rim), inset 1px 1px 1px -.5px var(--glass-hi), inset 3px 3px .5px -3px var(--glass-hi), inset -1px -1px 1px -.5px var(--glass-lo), inset -3px -3px .5px -3px var(--glass-lo), inset 0 0 4px 2px var(--glass-glow), 0 2px 6px var(--glass-drop), 0 0 12px var(--glass-halo);--glass-shadow-hover:0 0 0 .5px transparent, inset 1px 1px 1px -.5px var(--glass-hi), inset 3px 3px .5px -3px var(--glass-hi), inset -1px -1px 1px -.5px var(--glass-lo), inset -3px -3px .5px -3px var(--glass-lo), inset 0 0 4px 2px transparent, 0 4px 12px var(--glass-drop), 0 0 12px var(--glass-halo)}html :is(.klv5-tb:not(.klv5-tb--primary,.klv5-tb--danger),.pbtn:not([data-variant=primary]),.pbtn-icon:not(.pkit-remove),.dd-text-btn,.dd-icon-btn,.bento-link){--glass-bg:var(--glass-fill);--glass-disc:radial-gradient(circle farthest-corner at 50% 50%, var(--v3-fg) calc(var(--glass-flow) - 1px), transparent var(--glass-flow));border-radius:var(--glass-r);background-color:var(--glass-bg);background-image:var(--glass-disc);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:var(--glass-motion), var(--glass-color-out)}html :is(.klv5-tb:not(.klv5-tb--primary,.klv5-tb--danger),.pbtn:not([data-variant=primary]),.pbtn-icon:not(.pkit-remove),.dd-text-btn,.dd-icon-btn,.bento-link):is([aria-expanded=true],[aria-pressed=true]){--glass-bg:var(--glass-fill-open)}html :is(.klv5-tb:not(.klv5-tb--primary,.klv5-tb--danger),.pbtn:not([data-variant=primary]),.pbtn-icon:not(.pkit-remove),.dd-text-btn,.dd-icon-btn,.bento-link):focus-visible{outline:2px solid var(--v3-fg);outline-offset:2px}html :is(.klv5-tb:not(.klv5-tb--primary,.klv5-tb--danger),.pbtn:not([data-variant=primary]),.pbtn-icon:not(.pkit-remove),.dd-text-btn,.dd-icon-btn,.bento-link):active:not(:disabled,[aria-disabled=true]){transform:var(--glass-press)}@media (hover:hover){html :is(.klv5-tb:not(.klv5-tb--primary,.klv5-tb--danger),.pbtn:not([data-variant=primary]),.pbtn-icon:not(.pkit-remove),.dd-text-btn,.dd-icon-btn,.bento-link):hover:not(:disabled,[aria-disabled=true],[style^=color],[style*=\;color],[style*="; color"]){--glass-flow:101%;background-color:var(--glass-bg);background-image:var(--glass-disc);color:var(--v3-bg);box-shadow:var(--glass-shadow-hover);transition:var(--glass-motion), var(--glass-color-in)}html .dd-text-btn:hover:not(:disabled) .dd-chevron{color:inherit}}@media (prefers-reduced-motion:no-preference){html .dd-text-btn .dd-chevron{transition:var(--glass-color-out), transform .24s var(--ease-ios)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){html .dd-text-btn:hover .dd-chevron{transition:var(--glass-color-in), transform .24s var(--ease-ios)}}@layer components{html :is(.glass,.v3-btn:not(.v3-btn-primary,.v3-btn-ghost,.v3-btn-danger)){--glass-bg:var(--glass-fill);--glass-disc:radial-gradient(circle farthest-corner at 50% 50%, var(--v3-fg) calc(var(--glass-flow) - 1px), transparent var(--glass-flow));border-radius:var(--glass-r);background-color:var(--glass-bg);background-image:var(--glass-disc);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:var(--glass-motion), var(--glass-color-out)}html :is(.glass,.v3-btn:not(.v3-btn-primary,.v3-btn-ghost,.v3-btn-danger)):is([aria-expanded=true],[aria-pressed=true]){--glass-bg:var(--glass-fill-open)}html :is(.glass,.v3-btn:not(.v3-btn-primary,.v3-btn-ghost,.v3-btn-danger)):focus-visible{outline:2px solid var(--v3-fg);outline-offset:2px}html :is(.glass,.v3-btn:not(.v3-btn-primary,.v3-btn-ghost,.v3-btn-danger)):active:not(:disabled,[aria-disabled=true]){transform:var(--glass-press);transition:var(--glass-motion), var(--glass-color-in)}@media (hover:hover){html :is(.glass,.v3-btn:not(.v3-btn-primary,.v3-btn-ghost,.v3-btn-danger)):hover:not(:disabled,[aria-disabled=true],[style^=color],[style*=\;color],[style*="; color"]){--glass-flow:101%;background-color:var(--glass-bg);background-image:var(--glass-disc);color:var(--v3-bg);box-shadow:var(--glass-shadow-hover);transition:var(--glass-motion), var(--glass-color-in)}}html .v3-btn-primary{transition:var(--flow-primary-transition)}}html :is(.klv5-tb--primary,.klv5-top-primary,.pbtn[data-variant=primary]){transition:var(--flow-primary-transition)}html :is(.klv5-tb--primary,.klv5-top-primary,.pbtn[data-variant=primary]):active:not(:disabled,[aria-disabled=true]){transform:var(--flow-primary-press)}html .cale-row-actions .klv5-tb{--glass-blur:none}@supports ((-webkit-backdrop-filter:url(#k-glass-distort)) or (backdrop-filter:url(#k-glass-distort))) and (not (font:-apple-system-body)) and (not ((-moz-appearance:none))){html .glass--distort{--glass-blur:url(#k-glass-distort) saturate(1.6)}}.flow-go{align-items:center;min-width:0;padding-inline-end:22px;display:inline-flex;position:relative;overflow-x:clip}.flow-go-label{transition:transform .8s var(--flow-ease)}.flow-go-arrow{transition:transform .8s var(--flow-arrow-ease);margin-top:-8px;position:absolute;top:50%}.flow-go-arrow--in{left:0;transform:translate(-24px)}.flow-go-arrow--out{right:0}@media (hover:hover) and (prefers-reduced-motion:no-preference){:is(a,button):hover .flow-go-label{transform:translate(22px)}:is(a,button):hover .flow-go-arrow--in{transform:none}:is(a,button):hover .flow-go-arrow--out{transform:translate(24px)}}@media (forced-colors:active){html :is(.klv5-tb:not(.klv5-tb--primary,.klv5-tb--danger),.pbtn:not([data-variant=primary]),.pbtn-icon:not(.pkit-remove),.dd-text-btn,.dd-icon-btn,.bento-link){--glass-disc:none;outline-offset:-1px;outline:1px solid buttontext}@layer components{html :is(.glass,.v3-btn:not(.v3-btn-primary,.v3-btn-ghost,.v3-btn-danger)){--glass-disc:none;outline-offset:-1px;outline:1px solid buttontext}}}
