.yVB4GZB{position:relative;&:before{content:"";block-size:100%;min-block-size:44px;inline-size:100%;min-inline-size:44px;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}font:var(--type-body-13);letter-spacing:0;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;block-size:32px;padding-inline:16px;font-weight:500;display:inline-flex;&:disabled,&[aria-disabled=true]{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:no-preference){transition:background-color .15s cubic-bezier(.23,1,.32,1),transform .15s cubic-bezier(.23,1,.32,1);&:active:not(:disabled){transform:scale(.97)}}&[data-size=sm]{font:var(--type-caption-12);letter-spacing:0;block-size:30px;padding-inline:14px;font-weight:500}&[data-size=lg]{font:var(--type-body-14);letter-spacing:0;block-size:40px;padding-inline:20px;font-weight:500}&[data-full-width]{inline-size:100%}&[data-variant=primary]{color:var(--accent-on);background:linear-gradient(var(--accent-gradient-top), var(--accent-gradient-mid) 52%, var(--accent-gradient-bottom));box-shadow:0 3px 8px -4px var(--accent-glow), 0 1px 2px 0 light-dark(#1010182e,#00000080), inset 0 -1px 0 0 light-dark(#0000002e,#00000038), inset 0 0 0 1px #ffffff1f, inset 0 1px 0 0 #ffffff47}&[data-variant=primary]:hover:not(:disabled){background:var(--accent-solid-hover)}&[data-variant=secondary]{color:var(--text-ink);background:var(--control-fill);box-shadow:0 1px 2px light-dark(#1010180f,#00000059),inset 0 1px light-dark(#0000,#ffffff0f),inset 0 0 0 1px light-dark(#1010181a,#ffffff17)}&[data-variant=secondary]:hover:not(:disabled){background:var(--control-fill-hover)}&[data-variant=secondary]:hover:not(:disabled,:focus-visible){box-shadow:0 1px 2px light-dark(#1010180f,#00000059),inset 0 1px light-dark(#0000,#ffffff0f),inset 0 0 0 1px light-dark(#1010182b,#ffffff26)}&[data-variant=muted]{color:var(--text-ink);background:var(--control-strong-hover);box-shadow:0 1px 2px light-dark(#1010180f,#00000059),inset 0 1px light-dark(#0000,#ffffff0f),inset 0 0 0 1px light-dark(#1010181a,#ffffff17)}&[data-variant=muted]:hover:not(:disabled,:focus-visible){box-shadow:0 1px 2px light-dark(#1010180f,#00000059),inset 0 1px light-dark(#0000,#ffffff0f),inset 0 0 0 1px light-dark(#1010182b,#ffffff26)}&[data-variant=ghost]{color:var(--text-soft);background:0 0}&[data-variant=ghost]:hover:not(:disabled){color:var(--text-ink);background:var(--surface-ghost-hover)}&[data-variant=danger]{color:var(--tag-red-ink);background:var(--tag-red-fill);box-shadow:inset 0 0 0 1px var(--tag-red-line), 0 1px 2px 0 light-dark(#1010180f,#00000059), inset 0 1px 0 0 light-dark(#0000,#ffffff0f), inset 0 0 0 1px light-dark(#1010181a,#ffffff17)}&:focus-visible{box-shadow:0 0 0 1px var(--accent-ring), 0 0 0 3px var(--accent-glow);outline:2px solid #0000}}.yVB4GZB1{position:relative;&:before{content:"";block-size:100%;min-block-size:44px;inline-size:100%;min-inline-size:44px;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}font:var(--type-body-13);letter-spacing:0;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;block-size:32px;padding-inline:16px;font-weight:500;display:inline-flex;&:disabled,&[aria-disabled=true]{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:no-preference){transition:background-color .15s cubic-bezier(.23,1,.32,1),transform .15s cubic-bezier(.23,1,.32,1);&:active:not(:disabled){transform:scale(.97)}}&[data-size=sm]{font:var(--type-caption-12);letter-spacing:0;block-size:30px;padding-inline:14px;font-weight:500}&[data-size=lg]{font:var(--type-body-14);letter-spacing:0;block-size:40px;padding-inline:20px;font-weight:500}&[data-full-width]{inline-size:100%}&[data-variant=primary]{color:var(--accent-on);background:linear-gradient(var(--accent-gradient-top), var(--accent-gradient-mid) 52%, var(--accent-gradient-bottom));box-shadow:0 3px 8px -4px var(--accent-glow), 0 1px 2px 0 light-dark(#1010182e,#00000080), inset 0 -1px 0 0 light-dark(#0000002e,#00000038), inset 0 0 0 1px #ffffff1f, inset 0 1px 0 0 #ffffff47}&[data-variant=primary]:hover:not(:disabled){background:var(--accent-solid-hover)}&[data-variant=secondary]{color:var(--text-ink);background:var(--control-fill);box-shadow:0 1px 2px light-dark(#1010180f,#00000059),inset 0 1px light-dark(#0000,#ffffff0f),inset 0 0 0 1px light-dark(#1010181a,#ffffff17)}&[data-variant=secondary]:hover:not(:disabled){background:var(--control-fill-hover)}&[data-variant=secondary]:hover:not(:disabled,:focus-visible){box-shadow:0 1px 2px light-dark(#1010180f,#00000059),inset 0 1px light-dark(#0000,#ffffff0f),inset 0 0 0 1px light-dark(#1010182b,#ffffff26)}&[data-variant=muted]{color:var(--text-ink);background:var(--control-strong-hover);box-shadow:0 1px 2px light-dark(#1010180f,#00000059),inset 0 1px light-dark(#0000,#ffffff0f),inset 0 0 0 1px light-dark(#1010181a,#ffffff17)}&[data-variant=muted]:hover:not(:disabled,:focus-visible){box-shadow:0 1px 2px light-dark(#1010180f,#00000059),inset 0 1px light-dark(#0000,#ffffff0f),inset 0 0 0 1px light-dark(#1010182b,#ffffff26)}&[data-variant=ghost]{color:var(--text-soft);background:0 0}&[data-variant=ghost]:hover:not(:disabled){color:var(--text-ink);background:var(--surface-ghost-hover)}&[data-variant=danger]{color:var(--tag-red-ink);background:var(--tag-red-fill);box-shadow:inset 0 0 0 1px var(--tag-red-line), 0 1px 2px 0 light-dark(#1010180f,#00000059), inset 0 1px 0 0 light-dark(#0000,#ffffff0f), inset 0 0 0 1px light-dark(#1010181a,#ffffff17)}&:focus-visible{box-shadow:0 0 0 1px var(--accent-ring), 0 0 0 3px var(--accent-glow);outline:2px solid #0000}}