.vai-brand-root,.va-sheet{--clay-ease:cubic-bezier(.22, 1, .36, 1);--clay-grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--clay-blue-body:radial-gradient(130% 160% at 28% 12%, #9dbdff 0%, #5a8df6 42%, #3063de 78%, #2553c7 100%);--clay-blue-shade:inset 0 2px 1px #ffffff8c, inset 0 -5px 10px #10267852, inset 0 0 0 1px #ffffff1a, 0 12px 22px -10px #2553c799, 0 3px 6px -2px #14287840;--clay-blue-shade-hover:inset 0 2px 1px #fff9, inset 0 -5px 10px #10267852, inset 0 0 0 1px #ffffff1f, 0 18px 30px -12px #2553c7b3, 0 5px 10px -3px #14287840;--clay-blue-shade-press:inset 0 2px 1px #fff6, inset 0 -2px 6px #10267859, inset 0 0 0 1px #ffffff14, 0 5px 10px -6px #2553c78c;--clay-light-body:linear-gradient(180deg, #fff 0%, #f4f2ee 55%, #ebe8e2 100%);--clay-light-shade:inset 0 2px 1px #fff, inset 0 -4px 8px #786c5629, 0 0 0 1px #281e0a0d, 0 10px 20px -10px #463a1e4d, 0 2px 4px -1px #0000000f;--clay-light-shade-hover:inset 0 2px 1px #fff, inset 0 -4px 8px #786c5629, 0 0 0 1px #281e0a0d, 0 16px 28px -12px #463a1e5c, 0 4px 8px -2px #00000012;--clay-light-shade-press:inset 0 2px 1px #fff, inset 0 -2px 5px #786c5633, 0 0 0 1px #281e0a0f, 0 4px 8px -5px #463a1e4d;--clay-ball-body:radial-gradient(circle at 34% 28%, #fff 0%, #eef3ff 55%, #cfdcfb 100%);--clay-ball-shade:inset 0 -3px 5px #1e3ca038, inset 0 1px 1px #fff, 0 3px 6px -2px #0a1e6e73;--clay-tile-shade:inset 0 1.5px 0 #fff, inset 0 -3px 6px #786c5624, 0 0 0 1px #281e0a0d, 0 5px 10px -5px #463a1e47;--clay-blue-shade-sm:inset 0 1.5px 1px #ffffff80, inset 0 -3px 6px #1026784d, 0 6px 12px -6px #2553c799}html.dark .vai-brand-root,html.dark .va-sheet{--clay-light-body:linear-gradient(180deg, #34343a 0%, #26262b 55%, #1e1e22 100%);--clay-light-shade:inset 0 1px 1px #ffffff29, inset 0 -4px 8px #00000059, 0 0 0 1px #ffffff0a, 0 10px 20px -10px #000c;--clay-light-shade-hover:inset 0 1px 1px #fff3, inset 0 -4px 8px #00000059, 0 0 0 1px #ffffff0d, 0 16px 28px -12px #000000e6;--clay-light-shade-press:inset 0 1px 1px #ffffff1f, inset 0 -2px 5px #0006, 0 4px 8px -5px #000c;--clay-tile-shade:inset 0 1px 1px #ffffff24, inset 0 -3px 6px #00000059, 0 0 0 1px #ffffff0a, 0 5px 10px -5px #000c}html[data-buttons=flat] .vai-brand-root,html[data-buttons=flat] .va-sheet{--clay-grain:none;--clay-blue-body:#2f66e6;--clay-blue-shade:none;--clay-blue-shade-hover:0 8px 18px -10px #2553c78c;--clay-blue-shade-press:none;--clay-blue-shade-sm:none;--clay-light-body:#f1f0ec;--clay-light-shade:inset 0 0 0 1px #281e0a0f;--clay-light-shade-hover:inset 0 0 0 1px #281e0a1f;--clay-light-shade-press:inset 0 0 0 1px #281e0a1f;--clay-ball-body:#fff;--clay-ball-shade:none;--clay-tile-shade:inset 0 0 0 1px #281e0a0f}html.dark[data-buttons=flat] .vai-brand-root,html.dark[data-buttons=flat] .va-sheet{--clay-light-body:#2a2a2f;--clay-light-shade:inset 0 0 0 1px #ffffff14;--clay-light-shade-hover:inset 0 0 0 1px #ffffff24;--clay-light-shade-press:inset 0 0 0 1px #ffffff24;--clay-tile-shade:inset 0 0 0 1px #ffffff14}html[data-buttons=coloured] .vai-brand-root,html[data-buttons=coloured] .va-sheet{--clay-grain:none;--clay-blue-body:linear-gradient(120deg, #7b61ff 0%, #3b82f6 55%, #22b8ee 100%);--clay-blue-shade:0 10px 24px -12px #585cf0b3;--clay-blue-shade-hover:0 16px 30px -12px #585cf0cc;--clay-blue-shade-press:0 4px 10px -6px #585cf099;--clay-blue-shade-sm:0 6px 12px -6px #585cf099;--clay-light-body:linear-gradient(120deg, #efe7ff 0%, #e2ecff 100%);--clay-light-shade:inset 0 0 0 1px #5a50c81a;--clay-light-shade-hover:inset 0 0 0 1px #5a50c829, 0 10px 20px -12px #5a50c866;--clay-light-shade-press:inset 0 0 0 1px #5a50c82e;--clay-ball-body:#fff;--clay-ball-shade:0 2px 6px -2px #28288c59;--clay-tile-shade:inset 0 0 0 1px #5a50c81f}html.dark[data-buttons=coloured] .vai-brand-root,html.dark[data-buttons=coloured] .va-sheet{--clay-light-body:linear-gradient(120deg, #2c2447 0%, #1f2a47 100%);--clay-light-shade:inset 0 0 0 1px #aaa0ff24;--clay-light-shade-hover:inset 0 0 0 1px #aaa0ff38, 0 10px 20px -12px #000c;--clay-light-shade-press:inset 0 0 0 1px #aaa0ff38;--clay-tile-shade:inset 0 0 0 1px #aaa0ff24}