:root{--ds-color-gray-0: oklch(0 0 0);--ds-color-gray-20: oklch(.218 0 0);--ds-color-gray-25: oklch(.252 0 0);--ds-color-gray-55: oklch(.556 0 0);--ds-color-gray-60: oklch(.6 0 0);--ds-color-gray-70: oklch(.683 0 0);--ds-color-gray-95: oklch(.962 .003 286.35);--ds-color-gray-100: oklch(1 0 0);--ds-color-gray-0a5: oklch(0 0 0 / .05);--ds-color-gray-0a10: oklch(0 0 0 / .1);--ds-color-gray-0a20: oklch(0 0 0 / .2);--ds-color-gray-0a30: oklch(0 0 0 / .3);--ds-color-gray-0a40: oklch(0 0 0 / .4);--ds-color-gray-0a60: oklch(0 0 0 / .6);--ds-color-gray-0a80: oklch(0 0 0 / .8);--ds-color-gray-100a5: oklch(1 0 0 / .05);--ds-color-gray-100a10: oklch(1 0 0 / .1);--ds-color-gray-100a20: oklch(1 0 0 / .2);--ds-color-gray-100a30: oklch(1 0 0 / .3);--ds-color-gray-100a40: oklch(1 0 0 / .4);--ds-color-gray-100a60: oklch(1 0 0 / .6);--ds-color-gray-100a80: oklch(1 0 0 / .8);--ds-color-blue-15: oklch(.15 .04 248.807);--ds-color-blue-35: oklch(.35 .095 248.807);--ds-color-blue-65: oklch(.669 .184 248.807);--ds-color-blue-85: oklch(.85 .077 248.807);--ds-color-blue-95: oklch(.95 .024 248.807);--ds-color-green-15: oklch(.15 .043 152.509);--ds-color-green-35: oklch(.35 .102 152.509);--ds-color-green-65: oklch(.669 .197 152.509);--ds-color-green-85: oklch(.85 .082 152.509);--ds-color-green-95: oklch(.95 .026 152.509);--ds-color-red-15: oklch(.15 .047 25.929);--ds-color-red-35: oklch(.35 .112 25.929);--ds-color-red-65: oklch(.669 .217 25.929);--ds-color-red-85: oklch(.85 .091 25.929);--ds-color-red-95: oklch(.95 .028 25.929)}:root,[data-mode=day]{--ds-color-text-primary: var(--ds-color-gray-0);--ds-color-text-secondary: var(--ds-color-gray-0a60);--ds-color-text-tertiary: var(--ds-color-gray-0a40);--ds-color-text-brand: var(--ds-color-blue-65);--ds-color-text-positive: var(--ds-color-green-65);--ds-color-text-negative: var(--ds-color-red-65);--ds-color-text-primary-inverse: var(--ds-color-gray-100);--ds-color-icon-primary: var(--ds-color-gray-0);--ds-color-icon-secondary: var(--ds-color-gray-0a60);--ds-color-icon-tertiary: var(--ds-color-gray-0a40);--ds-color-icon-brand: var(--ds-color-blue-65);--ds-color-icon-positive: var(--ds-color-green-65);--ds-color-icon-negative: var(--ds-color-red-65);--ds-color-icon-primary-inverse: var(--ds-color-gray-100);--ds-color-bg-primary: var(--ds-color-gray-100);--ds-color-bg-secondary: var(--ds-color-gray-95);--ds-color-bg-tertiary: var(--ds-color-gray-0a10);--ds-color-bg-quaternary: var(--ds-color-gray-0a5);--ds-color-bg-brand-primary: var(--ds-color-blue-65);--ds-color-bg-brand-secondary: var(--ds-color-blue-95);--ds-color-bg-positive-primary: var(--ds-color-green-65);--ds-color-bg-positive-secondary: var(--ds-color-green-95);--ds-color-bg-negative-primary: var(--ds-color-red-65);--ds-color-bg-negative-secondary: var(--ds-color-red-95);--ds-color-bg-primary-inverse: var(--ds-color-gray-0);--ds-color-bg-tertiary-inverse: var(--ds-color-gray-100a10);--ds-color-bg-quaternary-inverse: var(--ds-color-gray-100a5);--ds-color-border-primary: var(--ds-color-gray-0a20);--ds-color-border-secondary: var(--ds-color-gray-0a10);--ds-color-border-brand: var(--ds-color-blue-65);--ds-color-border-positive: var(--ds-color-green-65);--ds-color-border-negative: var(--ds-color-red-65)}[data-mode=night]{--ds-color-text-primary: var(--ds-color-gray-100);--ds-color-text-secondary: var(--ds-color-gray-100a60);--ds-color-text-tertiary: var(--ds-color-gray-100a40);--ds-color-text-brand: var(--ds-color-blue-65);--ds-color-text-positive: var(--ds-color-green-65);--ds-color-text-negative: var(--ds-color-red-65);--ds-color-text-primary-inverse: var(--ds-color-gray-0);--ds-color-icon-primary: var(--ds-color-gray-100);--ds-color-icon-secondary: var(--ds-color-gray-100a60);--ds-color-icon-tertiary: var(--ds-color-gray-100a40);--ds-color-icon-brand: var(--ds-color-blue-65);--ds-color-icon-positive: var(--ds-color-green-65);--ds-color-icon-negative: var(--ds-color-red-65);--ds-color-icon-primary-inverse: var(--ds-color-gray-0);--ds-color-bg-primary: var(--ds-color-gray-0);--ds-color-bg-secondary: var(--ds-color-gray-20);--ds-color-bg-tertiary: var(--ds-color-gray-100a10);--ds-color-bg-quaternary: var(--ds-color-gray-100a5);--ds-color-bg-brand-primary: var(--ds-color-blue-65);--ds-color-bg-brand-secondary: var(--ds-color-blue-15);--ds-color-bg-positive-primary: var(--ds-color-green-65);--ds-color-bg-positive-secondary: var(--ds-color-green-15);--ds-color-bg-negative-primary: var(--ds-color-red-65);--ds-color-bg-negative-secondary: var(--ds-color-red-15);--ds-color-bg-primary-inverse: var(--ds-color-gray-100);--ds-color-bg-tertiary-inverse: var(--ds-color-gray-0a10);--ds-color-bg-quaternary-inverse: var(--ds-color-gray-0a5);--ds-color-border-primary: var(--ds-color-gray-100a20);--ds-color-border-secondary: var(--ds-color-gray-100a10);--ds-color-border-brand: var(--ds-color-blue-65);--ds-color-border-positive: var(--ds-color-green-65);--ds-color-border-negative: var(--ds-color-red-65)}.ds-button{appearance:none;display:inline-flex;padding:0;border:0;border-radius:999px;margin:0;background:transparent;color:inherit;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;transform-origin:center;transition-property:transform;transition-duration:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.ds-button:not(:disabled):active,.ds-button-state-pressed:not(:disabled){transform:scale(.97);transition-duration:.16s;transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.ds-button-pill{display:inline-flex;align-items:center;justify-content:center;gap:0;position:relative;block-size:56px;inline-size:fit-content;padding-inline:24px;border-radius:999px;background:var(--ds-color-bg-primary-inverse);color:var(--ds-color-text-primary-inverse);overflow:hidden;isolation:isolate}.ds-button-icon{display:grid;place-items:center;flex:none;color:inherit}.ds-button-icon .ds-icon{color:inherit}.ds-button-size-large .ds-button-icon,.ds-button-size-medium .ds-button-icon{--ds-icon-size: 24px}.ds-button-size-small .ds-button-icon{--ds-icon-size: 16px}.ds-button-type-accent .ds-button-pill{background:var(--ds-color-bg-brand-primary)}.ds-button-type-vibrant .ds-button-pill{background:transparent;color:var(--ds-color-text-primary-inverse)}.ds-button-vibrant{position:absolute;inset:0;z-index:-1;border-radius:inherit;isolation:isolate;opacity:0;pointer-events:none;transition:opacity .26s cubic-bezier(.65,0,.35,1)}.ds-button-type-vibrant .ds-button-vibrant{opacity:1}.ds-button-vibrant span{position:absolute;inset:0}.ds-button-vibrant span:not(.ds-button-vibrant-surface){border-radius:inherit}.ds-button-vibrant-surface{box-sizing:border-box;border-bottom:1px solid var(--ds-color-bg-brand-primary);background-color:var(--ds-color-bg-brand-primary);background-clip:padding-box;background-image:radial-gradient(ellipse 100.376% 475% at 50% 50%,#7f7f7f00,#7f7f7f);background-blend-mode:color-dodge}.ds-button-vibrant-stroke{box-sizing:border-box;border-bottom:1px solid oklch(1 0 0)}.ds-button-vibrant-radiance{background-image:radial-gradient(ellipse 100.376% 475% at 50% 50%,#5550,#555);mix-blend-mode:color-dodge;opacity:0;transition:opacity .2s ease}.ds-button-vibrant-hard-light{box-shadow:inset 0 -5px 10px #0047ca;mix-blend-mode:hard-light}.ds-button-vibrant-white-shadow{box-shadow:inset 0 5px 20px #fff}.ds-button-type-secondary .ds-button-pill,.ds-button-type-ghost .ds-button-pill{transition-property:background-color,color;transition-duration:.15s;transition-timing-function:ease}.ds-button-type-secondary .ds-button-pill{background:var(--ds-color-bg-tertiary);color:var(--ds-color-text-primary)}.ds-button-type-ghost .ds-button-pill{background:transparent;color:var(--ds-color-text-secondary)}.ds-button-size-medium .ds-button-pill{block-size:40px;padding-inline:12px}.ds-button-size-small .ds-button-pill{block-size:32px;padding-inline:10px}.ds-button-icon-only.ds-button-size-large .ds-button-pill{inline-size:56px}.ds-button-icon-only.ds-button-size-medium .ds-button-pill{inline-size:40px}.ds-button-icon-only.ds-button-size-small .ds-button-pill{inline-size:32px}.ds-button-icon-only .ds-button-pill{padding-inline:0}@media(max-width:1023px){.ds-button-size-small .ds-button-icon{--ds-icon-size: 20px}.ds-button-size-small .ds-button-pill{block-size:36px}.ds-button-icon-only.ds-button-size-small .ds-button-pill{inline-size:36px}}.ds-button-pill:before,.ds-button-type-accent .ds-button-pill:after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;opacity:0;pointer-events:none;transition-property:opacity;transition-duration:.38s;transition-timing-function:cubic-bezier(.25,.46,.45,.94);will-change:opacity}.ds-button-pill:before{box-shadow:inset 0 -10px 30px oklch(from var(--ds-color-bg-primary) l c h / .3)}.ds-button-type-vibrant .ds-button-pill:before{content:none}.ds-button-type-secondary .ds-button-pill:before,.ds-button-type-ghost .ds-button-pill:before{z-index:-1;box-shadow:none;transition-duration:.15s;transition-timing-function:ease}.ds-button-type-secondary .ds-button-pill:before{background:oklch(from var(--ds-color-bg-tertiary) l c h / .0556)}.ds-button-type-ghost .ds-button-pill:before{background:var(--ds-color-bg-tertiary)}.ds-button-type-accent .ds-button-pill:after{background:radial-gradient(40% 80% at 50% 100%,#fff6,#fff0)}.ds-button-compensation{display:block;position:relative;inset-block-start:-1px;z-index:1;inline-size:fit-content;padding-inline:6px;color:inherit;white-space:nowrap}.ds-button-size-medium .ds-button-compensation,.ds-button-size-small .ds-button-compensation{padding-inline:4px}@media(hover:hover)and (pointer:fine){.ds-button-type-vibrant:not(:disabled):hover .ds-button-vibrant-radiance,.ds-button-type-vibrant.ds-button-state-hover:not(:disabled) .ds-button-vibrant-radiance{opacity:1}.ds-button-type-ghost:not(:disabled):hover .ds-button-pill,.ds-button-type-ghost.ds-button-state-hover:not(:disabled) .ds-button-pill{color:var(--ds-color-text-primary)}.ds-button:not(:disabled):hover .ds-button-pill:before,.ds-button-state-hover:not(:disabled) .ds-button-pill:before,.ds-button-type-accent:not(:disabled):hover .ds-button-pill:after,.ds-button-type-accent.ds-button-state-hover:not(:disabled) .ds-button-pill:after{transition-duration:.38s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.ds-button-type-secondary:not(:disabled):hover .ds-button-pill:before,.ds-button-type-secondary.ds-button-state-hover:not(:disabled) .ds-button-pill:before,.ds-button-type-ghost:not(:disabled):hover .ds-button-pill:before,.ds-button-type-ghost.ds-button-state-hover:not(:disabled) .ds-button-pill:before{transition-duration:.15s;transition-timing-function:ease}.ds-button:not(:disabled):hover .ds-button-pill:before,.ds-button-state-hover:not(:disabled) .ds-button-pill:before{opacity:1}.ds-button-type-accent:not(:disabled):hover .ds-button-pill:after,.ds-button-type-accent.ds-button-state-hover:not(:disabled) .ds-button-pill:after{opacity:1}}@media(prefers-reduced-motion:reduce){.ds-button,.ds-button-pill:before,.ds-button-pill:after,.ds-button-vibrant,.ds-button-vibrant-radiance{transition:none}.ds-button-type-secondary .ds-button-pill,.ds-button-type-ghost .ds-button-pill{transition:none}}