.cl-internal-1ju8i3s { animation: 150ms ease 0s 1 normal none running animation-y5rijl; z-index: 10000; background-color: var(--clerk-color-modal-backdrop, color-mix(in srgb, transparent, #000000 73%)); align-items: flex-start; -webkit-box-pack: center; justify-content: center; overflow: auto; width: 100vw; height: -webkit-fill-available; position: fixed; left: 0px; top: 0px; }
@-webkit-keyframes animation-y5rijl { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes animation-y5rijl { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.cl-internal-1m3xdk2 { display: flex; flex-flow: row; -webkit-box-align: stretch; animation: 150ms ease 0s 1 normal none running animation-y5rijl; z-index: 10000; background-color: var(--clerk-color-modal-backdrop, color-mix(in srgb, transparent, #000000 73%)); align-items: flex-start; -webkit-box-pack: center; justify-content: center; overflow: auto; width: 100vw; height: -webkit-fill-available; position: fixed; left: 0px; top: 0px; }
.cl-internal-a6z71v { box-sizing: border-box; display: flex; flex-flow: row; -webkit-box-align: stretch; animation: 150ms ease 0s 1 normal none running animation-y5rijl; z-index: 10000; background-color: var(--clerk-color-modal-backdrop, color-mix(in srgb, transparent, #000000 73%)); align-items: flex-start; -webkit-box-pack: center; justify-content: center; overflow: auto; width: 100vw; height: -webkit-fill-available; position: fixed; left: 0px; top: 0px; }
.cl-internal-1j4zghn { position: relative; outline: 0px; animation: 180ms ease-out 0s 1 normal none running animation-chn8p3; margin: calc(var(--clerk-spacing, 1rem) * 4) 0; }
@media (max-width: 30em) {
  .cl-internal-1j4zghn { margin: calc(var(--clerk-spacing, 1rem) * 2.5) 0; }
}
@-webkit-keyframes animation-chn8p3 { 
  0% { opacity: 0; transform: translateY(0.5rem); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes animation-chn8p3 { 
  0% { opacity: 0; transform: translateY(0.5rem); }
  100% { opacity: 1; transform: translateY(0px); }
}
.cl-internal-nyku2x { display: flex; flex-flow: row; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; position: relative; outline: 0px; animation: 180ms ease-out 0s 1 normal none running animation-chn8p3; margin: calc(var(--clerk-spacing, 1rem) * 4) 0; }
@media (max-width: 30em) {
  .cl-internal-nyku2x { margin: calc(var(--clerk-spacing, 1rem) * 2.5) 0; }
}
.cl-internal-167d2r6 { box-sizing: border-box; display: flex; flex-flow: row; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; position: relative; outline: 0px; animation: 180ms ease-out 0s 1 normal none running animation-chn8p3; margin: calc(var(--clerk-spacing, 1rem) * 4) 0; }
@media (max-width: 30em) {
  .cl-internal-167d2r6 { margin: calc(var(--clerk-spacing, 1rem) * 2.5) 0; }
}
.cl-internal-fqc41u { box-sizing: border-box; width: fit-content; font-family: var(--clerk-font-family, inherit); font-style: normal; }
.cl-internal-1uhp5wh { isolation: isolate; max-width: calc(-2.5rem + 100vw); width: 25rem; border-style: solid; border-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%); border-radius: var(--clerk-border-radius-xl, calc(var(--clerk-border-radius, 0.375rem) * 2)); color: var(--clerk-color-foreground, light-dark(#212126, white)); position: relative; overflow: hidden; border-width: 0px; box-shadow: 0px 5px 15px 0px color-mix(in srgb, transparent, var(--clerk-color-shadow, #000000) 8%),0px 15px 35px -5px color-mix(in srgb, transparent, var(--clerk-color-shadow, #000000) 20%),0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%); }
.cl-internal-qcaval { display: flex; flex-flow: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; isolation: isolate; max-width: calc(-2.5rem + 100vw); width: 25rem; border-style: solid; border-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%); border-radius: var(--clerk-border-radius-xl, calc(var(--clerk-border-radius, 0.375rem) * 2)); color: var(--clerk-color-foreground, light-dark(#212126, white)); position: relative; overflow: hidden; border-width: 0px; box-shadow: 0px 5px 15px 0px color-mix(in srgb, transparent, var(--clerk-color-shadow, #000000) 8%),0px 15px 35px -5px color-mix(in srgb, transparent, var(--clerk-color-shadow, #000000) 20%),0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%); }
.cl-internal-1h6fgzy { box-sizing: border-box; display: flex; flex-flow: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; isolation: isolate; max-width: calc(-2.5rem + 100vw); width: 25rem; border-style: solid; border-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%); border-radius: var(--clerk-border-radius-xl, calc(var(--clerk-border-radius, 0.375rem) * 2)); color: var(--clerk-color-foreground, light-dark(#212126, white)); position: relative; overflow: hidden; border-width: 0px; box-shadow: 0px 5px 15px 0px color-mix(in srgb, transparent, var(--clerk-color-shadow, #000000) 8%),0px 15px 35px -5px color-mix(in srgb, transparent, var(--clerk-color-shadow, #000000) 20%),0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%); }
.cl-internal-1l96j8q { background-color: var(--clerk-color-background, light-dark(#ffffff, #212126)); transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 200ms; text-align: center; z-index: 10; border-style: solid; border-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%); border-radius: var(--clerk-border-radius-lg, calc(var(--clerk-border-radius, 0.375rem) * 4 / 3)); position: relative; padding: calc(var(--clerk-spacing, 1rem) * 2) calc(var(--clerk-spacing, 1rem) * 2.5); -webkit-box-pack: center; place-content: center; margin-block-start: -1px; margin-inline: -1px; border-width: 0px; box-shadow: 0px 0px 2px 0px color-mix(in srgb, transparent, var(--clerk-color-shadow, #000000) 8%),0px 1px 2px 0px color-mix(in srgb, transparent, var(--clerk-color-shadow, #000000) 6%),0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 3%); }
.cl-internal-1am844z { display: flex; flex-flow: column; -webkit-box-align: stretch; align-items: stretch; gap: calc(var(--clerk-spacing, 1rem) * 2); background-color: var(--clerk-color-background, light-dark(#ffffff, #212126)); transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 200ms; text-align: center; z-index: 10; border-style: solid; border-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%); border-radius: var(--clerk-border-radius-lg, calc(var(--clerk-border-radius, 0.375rem) * 4 / 3)); position: relative; padding: calc(var(--clerk-spacing, 1rem) * 2) calc(var(--clerk-spacing, 1rem) * 2.5); -webkit-box-pack: center; place-content: center; margin-block-start: -1px; margin-inline: -1px; border-width: 0px; box-shadow: 0px 0px 2px 0px color-mix(in srgb, transparent, var(--clerk-color-shadow, #000000) 8%),0px 1px 2px 0px color-mix(in srgb, transparent, var(--clerk-color-shadow, #000000) 6%),0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 3%); }
.cl-internal-ml9k5m { box-sizing: border-box; display: flex; flex-flow: column; -webkit-box-align: stretch; align-items: stretch; gap: calc(var(--clerk-spacing, 1rem) * 2); background-color: var(--clerk-color-background, light-dark(#ffffff, #212126)); transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 200ms; text-align: center; z-index: 10; border-style: solid; border-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%); border-radius: var(--clerk-border-radius-lg, calc(var(--clerk-border-radius, 0.375rem) * 4 / 3)); position: relative; padding: calc(var(--clerk-spacing, 1rem) * 2) calc(var(--clerk-spacing, 1rem) * 2.5); -webkit-box-pack: center; place-content: center; margin-block-start: -1px; margin-inline: -1px; border-width: 0px; box-shadow: 0px 0px 2px 0px color-mix(in srgb, transparent, var(--clerk-color-shadow, #000000) 8%),0px 1px 2px 0px color-mix(in srgb, transparent, var(--clerk-color-shadow, #000000) 6%),0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 3%); }
.cl-internal-1bc5he1 { color: var(--clerk-color-muted-foreground, color-mix(in srgb, transparent, var(--clerk-color-foreground, light-dark(#212126, white)) 65%)); z-index: 10000; position: absolute; top: calc(var(--clerk-spacing, 1rem) * 0.5); inset-inline-end: calc(var(--clerk-spacing, 1rem) * 0.5); padding: calc(var(--clerk-spacing, 1rem) * 0.75); }
.cl-internal-1bc5he1[data-variant="solid"] { border-width: 0px; }
.cl-internal-1bc5he1[data-variant="solid"]::after { position: absolute; content: ""; border-radius: inherit; z-index: -1; inset: 0px; opacity: 1; transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 100ms; background: linear-gradient(rgba(255, 255, 255, 0.11) 0%, transparent 100%); }
.cl-internal-1bc5he1[data-variant="solid"]:hover::after { opacity: 0; }
.cl-internal-1bc5he1[data-variant="solid"]:active::after { opacity: 1; }
.cl-internal-1bc5he1[data-variant="solid"][data-color="primary"] { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-1bc5he1[data-variant="solid"][data-color="primary"]:focus { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1bc5he1[data-variant="solid"][data-color="primary"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-1bc5he1[data-variant="solid"][data-color="primary"]:focus-visible { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1bc5he1[data-variant="solid"][data-color="danger"] { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-1bc5he1[data-variant="solid"][data-color="danger"]:focus { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-1bc5he1[data-variant="solid"][data-color="danger"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-1bc5he1[data-variant="solid"][data-color="danger"]:focus-visible { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-1bc5he1[data-variant="outline"] { border-width: 0px; box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-1bc5he1[data-variant="outline"]:focus { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1bc5he1[data-variant="outline"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-1bc5he1[data-variant="outline"]:focus-visible { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1bc5he1[data-variant="bordered"] { border-width: 0px; box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-1bc5he1[data-variant="bordered"]:focus { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1bc5he1[data-variant="bordered"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-1bc5he1[data-variant="bordered"]:focus-visible { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1wszkpk { margin: 0px; border-width: 0px; outline: 0px; user-select: none; cursor: pointer; background-color: unset; border-radius: var(--clerk-border-radius-md, var(--clerk-border-radius, 0.375rem)); isolation: isolate; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 100ms; font-family: var(--clerk-font-family-buttons, var(--clerk-font-family, inherit)); letter-spacing: normal; font-weight: var(--clerk-font-weight-medium, 500); font-size: var(--clerk-font-size-md, var(--clerk-font-size, 0.8125rem)); line-height: calc(1.38462); --accent: var(--clerk-color-primary, light-dark(#2F3037, #ffffff)); --accentHover: color-mix(in srgb, var(--clerk-color-primary, light-dark(#2F3037, #ffffff)), white 20%); --border: var(--clerk-color-primary, light-dark(#2F3037, #ffffff)); --accentContrast: var(--clerk-color-primary-foreground, light-dark(white, black)); --alpha: color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 3%); color: var(--clerk-color-muted-foreground, color-mix(in srgb, transparent, var(--clerk-color-foreground, light-dark(#212126, white)) 65%)); z-index: 10000; position: absolute; top: calc(var(--clerk-spacing, 1rem) * 0.5); inset-inline-end: calc(var(--clerk-spacing, 1rem) * 0.5); padding: calc(var(--clerk-spacing, 1rem) * 0.75); }
.cl-internal-1wszkpk:disabled, .cl-internal-1wszkpk[data-disabled] { cursor: not-allowed; pointer-events: none; opacity: 0.5; }
.cl-internal-1wszkpk:hover { background-color: var(--alpha); color: var(--accentHover); }
.cl-internal-1wszkpk:focus { -webkit-tap-highlight-color: transparent; box-shadow: 0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-timing-function: ease; transition-duration: 200ms; }
.cl-internal-1wszkpk:focus:not(:focus-visible) { box-shadow: none; }
.cl-internal-1wszkpk:focus-visible { -webkit-tap-highlight-color: transparent; box-shadow: 0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-timing-function: ease; transition-duration: 200ms; }
.cl-internal-1wszkpk[data-variant="solid"] { border-width: 0px; }
.cl-internal-1wszkpk[data-variant="solid"]::after { position: absolute; content: ""; border-radius: inherit; z-index: -1; inset: 0px; opacity: 1; transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 100ms; background: linear-gradient(rgba(255, 255, 255, 0.11) 0%, transparent 100%); }
.cl-internal-1wszkpk[data-variant="solid"]:hover::after { opacity: 0; }
.cl-internal-1wszkpk[data-variant="solid"]:active::after { opacity: 1; }
.cl-internal-1wszkpk[data-variant="solid"][data-color="primary"] { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-1wszkpk[data-variant="solid"][data-color="primary"]:focus { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1wszkpk[data-variant="solid"][data-color="primary"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-1wszkpk[data-variant="solid"][data-color="primary"]:focus-visible { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1wszkpk[data-variant="solid"][data-color="danger"] { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-1wszkpk[data-variant="solid"][data-color="danger"]:focus { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-1wszkpk[data-variant="solid"][data-color="danger"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-1wszkpk[data-variant="solid"][data-color="danger"]:focus-visible { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-1wszkpk[data-variant="outline"] { border-width: 0px; box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-1wszkpk[data-variant="outline"]:focus { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1wszkpk[data-variant="outline"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-1wszkpk[data-variant="outline"]:focus-visible { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1wszkpk[data-variant="bordered"] { border-width: 0px; box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-1wszkpk[data-variant="bordered"]:focus { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1wszkpk[data-variant="bordered"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-1wszkpk[data-variant="bordered"]:focus-visible { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-spieqb { flex-shrink: 0; width: 1rem; height: 1rem; }
.cl-internal-1401ma { display: flex; flex-flow: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; gap: var(--clerk-spacing, 1rem); }
.cl-internal-1f4p2mz { box-sizing: border-box; display: flex; flex-flow: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; gap: var(--clerk-spacing, 1rem); }
.cl-internal-1u3qwgj { height: calc(3rem); -webkit-box-pack: center; justify-content: center; }
.cl-internal-1ilyd43 { display: flex; flex-flow: row; -webkit-box-align: stretch; align-items: stretch; height: calc(3rem); -webkit-box-pack: center; justify-content: center; }
.cl-internal-18b18uy { box-sizing: border-box; display: flex; flex-flow: row; -webkit-box-align: stretch; align-items: stretch; height: calc(3rem); -webkit-box-pack: center; justify-content: center; }
.cl-internal-9gg9ap { box-sizing: border-box; display: inline-flex; -webkit-box-align: center; align-items: center; margin: 0px; cursor: pointer; text-decoration: none; font-family: inherit; letter-spacing: normal; font-weight: var(--clerk-font-weight-normal, var(--clerk-font-weight, 400)); font-size: var(--clerk-font-size-md, var(--clerk-font-size, 0.8125rem)); line-height: calc(1.38462); color: var(--clerk-color-primary, light-dark(#2F3037, #ffffff)); }
.cl-internal-9gg9ap:disabled, .cl-internal-9gg9ap[data-disabled] { cursor: not-allowed; pointer-events: none; opacity: 0.5; }
.cl-internal-9gg9ap:hover { text-decoration: underline; color: hsl(from var(--clerk-color-primary, light-dark(#2F3037, #ffffff)) h s calc(l + (1 * ((97 - l) / 7)))); }
.cl-internal-9gg9ap:active { color: hsl(from var(--clerk-color-primary, light-dark(#2F3037, #ffffff)) h s calc(l - (1 * ((l - 12) / 7)))); }
.cl-internal-9gg9ap:focus-visible { outline: none; -webkit-tap-highlight-color: transparent; box-shadow: 0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-timing-function: ease; transition-duration: 200ms; }
.cl-internal-oc7xeg { display: none; height: 100%; width: 100%; object-fit: contain; }
.cl-internal-1ojlvuy { display: flex; flex-flow: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; gap: calc(var(--clerk-spacing, 1rem) * 0.25); }
.cl-internal-x0fvpz { box-sizing: border-box; display: flex; flex-flow: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; gap: calc(var(--clerk-spacing, 1rem) * 0.25); }
.cl-internal-1pgoci9 { box-sizing: border-box; color: var(--clerk-color-foreground, light-dark(#212126, white)); margin: 0px; text-wrap: balance; font-family: inherit; letter-spacing: normal; font-weight: var(--clerk-font-weight-bold, 700); font-size: var(--clerk-font-size-lg, calc(var(--clerk-font-size, 0.8125rem) * 17 / 13)); line-height: calc(1.41176); }
.cl-internal-1u9prf3 { overflow-wrap: break-word; }
.cl-internal-1u9prf3:empty { display: none; }
.cl-internal-1wwd25h { box-sizing: border-box; margin: 0px; font-size: var(--clerk-font-size-md, var(--clerk-font-size, 0.8125rem)); text-wrap: pretty; font-family: inherit; letter-spacing: normal; font-weight: var(--clerk-font-weight-normal, var(--clerk-font-weight, 400)); line-height: calc(1.38462); color: var(--clerk-color-muted-foreground, color-mix(in srgb, transparent, var(--clerk-color-foreground, light-dark(#212126, white)) 65%)); overflow-wrap: break-word; }
.cl-internal-1wwd25h:disabled, .cl-internal-1wwd25h[data-disabled] { cursor: not-allowed; pointer-events: none; opacity: 0.5; }
.cl-internal-1wwd25h:empty { display: none; }
.cl-internal-1hzklve { display: flex; flex-flow: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; gap: calc(var(--clerk-spacing, 1rem) * 1.5); }
.cl-internal-vvtys3 { box-sizing: border-box; display: flex; flex-flow: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; gap: calc(var(--clerk-spacing, 1rem) * 1.5); }
.cl-internal-1grkfuk { display: flex; flex-flow: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; gap: calc(var(--clerk-spacing, 1rem) * 0.5); }
.cl-internal-kpc0nc { box-sizing: border-box; display: flex; flex-flow: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; gap: calc(var(--clerk-spacing, 1rem) * 0.5); }
.cl-internal-jw6knv { -webkit-box-pack: center; justify-content: center; grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.cl-internal-9zv1kb { display: grid; -webkit-box-align: stretch; align-items: stretch; gap: calc(var(--clerk-spacing, 1rem) * 0.5); -webkit-box-pack: center; justify-content: center; grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.cl-internal-twlk36 { box-sizing: border-box; display: grid; -webkit-box-align: stretch; align-items: stretch; gap: calc(var(--clerk-spacing, 1rem) * 0.5); -webkit-box-pack: center; justify-content: center; grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.cl-internal-1lts9hd { gap: var(--clerk-spacing, 1rem); position: relative; -webkit-box-pack: start; justify-content: flex-start; }
.cl-internal-1lts9hd[data-variant="solid"] { border-width: 0px; }
.cl-internal-1lts9hd[data-variant="solid"]::after { position: absolute; content: ""; border-radius: inherit; z-index: -1; inset: 0px; opacity: 1; transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 100ms; background: linear-gradient(rgba(255, 255, 255, 0.11) 0%, transparent 100%); }
.cl-internal-1lts9hd[data-variant="solid"]:hover::after { opacity: 0; }
.cl-internal-1lts9hd[data-variant="solid"]:active::after { opacity: 1; }
.cl-internal-1lts9hd[data-variant="solid"][data-color="primary"] { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-1lts9hd[data-variant="solid"][data-color="primary"]:focus { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1lts9hd[data-variant="solid"][data-color="primary"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-1lts9hd[data-variant="solid"][data-color="primary"]:focus-visible { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1lts9hd[data-variant="solid"][data-color="danger"] { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-1lts9hd[data-variant="solid"][data-color="danger"]:focus { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-1lts9hd[data-variant="solid"][data-color="danger"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-1lts9hd[data-variant="solid"][data-color="danger"]:focus-visible { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-1lts9hd[data-variant="outline"] { border-width: 0px; box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-1lts9hd[data-variant="outline"]:focus { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1lts9hd[data-variant="outline"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-1lts9hd[data-variant="outline"]:focus-visible { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1lts9hd[data-variant="bordered"] { border-width: 0px; box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-1lts9hd[data-variant="bordered"]:focus { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1lts9hd[data-variant="bordered"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-1lts9hd[data-variant="bordered"]:focus-visible { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1urclv1 { margin: 0px; padding: calc(var(--clerk-spacing, 1rem) * 0.4375) calc(var(--clerk-spacing, 1rem) * 0.75); border-width: 1px; outline: 0px; user-select: none; cursor: pointer; background-color: unset; color: color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 62%); border-radius: var(--clerk-border-radius-md, var(--clerk-border-radius, 0.375rem)); isolation: isolate; display: inline-flex; -webkit-box-align: center; align-items: center; transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 100ms; font-family: var(--clerk-font-family-buttons, var(--clerk-font-family, inherit)); letter-spacing: normal; font-weight: var(--clerk-font-weight-medium, 500); font-size: var(--clerk-font-size-md, var(--clerk-font-size, 0.8125rem)); line-height: calc(1.38462); border-style: solid; border-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%); width: 100%; --accent: var(--clerk-color-primary, light-dark(#2F3037, #ffffff)); --accentHover: color-mix(in srgb, var(--clerk-color-primary, light-dark(#2F3037, #ffffff)), white 20%); --border: var(--clerk-color-primary, light-dark(#2F3037, #ffffff)); --accentContrast: var(--clerk-color-primary-foreground, light-dark(white, black)); --alpha: color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 3%); gap: var(--clerk-spacing, 1rem); position: relative; -webkit-box-pack: start; justify-content: flex-start; }
.cl-internal-1urclv1:disabled, .cl-internal-1urclv1[data-disabled] { cursor: not-allowed; pointer-events: none; opacity: 0.5; }
.cl-internal-1urclv1:hover { background-color: color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 3%); }
.cl-internal-1urclv1:focus-visible { background-color: color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 3%); border-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 28%); -webkit-tap-highlight-color: transparent; box-shadow: 0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-timing-function: ease; transition-duration: 200ms; }
.cl-internal-1urclv1:focus { -webkit-tap-highlight-color: transparent; box-shadow: 0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-timing-function: ease; transition-duration: 200ms; }
.cl-internal-1urclv1:focus:not(:focus-visible) { box-shadow: none; }
.cl-internal-1urclv1[data-variant="solid"] { border-width: 0px; }
.cl-internal-1urclv1[data-variant="solid"]::after { position: absolute; content: ""; border-radius: inherit; z-index: -1; inset: 0px; opacity: 1; transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 100ms; background: linear-gradient(rgba(255, 255, 255, 0.11) 0%, transparent 100%); }
.cl-internal-1urclv1[data-variant="solid"]:hover::after { opacity: 0; }
.cl-internal-1urclv1[data-variant="solid"]:active::after { opacity: 1; }
.cl-internal-1urclv1[data-variant="solid"][data-color="primary"] { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-1urclv1[data-variant="solid"][data-color="primary"]:focus { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1urclv1[data-variant="solid"][data-color="primary"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-1urclv1[data-variant="solid"][data-color="primary"]:focus-visible { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1urclv1[data-variant="solid"][data-color="danger"] { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-1urclv1[data-variant="solid"][data-color="danger"]:focus { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-1urclv1[data-variant="solid"][data-color="danger"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-1urclv1[data-variant="solid"][data-color="danger"]:focus-visible { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-1urclv1[data-variant="outline"] { border-width: 0px; box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-1urclv1[data-variant="outline"]:focus { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1urclv1[data-variant="outline"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-1urclv1[data-variant="outline"]:focus-visible { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1urclv1[data-variant="bordered"] { border-width: 0px; box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-1urclv1[data-variant="bordered"]:focus { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1urclv1[data-variant="bordered"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-1urclv1[data-variant="bordered"]:focus-visible { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1afp10f { width: 100%; overflow: hidden; }
.cl-internal-1m8tgpy { display: flex; flex-flow: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: calc(var(--clerk-spacing, 1rem) * 0.75); width: 100%; overflow: hidden; }
.cl-internal-11tkpc3 { box-sizing: border-box; display: flex; flex-flow: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: calc(var(--clerk-spacing, 1rem) * 0.75); width: 100%; overflow: hidden; }
.cl-internal-18j3vrq { flex: 0 0 var(--clerk-spacing, 1rem); }
.cl-internal-gpghoi { display: flex; flex-flow: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex: 0 0 var(--clerk-spacing, 1rem); }
.cl-internal-1jcbc2a { box-sizing: border-box; display: flex; flex-flow: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex: 0 0 var(--clerk-spacing, 1rem); }
.cl-internal-vn3zkh { display: inline-block; width: 1rem; height: 1rem; max-width: 100%; opacity: 1; background-image: url("https://img.clerk.com/static/google.svg"); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.cl-internal-16ez36o { box-sizing: border-box; margin: 0px; font-size: var(--clerk-font-size-md, var(--clerk-font-size, 0.8125rem)); text-wrap: nowrap pretty; font-family: var(--clerk-font-family-buttons, var(--clerk-font-family, inherit)); letter-spacing: normal; font-weight: var(--clerk-font-weight-medium, 500); line-height: calc(1.38462); color: inherit; text-overflow: ellipsis; white-space-collapse: collapse; overflow: hidden; }
.cl-internal-16ez36o:disabled, .cl-internal-16ez36o[data-disabled] { cursor: not-allowed; pointer-events: none; opacity: 0.5; }
.cl-internal-kk6ji1 { display: flex; flex-flow: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.cl-internal-ovdovs { box-sizing: border-box; display: flex; flex-flow: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.cl-internal-1nh648b { flex: 1 1 0%; background-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%); height: 1px; }
.cl-internal-2rvl11 { display: flex; flex-flow: row; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; flex: 1 1 0%; background-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%); height: 1px; }
.cl-internal-1q223lr { box-sizing: border-box; display: flex; flex-flow: row; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; flex: 1 1 0%; background-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%); height: 1px; }
.cl-internal-1y1uzsb { margin: 0 var(--clerk-spacing, 1rem); }
.cl-internal-1i5mcn1 { box-sizing: border-box; font-size: var(--clerk-font-size-md, var(--clerk-font-size, 0.8125rem)); text-wrap: pretty; font-family: inherit; letter-spacing: normal; font-weight: var(--clerk-font-weight-normal, var(--clerk-font-weight, 400)); line-height: calc(1.38462); color: var(--clerk-color-muted-foreground, color-mix(in srgb, transparent, var(--clerk-color-foreground, light-dark(#212126, white)) 65%)); margin: 0 var(--clerk-spacing, 1rem); }
.cl-internal-1i5mcn1:disabled, .cl-internal-1i5mcn1[data-disabled] { cursor: not-allowed; pointer-events: none; opacity: 0.5; }
.cl-internal-1gtme29 { display: flex; flex-flow: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; gap: calc(var(--clerk-spacing, 1rem) * 2); }
.cl-internal-ji79b9 { box-sizing: border-box; display: flex; flex-flow: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; gap: calc(var(--clerk-spacing, 1rem) * 2); }
.cl-internal-1llpz65 { display: flex; flex-flow: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; gap: calc(var(--clerk-spacing, 1rem) * 1.5); }
.cl-internal-ht35d7 { box-sizing: border-box; display: flex; flex-flow: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; gap: calc(var(--clerk-spacing, 1rem) * 1.5); }
.cl-internal-mx8yle { display: flex; flex-flow: row; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: justify; justify-content: space-between; gap: var(--clerk-spacing, 1rem); }
.cl-internal-k7wlaf { box-sizing: border-box; display: flex; flex-flow: row; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: justify; justify-content: space-between; gap: var(--clerk-spacing, 1rem); }
.cl-internal-222wc8 { position: relative; flex: 1 1 auto; }
.cl-internal-yjg8ip { display: flex; flex-flow: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; position: relative; flex: 1 1 auto; }
.cl-internal-10rdw13 { box-sizing: border-box; display: flex; flex-flow: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; position: relative; flex: 1 1 auto; }
.cl-internal-151yidv { gap: calc(var(--clerk-spacing, 1rem) * 0.5); }
.cl-internal-h82k1 { display: flex; flex-flow: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; gap: calc(var(--clerk-spacing, 1rem) * 0.5); }
.cl-internal-17uj465 { box-sizing: border-box; display: flex; flex-flow: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; gap: calc(var(--clerk-spacing, 1rem) * 0.5); }
.cl-internal-6fmoj3 { display: flex; flex-flow: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
.cl-internal-66mzqw { box-sizing: border-box; display: flex; flex-flow: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
.cl-internal-1sr07cd { display: flex; -webkit-box-align: center; align-items: center; }
.cl-internal-kq110m { color: var(--clerk-color-foreground, light-dark(#212126, white)); font-family: inherit; letter-spacing: normal; font-weight: var(--clerk-font-weight-medium, 500); font-size: var(--clerk-font-size-md, var(--clerk-font-size, 0.8125rem)); line-height: calc(1.38462); display: flex; -webkit-box-align: center; align-items: center; }
.cl-internal-kq110m:disabled, .cl-internal-kq110m[data-disabled] { cursor: not-allowed; pointer-events: none; opacity: 0.5; }
.cl-internal-16yf5lj[data-variant="default"] { border-width: 0px; box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%); }
.cl-internal-16yf5lj[data-variant="default"]:hover { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 28%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%); }
.cl-internal-16yf5lj[data-variant="default"]:focus-within, .cl-internal-16yf5lj[data-variant="default"][data-focus-within="true"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 28%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-16yf5lj[data-variant="default"][data-feedback="error"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 41%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-16yf5lj[data-variant="default"][data-feedback="error"]:hover { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-16yf5lj[data-variant="default"][data-feedback="error"]:focus-within, .cl-internal-16yf5lj[data-variant="default"][data-feedback="error"][data-focus-within="true"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-16yf5lj[data-variant="default"][data-feedback="warning"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 41%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 15%); }
.cl-internal-16yf5lj[data-variant="default"][data-feedback="warning"]:hover { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 15%); }
.cl-internal-16yf5lj[data-variant="default"][data-feedback="warning"]:focus-within, .cl-internal-16yf5lj[data-variant="default"][data-feedback="warning"][data-focus-within="true"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 15%),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 15%); }
.cl-internal-16yf5lj[data-variant="default"][data-feedback="success"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 41%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 15%); }
.cl-internal-16yf5lj[data-variant="default"][data-feedback="success"]:hover { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 15%); }
.cl-internal-16yf5lj[data-variant="default"][data-feedback="success"]:focus-within, .cl-internal-16yf5lj[data-variant="default"][data-feedback="success"][data-focus-within="true"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 15%),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 15%); }
.cl-internal-hxtrnp { box-sizing: border-box; margin: 0px; padding: calc(var(--clerk-spacing, 1rem) * 0.4375) calc(var(--clerk-spacing, 1rem) * 0.75); background-color: var(--clerk-color-input, light-dark(white, #26262B)); color: var(--clerk-color-input-foreground, light-dark(#131316, white)); outline: transparent solid 2px; outline-offset: 2px; max-height: 2.25rem; width: 100%; accent-color: var(--clerk-color-primary, light-dark(#2F3037, #ffffff)); font-family: inherit; letter-spacing: normal; font-weight: var(--clerk-font-weight-normal, var(--clerk-font-weight, 400)); font-size: var(--clerk-font-size-md, var(--clerk-font-size, 0.8125rem)); line-height: calc(1.38462); border-radius: var(--clerk-border-radius-md, var(--clerk-border-radius, 0.375rem)); border-width: 1px; border-style: solid; border-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%); box-shadow: 0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%); transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-timing-function: ease; transition-duration: 200ms; }
.cl-internal-hxtrnp:disabled, .cl-internal-hxtrnp[data-disabled] { cursor: not-allowed; pointer-events: none; opacity: 0.5; }
@supports (-webkit-touch-callout: none) {
  .cl-internal-hxtrnp { font-size: var(--clerk-font-size-lg, calc(var(--clerk-font-size, 0.8125rem) * 17 / 13)); }
  .cl-internal-hxtrnp:not([type="checkbox"]):not([type="radio"]) { appearance: none; }
}
.cl-internal-hxtrnp:autofill { animation-name: onAutoFillStart; }
.cl-internal-hxtrnp::-webkit-input-placeholder { color: var(--clerk-color-muted-foreground, color-mix(in srgb, transparent, var(--clerk-color-foreground, light-dark(#212126, white)) 65%)); }
.cl-internal-hxtrnp::placeholder { color: var(--clerk-color-muted-foreground, color-mix(in srgb, transparent, var(--clerk-color-foreground, light-dark(#212126, white)) 65%)); }
.cl-internal-hxtrnp:hover { -webkit-tap-highlight-color: transparent; border-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 28%); box-shadow: 0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%); }
.cl-internal-hxtrnp:focus { border-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 28%); -webkit-tap-highlight-color: transparent; box-shadow: 0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%); }
.cl-internal-hxtrnp:focus:not(:focus-visible) { border-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%); box-shadow: 0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%); }
.cl-internal-hxtrnp:focus-visible { border-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 28%); -webkit-tap-highlight-color: transparent; box-shadow: 0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%); }
.cl-internal-hxtrnp[data-variant="default"] { border-width: 0px; box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%); }
.cl-internal-hxtrnp[data-variant="default"]:hover { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 28%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%); }
.cl-internal-hxtrnp[data-variant="default"]:focus-within, .cl-internal-hxtrnp[data-variant="default"][data-focus-within="true"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 28%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-hxtrnp[data-variant="default"][data-feedback="error"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 41%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-hxtrnp[data-variant="default"][data-feedback="error"]:hover { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-hxtrnp[data-variant="default"][data-feedback="error"]:focus-within, .cl-internal-hxtrnp[data-variant="default"][data-feedback="error"][data-focus-within="true"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-hxtrnp[data-variant="default"][data-feedback="warning"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 41%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 15%); }
.cl-internal-hxtrnp[data-variant="default"][data-feedback="warning"]:hover { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 15%); }
.cl-internal-hxtrnp[data-variant="default"][data-feedback="warning"]:focus-within, .cl-internal-hxtrnp[data-variant="default"][data-feedback="warning"][data-focus-within="true"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 15%),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 15%); }
.cl-internal-hxtrnp[data-variant="default"][data-feedback="success"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 41%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 15%); }
.cl-internal-hxtrnp[data-variant="default"][data-feedback="success"]:hover { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 15%); }
.cl-internal-hxtrnp[data-variant="default"][data-feedback="success"]:focus-within, .cl-internal-hxtrnp[data-variant="default"][data-feedback="success"][data-focus-within="true"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 15%),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 15%); }
.cl-internal-5ur8x { clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.cl-internal-17w1bz5 { animation: 450ms ease 0s 1 normal none running animation-148r1a6; transition-property: height; transition-duration: 200ms; transition-timing-function: ease; }
@-webkit-keyframes animation-148r1a6 { 
  0% { opacity: 1; transform: translateY(0px); max-height: 6rem; visibility: visible; }
  100% { opacity: 0; transform: translateY(5px); max-height: 0px; visibility: visible; }
}
@keyframes animation-148r1a6 { 
  0% { opacity: 1; transform: translateY(0px); max-height: 6rem; visibility: visible; }
  100% { opacity: 0; transform: translateY(5px); max-height: 0px; visibility: visible; }
}
.cl-internal-x8cg1h { display: flex; flex-flow: row; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; animation: 450ms ease 0s 1 normal none running animation-148r1a6; transition-property: height; transition-duration: 200ms; transition-timing-function: ease; }
.cl-internal-10uqczv { box-sizing: border-box; display: flex; flex-flow: row; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; animation: 450ms ease 0s 1 normal none running animation-148r1a6; transition-property: height; transition-duration: 200ms; transition-timing-function: ease; }
.cl-internal-m5xf1l { visibility: visible; animation: 450ms ease 0s 1 normal none running animation-16i29iq; transition-property: height; transition-duration: 200ms; transition-timing-function: ease; }
@-webkit-keyframes animation-16i29iq { 
  0% { opacity: 0; transform: translateY(-5px); max-height: 0px; }
  50% { opacity: 0; transform: translateY(-5px); max-height: 0px; }
  100% { opacity: 1; transform: translateY(0px); max-height: 6rem; }
}
@keyframes animation-16i29iq { 
  0% { opacity: 0; transform: translateY(-5px); max-height: 0px; }
  50% { opacity: 0; transform: translateY(-5px); max-height: 0px; }
  100% { opacity: 1; transform: translateY(0px); max-height: 6rem; }
}
.cl-internal-18ufa2r { visibility: hidden; animation: 450ms ease 0s 1 normal none running animation-148r1a6; transition-property: height; transition-duration: 200ms; transition-timing-function: ease; }
@-webkit-keyframes animation-148r1a6 { 
  0% { opacity: 1; transform: translateY(0px); max-height: 6rem; visibility: visible; }
  100% { opacity: 0; transform: translateY(5px); max-height: 0px; visibility: visible; }
}
@keyframes animation-148r1a6 { 
  0% { opacity: 1; transform: translateY(0px); max-height: 6rem; visibility: visible; }
  100% { opacity: 0; transform: translateY(5px); max-height: 0px; visibility: visible; }
}
.cl-internal-vdy8ev { position: absolute; opacity: 0; height: 0px; overflow: hidden; pointer-events: none; margin-top: -1rem; }
.cl-internal-1dykdcz { display: flex; flex-flow: row; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: justify; justify-content: space-between; gap: var(--clerk-spacing, 1rem); position: absolute; opacity: 0; height: 0px; overflow: hidden; pointer-events: none; margin-top: -1rem; }
.cl-internal-17ks1e2 { box-sizing: border-box; display: flex; flex-flow: row; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: justify; justify-content: space-between; gap: var(--clerk-spacing, 1rem); position: absolute; opacity: 0; height: 0px; overflow: hidden; pointer-events: none; margin-top: -1rem; }
.cl-internal-1xj9xsy { position: relative; }
.cl-internal-3xmvdt { display: flex; flex-flow: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: center; justify-content: center; position: relative; }
.cl-internal-i1u4p8 { box-sizing: border-box; display: flex; flex-flow: column; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: center; justify-content: center; position: relative; }
.cl-internal-174uzgs { padding-inline-end: calc(var(--clerk-spacing, 1rem) * 2.5); }
.cl-internal-174uzgs[data-variant="default"] { border-width: 0px; box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%); }
.cl-internal-174uzgs[data-variant="default"]:hover { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 28%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%); }
.cl-internal-174uzgs[data-variant="default"]:focus-within, .cl-internal-174uzgs[data-variant="default"][data-focus-within="true"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 28%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-174uzgs[data-variant="default"][data-feedback="error"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 41%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-174uzgs[data-variant="default"][data-feedback="error"]:hover { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-174uzgs[data-variant="default"][data-feedback="error"]:focus-within, .cl-internal-174uzgs[data-variant="default"][data-feedback="error"][data-focus-within="true"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-174uzgs[data-variant="default"][data-feedback="warning"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 41%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 15%); }
.cl-internal-174uzgs[data-variant="default"][data-feedback="warning"]:hover { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 15%); }
.cl-internal-174uzgs[data-variant="default"][data-feedback="warning"]:focus-within, .cl-internal-174uzgs[data-variant="default"][data-feedback="warning"][data-focus-within="true"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 15%),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 15%); }
.cl-internal-174uzgs[data-variant="default"][data-feedback="success"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 41%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 15%); }
.cl-internal-174uzgs[data-variant="default"][data-feedback="success"]:hover { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 15%); }
.cl-internal-174uzgs[data-variant="default"][data-feedback="success"]:focus-within, .cl-internal-174uzgs[data-variant="default"][data-feedback="success"][data-focus-within="true"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 15%),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 15%); }
.cl-internal-lu6wva { box-sizing: border-box; margin: 0px; padding: calc(var(--clerk-spacing, 1rem) * 0.4375) calc(var(--clerk-spacing, 1rem) * 0.75); background-color: var(--clerk-color-input, light-dark(white, #26262B)); color: var(--clerk-color-input-foreground, light-dark(#131316, white)); outline: transparent solid 2px; outline-offset: 2px; max-height: 2.25rem; width: 100%; accent-color: var(--clerk-color-primary, light-dark(#2F3037, #ffffff)); font-family: inherit; letter-spacing: normal; font-weight: var(--clerk-font-weight-normal, var(--clerk-font-weight, 400)); font-size: var(--clerk-font-size-md, var(--clerk-font-size, 0.8125rem)); line-height: calc(1.38462); border-radius: var(--clerk-border-radius-md, var(--clerk-border-radius, 0.375rem)); border-width: 1px; border-style: solid; border-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%); box-shadow: 0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%); transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-timing-function: ease; transition-duration: 200ms; padding-inline-end: calc(var(--clerk-spacing, 1rem) * 2.5); }
.cl-internal-lu6wva:disabled, .cl-internal-lu6wva[data-disabled] { cursor: not-allowed; pointer-events: none; opacity: 0.5; }
@supports (-webkit-touch-callout: none) {
  .cl-internal-lu6wva { font-size: var(--clerk-font-size-lg, calc(var(--clerk-font-size, 0.8125rem) * 17 / 13)); }
  .cl-internal-lu6wva:not([type="checkbox"]):not([type="radio"]) { appearance: none; }
}
.cl-internal-lu6wva:autofill { animation-name: onAutoFillStart; }
.cl-internal-lu6wva::-webkit-input-placeholder { color: var(--clerk-color-muted-foreground, color-mix(in srgb, transparent, var(--clerk-color-foreground, light-dark(#212126, white)) 65%)); }
.cl-internal-lu6wva::placeholder { color: var(--clerk-color-muted-foreground, color-mix(in srgb, transparent, var(--clerk-color-foreground, light-dark(#212126, white)) 65%)); }
.cl-internal-lu6wva:hover { -webkit-tap-highlight-color: transparent; border-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 28%); box-shadow: 0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%); }
.cl-internal-lu6wva:focus { border-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 28%); -webkit-tap-highlight-color: transparent; box-shadow: 0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%); }
.cl-internal-lu6wva:focus:not(:focus-visible) { border-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%); box-shadow: 0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%); }
.cl-internal-lu6wva:focus-visible { border-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 28%); -webkit-tap-highlight-color: transparent; box-shadow: 0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%); }
.cl-internal-lu6wva[data-variant="default"] { border-width: 0px; box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%); }
.cl-internal-lu6wva[data-variant="default"]:hover { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 28%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%); }
.cl-internal-lu6wva[data-variant="default"]:focus-within, .cl-internal-lu6wva[data-variant="default"][data-focus-within="true"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 28%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 11%),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-lu6wva[data-variant="default"][data-feedback="error"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 41%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-lu6wva[data-variant="default"][data-feedback="error"]:hover { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-lu6wva[data-variant="default"][data-feedback="error"]:focus-within, .cl-internal-lu6wva[data-variant="default"][data-feedback="error"][data-focus-within="true"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-lu6wva[data-variant="default"][data-feedback="warning"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 41%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 15%); }
.cl-internal-lu6wva[data-variant="default"][data-feedback="warning"]:hover { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 15%); }
.cl-internal-lu6wva[data-variant="default"][data-feedback="warning"]:focus-within, .cl-internal-lu6wva[data-variant="default"][data-feedback="warning"][data-focus-within="true"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 15%),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-warning, #F36B16) 15%); }
.cl-internal-lu6wva[data-variant="default"][data-feedback="success"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 41%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 15%); }
.cl-internal-lu6wva[data-variant="default"][data-feedback="success"]:hover { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 15%); }
.cl-internal-lu6wva[data-variant="default"][data-feedback="success"]:focus-within, .cl-internal-lu6wva[data-variant="default"][data-feedback="success"][data-focus-within="true"] { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 53%),0px 0px 1px 0px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 15%),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-success, #22C543) 15%); }
.cl-internal-1fuyb2p { position: absolute; color: color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 41%); padding-inline: calc(var(--clerk-spacing, 1rem) * 0.5); inset-inline-end: calc(var(--clerk-spacing, 1rem) * 0.1875); inset-block: calc(var(--clerk-spacing, 1rem) * 0.1875); border-radius: calc(var(--clerk-border-radius-md, var(--clerk-border-radius, 0.375rem)) - calc(var(--clerk-spacing, 1rem) * 0.1875)); }
.cl-internal-1fuyb2p::before { content: ""; position: absolute; inset: calc(calc(var(--clerk-spacing, 1rem) * 0.25) * -1); display: block; border-radius: var(--clerk-border-radius-md, var(--clerk-border-radius, 0.375rem)); }
.cl-internal-1fuyb2p[data-variant="solid"] { border-width: 0px; }
.cl-internal-1fuyb2p[data-variant="solid"]::after { position: absolute; content: ""; border-radius: inherit; z-index: -1; inset: 0px; opacity: 1; transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 100ms; background: linear-gradient(rgba(255, 255, 255, 0.11) 0%, transparent 100%); }
.cl-internal-1fuyb2p[data-variant="solid"]:hover::after { opacity: 0; }
.cl-internal-1fuyb2p[data-variant="solid"]:active::after { opacity: 1; }
.cl-internal-1fuyb2p[data-variant="solid"][data-color="primary"] { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-1fuyb2p[data-variant="solid"][data-color="primary"]:focus { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1fuyb2p[data-variant="solid"][data-color="primary"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-1fuyb2p[data-variant="solid"][data-color="primary"]:focus-visible { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1fuyb2p[data-variant="solid"][data-color="danger"] { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-1fuyb2p[data-variant="solid"][data-color="danger"]:focus { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-1fuyb2p[data-variant="solid"][data-color="danger"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-1fuyb2p[data-variant="solid"][data-color="danger"]:focus-visible { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-1fuyb2p[data-variant="outline"] { border-width: 0px; box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-1fuyb2p[data-variant="outline"]:focus { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1fuyb2p[data-variant="outline"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-1fuyb2p[data-variant="outline"]:focus-visible { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1fuyb2p[data-variant="bordered"] { border-width: 0px; box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-1fuyb2p[data-variant="bordered"]:focus { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1fuyb2p[data-variant="bordered"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-1fuyb2p[data-variant="bordered"]:focus-visible { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-1fuyb2p::before { inset: calc(calc(var(--clerk-spacing, 1rem) * 0.1875) * -1); }
.cl-internal-uegrlp { margin: 0px; padding: calc(var(--clerk-spacing, 1rem) * 0.25) calc(var(--clerk-spacing, 1rem) * 0.75); border-width: 0px; outline: 0px; user-select: none; cursor: pointer; background-color: unset; isolation: isolate; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 100ms; font-family: var(--clerk-font-family-buttons, var(--clerk-font-family, inherit)); letter-spacing: normal; font-weight: var(--clerk-font-weight-medium, 500); font-size: var(--clerk-font-size-md, var(--clerk-font-size, 0.8125rem)); line-height: calc(1.38462); --accent: var(--clerk-color-primary, light-dark(#2F3037, #ffffff)); --accentHover: color-mix(in srgb, var(--clerk-color-primary, light-dark(#2F3037, #ffffff)), white 20%); --border: var(--clerk-color-primary, light-dark(#2F3037, #ffffff)); --accentContrast: var(--clerk-color-primary-foreground, light-dark(white, black)); --alpha: color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 3%); position: absolute; color: color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 41%); padding-inline: calc(var(--clerk-spacing, 1rem) * 0.5); inset-inline-end: calc(var(--clerk-spacing, 1rem) * 0.1875); inset-block: calc(var(--clerk-spacing, 1rem) * 0.1875); border-radius: calc(var(--clerk-border-radius-md, var(--clerk-border-radius, 0.375rem)) - calc(var(--clerk-spacing, 1rem) * 0.1875)); }
.cl-internal-uegrlp:disabled, .cl-internal-uegrlp[data-disabled] { cursor: not-allowed; pointer-events: none; opacity: 0.5; }
.cl-internal-uegrlp:hover { background-color: var(--alpha); color: var(--accentHover); }
.cl-internal-uegrlp:focus { -webkit-tap-highlight-color: transparent; box-shadow: 0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-timing-function: ease; transition-duration: 200ms; }
.cl-internal-uegrlp:focus:not(:focus-visible) { box-shadow: none; }
.cl-internal-uegrlp:focus-visible { -webkit-tap-highlight-color: transparent; box-shadow: 0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-timing-function: ease; transition-duration: 200ms; }
.cl-internal-uegrlp::before { content: ""; position: absolute; inset: calc(calc(var(--clerk-spacing, 1rem) * 0.25) * -1); display: block; border-radius: var(--clerk-border-radius-md, var(--clerk-border-radius, 0.375rem)); }
.cl-internal-uegrlp[data-variant="solid"] { border-width: 0px; }
.cl-internal-uegrlp[data-variant="solid"]::after { position: absolute; content: ""; border-radius: inherit; z-index: -1; inset: 0px; opacity: 1; transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 100ms; background: linear-gradient(rgba(255, 255, 255, 0.11) 0%, transparent 100%); }
.cl-internal-uegrlp[data-variant="solid"]:hover::after { opacity: 0; }
.cl-internal-uegrlp[data-variant="solid"]:active::after { opacity: 1; }
.cl-internal-uegrlp[data-variant="solid"][data-color="primary"] { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-uegrlp[data-variant="solid"][data-color="primary"]:focus { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-uegrlp[data-variant="solid"][data-color="primary"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-uegrlp[data-variant="solid"][data-color="primary"]:focus-visible { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-uegrlp[data-variant="solid"][data-color="danger"] { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-uegrlp[data-variant="solid"][data-color="danger"]:focus { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-uegrlp[data-variant="solid"][data-color="danger"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-uegrlp[data-variant="solid"][data-color="danger"]:focus-visible { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-uegrlp[data-variant="outline"] { border-width: 0px; box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-uegrlp[data-variant="outline"]:focus { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-uegrlp[data-variant="outline"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-uegrlp[data-variant="outline"]:focus-visible { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-uegrlp[data-variant="bordered"] { border-width: 0px; box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-uegrlp[data-variant="bordered"]:focus { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-uegrlp[data-variant="bordered"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-uegrlp[data-variant="bordered"]:focus-visible { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-uegrlp::before { inset: calc(calc(var(--clerk-spacing, 1rem) * 0.1875) * -1); }
.cl-internal-oaq42g { flex-shrink: 0; width: 1rem; height: 1rem; }
.cl-internal-1fx5buc { display: flex; flex-flow: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.cl-internal-1pnppin { box-sizing: border-box; display: flex; flex-flow: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.cl-internal-v7npwi[data-variant="solid"] { border-width: 0px; }
.cl-internal-v7npwi[data-variant="solid"]::after { position: absolute; content: ""; border-radius: inherit; z-index: -1; inset: 0px; opacity: 1; transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 100ms; background: linear-gradient(rgba(255, 255, 255, 0.11) 0%, transparent 100%); }
.cl-internal-v7npwi[data-variant="solid"]:hover::after { opacity: 0; }
.cl-internal-v7npwi[data-variant="solid"]:active::after { opacity: 1; }
.cl-internal-v7npwi[data-variant="solid"][data-color="primary"] { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-v7npwi[data-variant="solid"][data-color="primary"]:focus { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-v7npwi[data-variant="solid"][data-color="primary"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-v7npwi[data-variant="solid"][data-color="primary"]:focus-visible { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-v7npwi[data-variant="solid"][data-color="danger"] { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-v7npwi[data-variant="solid"][data-color="danger"]:focus { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-v7npwi[data-variant="solid"][data-color="danger"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-v7npwi[data-variant="solid"][data-color="danger"]:focus-visible { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-v7npwi[data-variant="outline"] { border-width: 0px; box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-v7npwi[data-variant="outline"]:focus { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-v7npwi[data-variant="outline"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-v7npwi[data-variant="outline"]:focus-visible { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-v7npwi[data-variant="bordered"] { border-width: 0px; box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-v7npwi[data-variant="bordered"]:focus { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-v7npwi[data-variant="bordered"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-v7npwi[data-variant="bordered"]:focus-visible { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-rydalw { margin: 0px; padding: calc(var(--clerk-spacing, 1rem) * 0.4375) calc(var(--clerk-spacing, 1rem) * 0.75); border-width: 1px; outline: 0px; user-select: none; cursor: pointer; background-color: var(--accent); color: var(--accentContrast); border-radius: var(--clerk-border-radius-md, var(--clerk-border-radius, 0.375rem)); position: relative; isolation: isolate; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 100ms; font-family: var(--clerk-font-family-buttons, var(--clerk-font-family, inherit)); letter-spacing: normal; font-weight: var(--clerk-font-weight-medium, 500); font-size: var(--clerk-font-size-md, var(--clerk-font-size, 0.8125rem)); line-height: calc(1.38462); border-style: solid; border-color: var(--accent); width: 100%; --accent: var(--clerk-color-primary, light-dark(#2F3037, #ffffff)); --accentHover: color-mix(in srgb, var(--clerk-color-primary, light-dark(#2F3037, #ffffff)), white 20%); --border: var(--clerk-color-primary, light-dark(#2F3037, #ffffff)); --accentContrast: var(--clerk-color-primary-foreground, light-dark(white, black)); --alpha: color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 3%); }
.cl-internal-rydalw:disabled, .cl-internal-rydalw[data-disabled] { cursor: not-allowed; pointer-events: none; opacity: 0.5; }
.cl-internal-rydalw:hover { background-color: var(--accentHover); }
.cl-internal-rydalw:focus { -webkit-tap-highlight-color: transparent; box-shadow: 0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-timing-function: ease; transition-duration: 200ms; }
.cl-internal-rydalw:focus:not(:focus-visible) { box-shadow: none; }
.cl-internal-rydalw:focus-visible { -webkit-tap-highlight-color: transparent; box-shadow: 0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-timing-function: ease; transition-duration: 200ms; }
.cl-internal-rydalw[data-variant="solid"] { border-width: 0px; }
.cl-internal-rydalw[data-variant="solid"]::after { position: absolute; content: ""; border-radius: inherit; z-index: -1; inset: 0px; opacity: 1; transition-property: background-color, background, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 100ms; background: linear-gradient(rgba(255, 255, 255, 0.11) 0%, transparent 100%); }
.cl-internal-rydalw[data-variant="solid"]:hover::after { opacity: 0; }
.cl-internal-rydalw[data-variant="solid"]:active::after { opacity: 1; }
.cl-internal-rydalw[data-variant="solid"][data-color="primary"] { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-rydalw[data-variant="solid"][data-color="primary"]:focus { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-rydalw[data-variant="solid"][data-color="primary"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-rydalw[data-variant="solid"][data-color="primary"]:focus-visible { box-shadow: 0px 0px 0px 1px var(--clerk-color-primary, light-dark(#2F3037, #ffffff)),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-rydalw[data-variant="solid"][data-color="danger"] { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-rydalw[data-variant="solid"][data-color="danger"]:focus { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-rydalw[data-variant="solid"][data-color="danger"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24); }
.cl-internal-rydalw[data-variant="solid"][data-color="danger"]:focus-visible { box-shadow: 0px 0px 0px 1px var(--clerk-color-danger, #EF4444),0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset,0px 2px 3px 0px rgba(34, 42, 53, 0.20),0px 1px 1px 0px rgba(0, 0, 0, 0.24),0px 0px 0px 4px color-mix(in srgb, transparent, var(--clerk-color-danger, #EF4444) 15%); }
.cl-internal-rydalw[data-variant="outline"] { border-width: 0px; box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-rydalw[data-variant="outline"]:focus { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-rydalw[data-variant="outline"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-rydalw[data-variant="outline"]:focus-visible { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-rydalw[data-variant="bordered"] { border-width: 0px; box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-rydalw[data-variant="bordered"]:focus { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-rydalw[data-variant="bordered"]:focus:not(:focus-visible) { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02); }
.cl-internal-rydalw[data-variant="bordered"]:focus-visible { box-shadow: 0px 0px 0px 1px color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%),0px 2px 3px -1px rgba(0, 0, 0, 0.08),0px 1px 0px 0px rgba(0, 0, 0, 0.02),0px 0px 0px 4px var(--clerk-color-ring, color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 15.000000000000002%)); }
.cl-internal-14iiguq { display: flex; flex-flow: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; }
.cl-internal-2iusy0 { box-sizing: border-box; display: flex; flex-flow: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; }
.cl-internal-dzombt { margin-inline-start: calc(var(--clerk-spacing, 1rem) * 0.5); width: 1rem; height: 1rem; opacity: 0.62; }
[dir="rtl"] .cl-internal-dzombt { transform: scaleX(-1); }
.cl-internal-ykgfs8 { flex-shrink: 0; margin-inline-start: calc(var(--clerk-spacing, 1rem) * 0.5); width: 1rem; height: 1rem; opacity: 0.62; }
[dir="rtl"] .cl-internal-ykgfs8 { transform: scaleX(-1); }
.cl-internal-aurft1 { box-sizing: border-box; }
.cl-internal-z67xc4 { margin-top: calc(calc(var(--clerk-spacing, 1rem) * 0.5) * -1); padding-top: calc(var(--clerk-spacing, 1rem) * 0.5); background: var(--clerk-color-muted, linear-gradient(color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 3%),color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 3%)), linear-gradient(hsl(from var(--clerk-color-background, light-dark(#ffffff, #212126)) h s l / 1), hsl(from var(--clerk-color-background, light-dark(#ffffff, #212126)) h s l / 1))); }
.cl-internal-z67xc4:empty { padding: 0px; margin-top: 0px; }
.cl-internal-z67xc4 > :first-of-type { padding: var(--clerk-spacing, 1rem) calc(var(--clerk-spacing, 1rem) * 2) var(--clerk-spacing, 1rem) calc(var(--clerk-spacing, 1rem) * 2); }
.cl-internal-z67xc4 > :not(:first-of-type) { padding: var(--clerk-spacing, 1rem) calc(var(--clerk-spacing, 1rem) * 2); border-top-width: 1px; border-top-style: solid; border-top-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%); }
.cl-internal-fmebie { display: flex; flex-flow: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-top: calc(calc(var(--clerk-spacing, 1rem) * 0.5) * -1); padding-top: calc(var(--clerk-spacing, 1rem) * 0.5); background: var(--clerk-color-muted, linear-gradient(color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 3%),color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 3%)), linear-gradient(hsl(from var(--clerk-color-background, light-dark(#ffffff, #212126)) h s l / 1), hsl(from var(--clerk-color-background, light-dark(#ffffff, #212126)) h s l / 1))); }
.cl-internal-fmebie:empty { padding: 0px; margin-top: 0px; }
.cl-internal-fmebie > :first-of-type { padding: var(--clerk-spacing, 1rem) calc(var(--clerk-spacing, 1rem) * 2) var(--clerk-spacing, 1rem) calc(var(--clerk-spacing, 1rem) * 2); }
.cl-internal-fmebie > :not(:first-of-type) { padding: var(--clerk-spacing, 1rem) calc(var(--clerk-spacing, 1rem) * 2); border-top-width: 1px; border-top-style: solid; border-top-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%); }
.cl-internal-1move57 { box-sizing: border-box; display: flex; flex-flow: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-top: calc(calc(var(--clerk-spacing, 1rem) * 0.5) * -1); padding-top: calc(var(--clerk-spacing, 1rem) * 0.5); background: var(--clerk-color-muted, linear-gradient(color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 3%),color-mix(in srgb, transparent, var(--clerk-color-neutral, light-dark(#000000, #ffffff)) 3%)), linear-gradient(hsl(from var(--clerk-color-background, light-dark(#ffffff, #212126)) h s l / 1), hsl(from var(--clerk-color-background, light-dark(#ffffff, #212126)) h s l / 1))); }
.cl-internal-1move57:empty { padding: 0px; margin-top: 0px; }
.cl-internal-1move57 > :first-of-type { padding: var(--clerk-spacing, 1rem) calc(var(--clerk-spacing, 1rem) * 2) var(--clerk-spacing, 1rem) calc(var(--clerk-spacing, 1rem) * 2); }
.cl-internal-1move57 > :not(:first-of-type) { padding: var(--clerk-spacing, 1rem) calc(var(--clerk-spacing, 1rem) * 2); border-top-width: 1px; border-top-style: solid; border-top-color: color-mix(in srgb, transparent, var(--clerk-color-border, var(--clerk-color-neutral, light-dark(#000000, #ffffff))) 7%); }
.cl-internal-1yn6e66 { margin: 0px auto; }
.cl-internal-1xzxnua { display: flex; flex-flow: row; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; gap: calc(var(--clerk-spacing, 1rem) * 0.25); margin: 0px auto; }
.cl-internal-h2zfvr { box-sizing: border-box; display: flex; flex-flow: row; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; gap: calc(var(--clerk-spacing, 1rem) * 0.25); margin: 0px auto; }
.cl-internal-166blu7 { box-sizing: border-box; margin: 0px; font-size: var(--clerk-font-size-md, var(--clerk-font-size, 0.8125rem)); text-wrap: pretty; font-family: inherit; letter-spacing: normal; font-weight: var(--clerk-font-weight-normal, var(--clerk-font-weight, 400)); line-height: calc(1.38462); color: var(--clerk-color-muted-foreground, color-mix(in srgb, transparent, var(--clerk-color-foreground, light-dark(#212126, white)) 65%)); }
.cl-internal-166blu7:disabled, .cl-internal-166blu7[data-disabled] { cursor: not-allowed; pointer-events: none; opacity: 0.5; }
.cl-internal-sgoeyr { box-sizing: border-box; display: inline-flex; -webkit-box-align: center; align-items: center; margin: 0px; cursor: pointer; text-decoration: none; font-family: var(--clerk-font-family-buttons, var(--clerk-font-family, inherit)); letter-spacing: normal; font-weight: var(--clerk-font-weight-medium, 500); font-size: var(--clerk-font-size-md, var(--clerk-font-size, 0.8125rem)); line-height: calc(1.38462); color: var(--clerk-color-primary, light-dark(#2F3037, #ffffff)); }
.cl-internal-sgoeyr:disabled, .cl-internal-sgoeyr[data-disabled] { cursor: not-allowed; pointer-events: none; opacity: 0.5; }
.cl-internal-sgoeyr:hover { text-decoration: underline; color: hsl(from var(--clerk-color-primary, light-dark(#2F3037, #ffffff)) h s calc(l + (1 * ((97 - l) / 7)))); }
.cl-internal-sgoeyr:active { color: hsl(from var(--clerk-color-primary, light-dark(#2F3037, #ffffff)) h s calc(l - (1 * ((l - 12) / 7)))); }
.cl-internal-1m1xl82 { height: calc(2.88398rem); -webkit-box-pack: center; justify-content: center; }
.cl-internal-194oa8u { display: flex; flex-flow: row; -webkit-box-align: stretch; align-items: stretch; height: calc(2.88398rem); -webkit-box-pack: center; justify-content: center; }
.cl-internal-1m37hhe { box-sizing: border-box; display: flex; flex-flow: row; -webkit-box-align: stretch; align-items: stretch; height: calc(2.88398rem); -webkit-box-pack: center; justify-content: center; }
.cl-internal-uumn80 { display: inline-block; height: 100%; width: 100%; object-fit: contain; }
:root { --moda-canvas-pasteboard-light: #f5f5f5; --moda-canvas-pasteboard-dark: #1c1c1e; }
[data-sonner-toaster][dir="ltr"], html[dir="ltr"] { --toast-icon-margin-start: -3px; --toast-icon-margin-end: 4px; --toast-svg-margin-start: -1px; --toast-svg-margin-end: 0px; --toast-button-margin-start: auto; --toast-button-margin-end: 0; --toast-close-button-start: 0; --toast-close-button-end: unset; --toast-close-button-transform: translate(-35%, -35%); }
[data-sonner-toaster][dir="rtl"], html[dir="rtl"] { --toast-icon-margin-start: 4px; --toast-icon-margin-end: -3px; --toast-svg-margin-start: 0px; --toast-svg-margin-end: -1px; --toast-button-margin-start: 0; --toast-button-margin-end: auto; --toast-close-button-start: unset; --toast-close-button-end: 0; --toast-close-button-transform: translate(35%, -35%); }
[data-sonner-toaster] { position: fixed; width: var(--width); font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --gray1: hsl(0, 0%, 99%); --gray2: hsl(0, 0%, 97.3%); --gray3: hsl(0, 0%, 95.1%); --gray4: hsl(0, 0%, 93%); --gray5: hsl(0, 0%, 90.9%); --gray6: hsl(0, 0%, 88.7%); --gray7: hsl(0, 0%, 85.8%); --gray8: hsl(0, 0%, 78%); --gray9: hsl(0, 0%, 56.1%); --gray10: hsl(0, 0%, 52.3%); --gray11: hsl(0, 0%, 43.5%); --gray12: hsl(0, 0%, 9%); --border-radius: 8px; box-sizing: border-box; padding: 0px; margin: 0px; list-style: none; outline: 0px; z-index: 999999999; transition: transform 0.4s; }
@media (hover: none) and (pointer: coarse) {
  [data-sonner-toaster][data-lifted="true"] { transform: none; }
}
[data-sonner-toaster][data-x-position="right"] { right: var(--offset-right); }
[data-sonner-toaster][data-x-position="left"] { left: var(--offset-left); }
[data-sonner-toaster][data-x-position="center"] { left: 50%; transform: translateX(-50%); }
[data-sonner-toaster][data-y-position="top"] { top: var(--offset-top); }
[data-sonner-toaster][data-y-position="bottom"] { bottom: var(--offset-bottom); }
[data-sonner-toast] { --y: translateY(100%); --lift-amount: calc(var(--lift) * var(--gap)); z-index: var(--z-index); position: absolute; opacity: 0; transform: var(--y); touch-action: none; transition: transform 0.4s, opacity 0.4s, height 0.4s, box-shadow 0.2s; box-sizing: border-box; outline: 0px; overflow-wrap: anywhere; }
[data-sonner-toast][data-styled="true"] { padding: 16px; background: var(--normal-bg); border: 1px solid var(--normal-border); color: var(--normal-text); border-radius: var(--border-radius); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; width: var(--width); font-size: 13px; display: flex; align-items: center; gap: 6px; }
[data-sonner-toast]:focus-visible { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; }
[data-sonner-toast][data-y-position="top"] { top: 0px; --y: translateY(-100%); --lift: 1; --lift-amount: calc(1 * var(--gap)); }
[data-sonner-toast][data-y-position="bottom"] { bottom: 0px; --y: translateY(100%); --lift: -1; --lift-amount: calc(var(--lift) * var(--gap)); }
[data-sonner-toast][data-styled="true"] [data-description] { font-weight: 400; line-height: 1.4; color: rgb(63, 63, 63); }
[data-rich-colors="true"][data-sonner-toast][data-styled="true"] [data-description] { color: inherit; }
[data-sonner-toaster][data-sonner-theme="dark"] [data-description] { color: rgb(232, 232, 232); }
[data-sonner-toast][data-styled="true"] [data-title] { font-weight: 500; line-height: 1.5; color: inherit; }
[data-sonner-toast][data-styled="true"] [data-icon] { display: flex; height: 16px; width: 16px; position: relative; justify-content: flex-start; align-items: center; flex-shrink: 0; margin-left: var(--toast-icon-margin-start); margin-right: var(--toast-icon-margin-end); }
[data-sonner-toast][data-promise="true"] [data-icon] > svg { opacity: 0; transform: scale(0.8); transform-origin: center center; animation: 0.3s ease 0s 1 normal forwards running sonner-fade-in; }
[data-sonner-toast][data-styled="true"] [data-icon] > * { flex-shrink: 0; }
[data-sonner-toast][data-styled="true"] [data-icon] svg { margin-left: var(--toast-svg-margin-start); margin-right: var(--toast-svg-margin-end); }
[data-sonner-toast][data-styled="true"] [data-content] { display: flex; flex-direction: column; gap: 2px; }
[data-sonner-toast][data-styled="true"] [data-button] { border-radius: 4px; padding-left: 8px; padding-right: 8px; height: 24px; font-size: 12px; color: var(--normal-bg); background: var(--normal-text); margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-weight: 500; cursor: pointer; outline: 0px; display: flex; align-items: center; flex-shrink: 0; transition: opacity 0.4s, box-shadow 0.2s; }
[data-sonner-toast][data-styled="true"] [data-button]:focus-visible { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0px 2px; }
[data-sonner-toast][data-styled="true"] [data-button]:first-of-type { margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); }
[data-sonner-toast][data-styled="true"] [data-cancel] { color: var(--normal-text); background: rgba(0, 0, 0, 0.08); }
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast][data-styled="true"] [data-cancel] { background: rgba(255, 255, 255, 0.3); }
[data-sonner-toast][data-styled="true"] [data-close-button] { position: absolute; left: var(--toast-close-button-start); right: var(--toast-close-button-end); top: 0px; height: 20px; width: 20px; display: flex; justify-content: center; align-items: center; padding: 0px; color: var(--gray12); background: var(--normal-bg); border: 1px solid var(--gray4); transform: var(--toast-close-button-transform); border-radius: 50%; cursor: pointer; z-index: 1; transition: opacity 0.1s, background 0.2s, border-color 0.2s; }
[data-sonner-toast][data-styled="true"] [data-close-button]:focus-visible { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; }
[data-sonner-toast][data-styled="true"] [data-disabled="true"] { cursor: not-allowed; }
[data-sonner-toast][data-styled="true"]:hover [data-close-button]:hover { background: var(--gray2); border-color: var(--gray5); }
[data-sonner-toast][data-swiping="true"]::before { content: ""; position: absolute; left: -100%; right: -100%; height: 100%; z-index: -1; }
[data-sonner-toast][data-y-position="top"][data-swiping="true"]::before { bottom: 50%; transform: scaleY(3) translateY(50%); }
[data-sonner-toast][data-y-position="bottom"][data-swiping="true"]::before { top: 50%; transform: scaleY(3) translateY(-50%); }
[data-sonner-toast][data-swiping="false"][data-removed="true"]::before { content: ""; position: absolute; inset: 0px; transform: scaleY(2); }
[data-sonner-toast][data-expanded="true"]::after { content: ""; position: absolute; left: 0px; height: calc(var(--gap) + 1px); bottom: 100%; width: 100%; }
[data-sonner-toast][data-mounted="true"] { --y: translateY(0); opacity: 1; }
[data-sonner-toast][data-expanded="false"][data-front="false"] { --scale: var(--toasts-before) * 0.05 + 1; --y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale))); height: var(--front-toast-height); }
[data-sonner-toast] > * { transition: opacity 0.4s; }
[data-sonner-toast][data-x-position="right"] { right: 0px; }
[data-sonner-toast][data-x-position="left"] { left: 0px; }
[data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"] > * { opacity: 0; }
[data-sonner-toast][data-visible="false"] { opacity: 0; pointer-events: none; }
[data-sonner-toast][data-mounted="true"][data-expanded="true"] { --y: translateY(calc(var(--lift) * var(--offset))); height: var(--initial-height); }
[data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"] { --y: translateY(calc(var(--lift) * -100%)); opacity: 0; }
[data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"] { --y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%)); opacity: 0; }
[data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"] { --y: translateY(40%); opacity: 0; transition: transform 0.5s, opacity 0.2s; }
[data-sonner-toast][data-removed="true"][data-front="false"]::before { height: calc(var(--initial-height) + 20%); }
[data-sonner-toast][data-swiping="true"] { transform: var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0)); transition: none; }
[data-sonner-toast][data-swiped="true"] { user-select: none; }
[data-sonner-toast][data-swipe-out="true"][data-y-position="bottom"], [data-sonner-toast][data-swipe-out="true"][data-y-position="top"] { animation-duration: 0.2s; animation-timing-function: ease-out; animation-fill-mode: forwards; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="left"] { animation-name: swipe-out-left; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="right"] { animation-name: swipe-out-right; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="up"] { animation-name: swipe-out-up; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="down"] { animation-name: swipe-out-down; }
@keyframes swipe-out-left { 
  0% { transform: var(--y) translateX(var(--swipe-amount-x)); opacity: 1; }
  100% { transform: var(--y) translateX(calc(var(--swipe-amount-x) - 100%)); opacity: 0; }
}
@keyframes swipe-out-right { 
  0% { transform: var(--y) translateX(var(--swipe-amount-x)); opacity: 1; }
  100% { transform: var(--y) translateX(calc(var(--swipe-amount-x) + 100%)); opacity: 0; }
}
@keyframes swipe-out-up { 
  0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; }
  100% { transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%)); opacity: 0; }
}
@keyframes swipe-out-down { 
  0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; }
  100% { transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%)); opacity: 0; }
}
@media (max-width: 600px) {
  [data-sonner-toaster] { position: fixed; right: var(--mobile-offset-right); left: var(--mobile-offset-left); width: 100%; }
  [data-sonner-toaster][dir="rtl"] { left: calc(var(--mobile-offset-left) * -1); }
  [data-sonner-toaster] [data-sonner-toast] { left: 0px; right: 0px; width: calc(100% - var(--mobile-offset-left) * 2); }
  [data-sonner-toaster][data-x-position="left"] { left: var(--mobile-offset-left); }
  [data-sonner-toaster][data-y-position="bottom"] { bottom: var(--mobile-offset-bottom); }
  [data-sonner-toaster][data-y-position="top"] { top: var(--mobile-offset-top); }
  [data-sonner-toaster][data-x-position="center"] { left: var(--mobile-offset-left); right: var(--mobile-offset-right); transform: none; }
}
[data-sonner-toaster][data-sonner-theme="light"] { --normal-bg: #fff; --normal-border: var(--gray4); --normal-text: var(--gray12); --success-bg: hsl(143, 85%, 96%); --success-border: hsl(145, 92%, 87%); --success-text: hsl(140, 100%, 27%); --info-bg: hsl(208, 100%, 97%); --info-border: hsl(221, 91%, 93%); --info-text: hsl(210, 92%, 45%); --warning-bg: hsl(49, 100%, 97%); --warning-border: hsl(49, 91%, 84%); --warning-text: hsl(31, 92%, 45%); --error-bg: hsl(359, 100%, 97%); --error-border: hsl(359, 100%, 94%); --error-text: hsl(360, 100%, 45%); }
[data-sonner-toaster][data-sonner-theme="light"] [data-sonner-toast][data-invert="true"] { --normal-bg: #000; --normal-border: hsl(0, 0%, 20%); --normal-text: var(--gray1); }
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast][data-invert="true"] { --normal-bg: #fff; --normal-border: var(--gray3); --normal-text: var(--gray12); }
[data-sonner-toaster][data-sonner-theme="dark"] { --normal-bg: #000; --normal-bg-hover: hsl(0, 0%, 12%); --normal-border: hsl(0, 0%, 20%); --normal-border-hover: hsl(0, 0%, 25%); --normal-text: var(--gray1); --success-bg: hsl(150, 100%, 6%); --success-border: hsl(147, 100%, 12%); --success-text: hsl(150, 86%, 65%); --info-bg: hsl(215, 100%, 6%); --info-border: hsl(223, 43%, 17%); --info-text: hsl(216, 87%, 65%); --warning-bg: hsl(64, 100%, 6%); --warning-border: hsl(60, 100%, 9%); --warning-text: hsl(46, 87%, 65%); --error-bg: hsl(358, 76%, 10%); --error-border: hsl(357, 89%, 16%); --error-text: hsl(358, 100%, 81%); }
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast] [data-close-button] { background: var(--normal-bg); border-color: var(--normal-border); color: var(--normal-text); }
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast] [data-close-button]:hover { background: var(--normal-bg-hover); border-color: var(--normal-border-hover); }
[data-rich-colors="true"][data-sonner-toast][data-type="success"] { background: var(--success-bg); border-color: var(--success-border); color: var(--success-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="success"] [data-close-button] { background: var(--success-bg); border-color: var(--success-border); color: var(--success-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="info"] { background: var(--info-bg); border-color: var(--info-border); color: var(--info-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="info"] [data-close-button] { background: var(--info-bg); border-color: var(--info-border); color: var(--info-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="warning"] { background: var(--warning-bg); border-color: var(--warning-border); color: var(--warning-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="warning"] [data-close-button] { background: var(--warning-bg); border-color: var(--warning-border); color: var(--warning-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="error"] { background: var(--error-bg); border-color: var(--error-border); color: var(--error-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="error"] [data-close-button] { background: var(--error-bg); border-color: var(--error-border); color: var(--error-text); }
.sonner-loading-wrapper { --size: 16px; height: var(--size); width: var(--size); position: absolute; inset: 0px; z-index: 10; }
.sonner-loading-wrapper[data-visible="false"] { transform-origin: center center; animation: 0.2s ease 0s 1 normal forwards running sonner-fade-out; }
.sonner-spinner { position: relative; top: 50%; left: 50%; height: var(--size); width: var(--size); }
.sonner-loading-bar { animation: 1.2s linear 0s infinite normal none running sonner-spin; background: var(--gray11); border-radius: 6px; height: 8%; left: -10%; position: absolute; top: -3.9%; width: 24%; }
.sonner-loading-bar:first-child { animation-delay: -1.2s; transform: rotate(0.0001deg) translate(146%); }
.sonner-loading-bar:nth-child(2) { animation-delay: -1.1s; transform: rotate(30deg) translate(146%); }
.sonner-loading-bar:nth-child(3) { animation-delay: -1s; transform: rotate(60deg) translate(146%); }
.sonner-loading-bar:nth-child(4) { animation-delay: -0.9s; transform: rotate(90deg) translate(146%); }
.sonner-loading-bar:nth-child(5) { animation-delay: -0.8s; transform: rotate(120deg) translate(146%); }
.sonner-loading-bar:nth-child(6) { animation-delay: -0.7s; transform: rotate(150deg) translate(146%); }
.sonner-loading-bar:nth-child(7) { animation-delay: -0.6s; transform: rotate(180deg) translate(146%); }
.sonner-loading-bar:nth-child(8) { animation-delay: -0.5s; transform: rotate(210deg) translate(146%); }
.sonner-loading-bar:nth-child(9) { animation-delay: -0.4s; transform: rotate(240deg) translate(146%); }
.sonner-loading-bar:nth-child(10) { animation-delay: -0.3s; transform: rotate(270deg) translate(146%); }
.sonner-loading-bar:nth-child(11) { animation-delay: -0.2s; transform: rotate(300deg) translate(146%); }
.sonner-loading-bar:nth-child(12) { animation-delay: -0.1s; transform: rotate(330deg) translate(146%); }
@keyframes sonner-fade-in { 
  0% { opacity: 0; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes sonner-fade-out { 
  0% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(0.8); }
}
@keyframes sonner-spin { 
  0% { opacity: 1; }
  100% { opacity: 0.15; }
}
@media (prefers-reduced-motion) {
  .sonner-loading-bar, [data-sonner-toast], [data-sonner-toast] > * { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}
.sonner-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; transition: opacity 0.2s, transform 0.2s; }
.sonner-loader[data-visible="false"] { opacity: 0; transform: scale(0.8) translate(-50%, -50%); }
@keyframes intercom-lightweight-app-launcher { 
  0% { opacity: 0; transform: scale(0.5); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes intercom-lightweight-app-gradient { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes intercom-lightweight-app-messenger { 
  0% { opacity: 0; transform: scale(0); }
  40% { opacity: 1; }
  100% { transform: scale(1); }
}
.intercom-lightweight-app { position: fixed; z-index: 2147483001; width: 0px; height: 0px; font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
.intercom-lightweight-app-gradient { position: fixed; z-index: 2147483002; width: 500px; height: 500px; bottom: 0px; right: 0px; pointer-events: none; background: radial-gradient(at right bottom, rgba(29, 39, 54, 0.16) 0%, rgba(29, 39, 54, 0) 72%); animation: 200ms ease-out 0s 1 normal none running intercom-lightweight-app-gradient; }
.intercom-lightweight-app-launcher { position: fixed; z-index: 2147483003; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; bottom: 20px; right: 20px; max-width: 48px; width: 48px; max-height: 48px; height: 48px; border-radius: 50%; background: rgb(255, 16, 20); cursor: pointer; box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 6px 0px, rgba(0, 0, 0, 0.16) 0px 2px 32px 0px; transition: transform 167ms cubic-bezier(0.33, 0, 0, 1); box-sizing: content-box; padding: 0px !important; margin: 0px !important; }
.intercom-lightweight-app-launcher:hover { transition: transform 250ms cubic-bezier(0.33, 0, 0, 1); transform: scale(1.1); }
.intercom-lightweight-app-launcher:active { transform: scale(0.85); transition: transform 134ms cubic-bezier(0.45, 0, 0.2, 1); }
.intercom-lightweight-app-launcher:focus { outline: none; }
.intercom-lightweight-app-launcher-icon { display: flex; align-items: center; justify-content: center; position: absolute; top: 0px; left: 0px; width: 48px; height: 48px; transition: transform 100ms linear, opacity 80ms linear; }
.intercom-lightweight-app-launcher-icon-open { opacity: 1; transform: rotate(0deg) scale(1); }
.intercom-lightweight-app-launcher-icon-open svg { width: 24px; height: 24px; }
.intercom-lightweight-app-launcher-icon-open svg path { fill: rgb(255, 255, 255); }
.intercom-lightweight-app-launcher-icon-self-serve { opacity: 1; transform: rotate(0deg) scale(1); }
.intercom-lightweight-app-launcher-icon-self-serve svg { height: 44px; }
.intercom-lightweight-app-launcher-icon-self-serve svg path { fill: rgb(255, 255, 255); }
.intercom-lightweight-app-launcher-custom-icon-open { max-height: 24px; max-width: 24px; opacity: 1; transform: rotate(0deg) scale(1); }
.intercom-lightweight-app-launcher-icon-minimize { opacity: 0; transform: rotate(-60deg) scale(0); }
.intercom-lightweight-app-launcher-icon-minimize svg path { fill: rgb(255, 255, 255); }
.intercom-lightweight-app-launcher.intercom-launcher-extended { width: calc(150px); max-width: calc(150px); height: calc(19px); max-height: calc(19px); border-radius: 12px; display: flex; align-items: center; justify-content: flex-start; gap: 6px; background: rgb(255, 16, 20); border: 1px solid rgba(255, 255, 255, 0.15); box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 50px; padding: 12px 16px 12px 12px !important; }
.intercom-lightweight-app-launcher.intercom-launcher-extended .intercom-lightweight-app-launcher-icon { position: relative; width: 24px; height: 24px; }
.intercom-lightweight-app-launcher-text { color: rgb(255, 255, 255); font-size: 14px; font-weight: 600; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 140px; opacity: 1; transition: opacity 80ms linear; }
.intercom-lightweight-app-messenger { position: fixed; z-index: 2147483003; overflow: hidden; background-color: rgb(255, 255, 255); animation: 250ms cubic-bezier(0, 1, 1, 1) 0s 1 normal none running intercom-lightweight-app-messenger; transform-origin: right bottom; width: 400px; height: calc(100% - 40px); max-height: 704px; min-height: 250px; right: 20px; bottom: 20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px; border-radius: 24px; }
.intercom-lightweight-app-messenger-header { height: 64px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; background: rgb(255, 255, 255); }
.intercom-lightweight-app-messenger-footer { position: absolute; bottom: 0px; width: 100%; height: 80px; background: rgb(255, 255, 255); font-size: 14px; line-height: 21px; border-top: 1px solid rgba(0, 0, 0, 0.05); box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 25px; }
@media print {
  .intercom-lightweight-app { display: none; }
}