.tano{--spectrum-rose:#ed5263;--spectrum-orange:#fb751f;--spectrum-yellow:#f3c507;--spectrum-lime:#89de16;--spectrum-cyan:#46b7d1;--spectrum-violet:#8464e3;--spectrum-magenta:#cc6add;--spectrum-linear:linear-gradient(90deg, var(--spectrum-rose), var(--spectrum-orange), var(--spectrum-yellow), var(--spectrum-lime), var(--spectrum-cyan), var(--spectrum-violet), var(--spectrum-magenta));--spectrum-loop:linear-gradient(90deg, var(--spectrum-rose), var(--spectrum-orange), var(--spectrum-yellow), var(--spectrum-lime), var(--spectrum-cyan), var(--spectrum-violet), var(--spectrum-magenta), var(--spectrum-rose), var(--spectrum-orange), var(--spectrum-yellow), var(--spectrum-lime), var(--spectrum-cyan), var(--spectrum-violet), var(--spectrum-magenta), var(--spectrum-rose))}@keyframes tano-rainbow-travel{to{background-position:200%}}@keyframes tano-rainbow-pulse{0%,to{opacity:.22}50%{opacity:.48}}.tano-button{isolation:isolate;white-space:nowrap;cursor:pointer;font-family:var(--typeface-heading);text-transform:none;transition:transform .18s cubic-bezier(.32, .72, 0, 1), color calc(.2s * var(--state-colour-run,1)) ease;background:0 0;border:0;justify-content:center;align-items:center;line-height:1.1;text-decoration:none;display:inline-flex;position:relative}.tano-button[data-size=lg]{--tano-button-radius:24px;--tano-button-icon:24px;border-radius:var(--tano-button-radius);height:60px;font-size:var(--size-heading-sm);letter-spacing:-.04em;gap:12px;padding-inline:32px;font-weight:500}.tano-button[data-size=md]{--tano-button-radius:16px;--tano-button-icon:20px;border-radius:var(--tano-button-radius);height:48px;font-size:var(--size-heading-xs);letter-spacing:-.04em;gap:8px;padding-inline:24px;font-weight:500}.tano-button[data-size=sm]{--tano-button-radius:12px;--tano-button-icon:16px;border-radius:var(--tano-button-radius);height:32px;font-size:var(--size-body-sm);letter-spacing:-.025em;gap:8px;padding-inline:16px}.tano-button[data-size=xs]{--tano-button-radius:8px;--tano-button-icon:12px;border-radius:var(--tano-button-radius);height:24px;font-size:var(--size-body-xs);letter-spacing:-.025em;gap:6px;padding-inline:12px}.tano-button__glow,.tano-button__edge,.tano-button__fill{border-radius:inherit;pointer-events:none;transition:opacity .26s;position:absolute}.tano-button__glow{z-index:0;opacity:0;inset:0}.tano-button__edge{z-index:1;opacity:0;inset:0}.tano-button__fill{z-index:2;opacity:1;transition:opacity .26s ease, background-color calc(.2s * var(--state-colour-run,1)) ease, background-position .62s cubic-bezier(.32, .72, 0, 1);inset:0}.tano-button__label{z-index:4;align-items:center;gap:inherit;display:inline-flex;position:relative}.tano-button__icon{width:var(--tano-button-icon,20px);height:var(--tano-button-icon,20px);flex:none;justify-content:center;align-items:center;display:inline-flex}.tano-button__icon--chevron{width:.5em;height:.75em}.tano-button__icon--chevron svg{width:100%;height:100%;display:block}.tano-button[data-hover]:not([data-disabled]){transform:translateY(-1px)}@media (hover:hover){.tano-button:hover:not([data-disabled]){transform:translateY(-1px)}}.tano-button:active:not([data-disabled]),.tano-button[data-press]:not([data-disabled]){transition-duration:80ms;transform:translateY(1px)scale(.985)}.tano-button:focus-visible,.tano-button[data-focus]{outline:2px solid var(--text-primary);outline-offset:3px}.tano-button[data-variant=primary]{color:var(--text-inverse)}.tano-button[data-variant=primary] .tano-button__fill{background-color:var(--zinc-900)}.tano-button[data-variant=primary][data-hover] .tano-button__fill{background-color:var(--zinc-800)}@media (hover:hover){.tano-button[data-variant=primary]:hover:not([data-disabled]) .tano-button__fill{background-color:var(--zinc-800)}}.tano-button[data-variant=primary]:active:not([data-disabled]) .tano-button__fill,.tano-button[data-variant=primary][data-press]:not([data-disabled]) .tano-button__fill{background-color:var(--zinc-700)}.tano-button[data-variant=secondary]{color:var(--text-primary)}.tano-button[data-variant=secondary] .tano-button__fill{background-color:var(--zinc-300)}.tano-button[data-variant=secondary][data-hover] .tano-button__fill{background-color:var(--zinc-400)}@media (hover:hover){.tano-button[data-variant=secondary]:hover:not([data-disabled]) .tano-button__fill{background-color:var(--zinc-400)}}.tano-button[data-variant=secondary]:active:not([data-disabled]) .tano-button__fill,.tano-button[data-variant=secondary][data-press]:not([data-disabled]) .tano-button__fill{background-color:var(--zinc-500)}.tano-button[data-variant=ghost]{color:var(--text-primary)}.tano-button[data-variant=ghost] .tano-button__fill{opacity:0;background-color:var(--surface-secondary-default)}.tano-button[data-variant=ghost][data-hover] .tano-button__fill{opacity:1}@media (hover:hover){.tano-button[data-variant=ghost]:hover:not([data-disabled]) .tano-button__fill{opacity:1}}.tano-button[data-variant=ghost]:active:not([data-disabled]) .tano-button__fill,.tano-button[data-variant=ghost][data-press]:not([data-disabled]) .tano-button__fill{opacity:1;background-color:var(--surface-secondary-hover)}.tano-button[data-material=glass]{-webkit-backdrop-filter:blur(var(--glass-sm-frost,8px)) saturate(120%);backdrop-filter:blur(var(--glass-sm-frost,8px)) saturate(120%)}.tano-button[data-material=glass][data-variant=primary]{color:var(--text-primary)}.tano-button[data-material=glass] .tano-button__fill{opacity:1;background-color:color-mix(in srgb, var(--page-secondary) 55%, transparent);background-image:none}.tano-button[data-material=glass][data-variant=secondary] .tano-button__fill{background-color:color-mix(in srgb, var(--page-secondary) 34%, transparent)}.tano-button[data-material=glass][data-variant=ghost] .tano-button__fill{opacity:0;background-color:color-mix(in srgb, var(--page-secondary) 34%, transparent)}.tano-button[data-material=glass][data-hover]:not([data-disabled]) .tano-button__fill{opacity:1;background-color:color-mix(in srgb, var(--page-secondary) 70%, transparent)}@media (hover:hover){.tano-button[data-material=glass]:hover:not([data-disabled]) .tano-button__fill{opacity:1;background-color:color-mix(in srgb, var(--page-secondary) 70%, transparent)}}.tano-button[data-material=glass]:active:not([data-disabled]) .tano-button__fill,.tano-button[data-material=glass][data-press]:not([data-disabled]) .tano-button__fill{opacity:1;background-color:color-mix(in srgb, var(--page-secondary) 82%, transparent)}.tano-button[data-material=glass] .tano-button__fill{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text-primary) 8%, transparent)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.tano-button[data-material=glass] .tano-button__fill{background-color:var(--zinc-300);box-shadow:none}}.tano-button[data-rainbow] .tano-button__edge{z-index:3;padding:var(--tano-rainbow-hairline,1.5px);background-image:var(--spectrum-loop);-webkit-mask-composite:xor;opacity:0;background-position:0%;background-size:200% 100%;transition:opacity .24s,transform .36s cubic-bezier(.32,.72,0,1);inset:0;transform:scale(.97);-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tano-button[data-rainbow]{--tano-rainbow-spread:5px}.tano-button[data-rainbow][data-size=sm],.tano-button[data-rainbow][data-size=xs]{--tano-rainbow-spread:3px}.tano-button[data-rainbow] .tano-button__glow{inset:calc(var(--tano-rainbow-spread) * -1);border-radius:calc(var(--tano-button-radius,24px) + var(--tano-rainbow-spread));background-image:var(--spectrum-loop);filter:blur(var(--tano-rainbow-blur,14px));opacity:0;background-position:0%;background-size:200% 100%;transition:opacity .3s,transform .42s cubic-bezier(.32,.72,0,1);transform:scale(.94)}.tano-button[data-rainbow][data-hover]:not([data-disabled]) .tano-button__edge,.tano-button[data-rainbow][data-press]:not([data-disabled]) .tano-button__edge,.tano-button[data-rainbow][data-focus]:not([data-disabled]) .tano-button__edge{opacity:1;animation:tano-rainbow-travel var(--tano-rainbow-speed,3s) linear infinite;transform:scale(1)}@media (hover:hover){.tano-button[data-rainbow]:hover:not([data-disabled]) .tano-button__edge{opacity:1;animation:tano-rainbow-travel var(--tano-rainbow-speed,3s) linear infinite;transform:scale(1)}}.tano-button[data-rainbow][data-hover]:not([data-disabled]) .tano-button__glow,.tano-button[data-rainbow][data-press]:not([data-disabled]) .tano-button__glow,.tano-button[data-rainbow][data-focus]:not([data-disabled]) .tano-button__glow{opacity:1;animation:tano-rainbow-travel var(--tano-rainbow-speed,3s) linear infinite, tano-rainbow-pulse 2.4s ease-in-out infinite;transform:scale(1)}@media (hover:hover){.tano-button[data-rainbow]:hover:not([data-disabled]) .tano-button__glow{opacity:1;animation:tano-rainbow-travel var(--tano-rainbow-speed,3s) linear infinite, tano-rainbow-pulse 2.4s ease-in-out infinite;transform:scale(1)}}.tano-button[data-rainbow]:active:not([data-disabled]) .tano-button__glow,.tano-button[data-rainbow][data-press]:not([data-disabled]) .tano-button__glow{transform:scale(.97)}@supports ((-webkit-hyphens:none)){.tano-button[data-rainbow] .tano-button__glow{display:none}}@supports not ((mask-composite:exclude) or (-webkit-mask-composite:xor)){.tano-button[data-rainbow] .tano-button__edge{display:none}}.tano-button[data-disabled]{cursor:not-allowed;color:var(--zinc-700);transform:none}.tano-button[data-disabled] .tano-button__fill{opacity:1;background-color:var(--zinc-400);background-image:none}.tano-button[data-disabled] .tano-button__glow,.tano-button[data-disabled] .tano-button__edge{display:none}@media (prefers-reduced-motion:reduce){.tano-button,.tano-button__glow,.tano-button__edge,.tano-button__fill{transition-duration:1ms!important;animation:none!important}}
