@property --state-accent-color { syntax: "<color>"; inherits: true; initial-value: transparent; }
@property --state-marker-color { syntax: "<color>"; inherits: true; initial-value: transparent; }
@property --state-shadow-color { syntax: "<color>"; inherits: true; initial-value: transparent; }
.tweyy9d.tweyy9d:where(:not(:hover)) { color: var(--text-soft-color); --current-color: var(--text-soft-color); background-color: var(--clear-color); }
.tweyy9d.tweyy9d { border-radius: 6px; }
.tweyy9d.tweyy9d:where(:not(:active)) { box-shadow: inset 0 0 16px oklch(from var(--shadow-inset-2-color) l c h / 0); }
.tweyy9d.tweyy9d:where(:hover) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-color); }
.tweyy9d.tweyy9d:where(:active) { box-shadow: inset 0 0 16px var(--shadow-inset-2-color); }
.t1f2p1n3.t1f2p1n3 { font-size: var(--t3-font-size, var(--default-font-size)); line-height: var(--t3-line-height, var(--default-line-height)); letter-spacing: var(--t3-letter-spacing, var(--default-letter-spacing)); font-weight: var(--t3-font-weight, var(--default-font-weight)); font-style: var(--t3-font-style, var(--default-font-style)); text-transform: var(--t3-text-transform, var(--default-text-transform)); font-family: var(--t3-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--t3-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--t3-icon-size, var(--default-icon-size)); text-decoration: none; }
.t11poitx.t11poitx { padding: 8px 12px; }
.tbuie2r.tbuie2r { margin: -40px 0 0 0; width: 100%; min-width: initial; max-width: initial; }
@media (not (width < 768px)) { .tbuie2r.tbuie2r { padding: 0 32px 80px 32px; } }
@media (width < 768px) { .tbuie2r.tbuie2r { padding: 0 16px 48px 16px; } }
.tedlt53.tedlt53 { position: relative; z-index: 2; }
.t1q7ra0h.t1q7ra0h { border: 1px solid var(--border-color); background-color: var(--surface-color); border-radius: 12px; box-shadow:  0 24px 80px var(--shadow-md-color); }
.to2pp10.to2pp10 { margin: 0 auto; width: auto; min-width: initial; max-width: var(--content-width, 1200px); }
@media (not (width < 768px)) { .to2pp10.to2pp10 { padding: 40px; } }
@media (width < 768px) { .to2pp10.to2pp10 { padding: 24px 16px; } }
.t1am82ci.t1am82ci { overflow: hidden; display: flex; gap: 32px; flex-flow: column; }
.tkgd3zh.tkgd3zh { align-items: center; align-content: center; }
.t1yjmxdj.t1yjmxdj { background-image: radial-gradient(circle at 5% 0%, oklch(from var(--violet-surface-3-color) l c h / .55), var(--clear-color) 34%), radial-gradient(circle at 95% 100%, oklch(from var(--coral-surface-3-color) l c h / .45), var(--clear-color) 34%); }
.tm2o3s4.tm2o3s4 { display: flex; gap: 12px; flex-flow: column; }
.ta3j6yu.ta3j6yu [data-element="Subtitle"] { font-size: var(--t1-font-size, var(--default-font-size)); line-height: var(--t1-line-height, var(--default-line-height)); letter-spacing: var(--t1-letter-spacing, var(--default-letter-spacing)); font-weight: var(--t1-font-weight, var(--default-font-weight)); font-style: var(--t1-font-style, var(--default-font-style)); text-transform: var(--t1-text-transform, var(--default-text-transform)); font-family: var(--t1-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--t1-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--t1-icon-size, var(--default-icon-size)); color: var(--text-soft-color); --current-color: var(--text-soft-color); text-align: center; text-wrap: balance; width: auto; min-width: initial; max-width: 660px; margin: 0px; }
@media (not (width < 768px)) { .ta3j6yu.ta3j6yu [data-element="Title"] { font-size: var(--h2-font-size, var(--default-font-size)); line-height: var(--h2-line-height, var(--default-line-height)); letter-spacing: var(--h2-letter-spacing, var(--default-letter-spacing)); font-weight: var(--h2-font-weight, var(--default-font-weight)); font-style: var(--h2-font-style, var(--default-font-style)); text-transform: var(--h2-text-transform, var(--default-text-transform)); font-family: var(--h2-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--h2-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--h2-icon-size, var(--default-icon-size)); } }
.ta3j6yu.ta3j6yu [data-element="Title"] { color: var(--text-color); --current-color: var(--text-color); text-align: center; text-wrap: balance; margin: 0px; }
@media (width < 768px) { .ta3j6yu.ta3j6yu [data-element="Title"] { font-size: var(--h3-font-size, var(--default-font-size)); line-height: var(--h3-line-height, var(--default-line-height)); letter-spacing: var(--h3-letter-spacing, var(--default-letter-spacing)); font-weight: var(--h3-font-weight, var(--default-font-weight)); font-style: var(--h3-font-style, var(--default-font-style)); text-transform: var(--h3-text-transform, var(--default-text-transform)); font-family: var(--h3-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--h3-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--h3-icon-size, var(--default-icon-size)); } }
.t1tp8mxg.t1tp8mxg { color: var(--accent-text-3-color); --current-color: var(--accent-text-3-color); background-color: var(--surface-3-color); border-radius: 9999rem; }
.t138cnd.t138cnd { font-size: var(--t3m-font-size, var(--default-font-size)); line-height: var(--t3m-line-height, var(--default-line-height)); font-weight: var(--t3m-font-weight, var(--default-font-weight)); font-style: var(--t3m-font-style, var(--default-font-style)); text-transform: var(--t3m-text-transform, var(--default-text-transform)); font-family: var(--t3m-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--t3m-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--t3m-icon-size, var(--default-icon-size)); letter-spacing: 0.05em; }
.t7sw9tj.t7sw9tj { padding: 4px 12px; }
.te0vosl.te0vosl { display: grid; }
@media (not (width < 1264px)) { .te0vosl.te0vosl { gap: 64px; } }
@media (width < 1264px) { .te0vosl.te0vosl { gap: 0px; } }
@media (not (width < 1264px)) and (not (width < 768px)) { .t1vyor92.t1vyor92 { grid-template-areas: none; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } }
.t1vyor92.t1vyor92 { align-items: stretch; justify-items: stretch; }
@media (not (width < 768px)) and (width < 1264px) { .t1vyor92.t1vyor92 { grid-template-areas: "map first selectors" "break break break" "switch last preview"; grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr); } }
@media (width < 768px) { .t1vyor92.t1vyor92 { grid-template-areas: "map" "first" "selectors" "break" "switch" "last" "preview"; grid-template-columns: minmax(0, 1fr); } }
.td9pfsj.td9pfsj { border: 1px solid var(--border-color); background-color: var(--surface-2-color); border-radius: 10px; }
.tmxil1u.tmxil1u { height: 100%; min-height: initial; max-height: initial; width: auto; min-width: 0; max-width: initial; }
@media (not (width < 768px)) { .tmxil1u.tmxil1u { padding: 20px; } }
@media (width < 768px) { .tmxil1u.tmxil1u { padding: 16px; } }
@media (not (width < 1264px)) { .t11d6z73.t11d6z73 { grid-area: auto; } }
.t11d6z73.t11d6z73 { position: relative; z-index: 1; }
@media (width < 1264px) { .t11d6z73.t11d6z73:where(:not([data-slot="preview"]):not([data-slot="selectors"]):not([data-slot="switch"])) { grid-area: map; } }
@media (width < 1264px) { .t11d6z73.t11d6z73:where([data-slot="selectors"]) { grid-area: selectors; } }
@media (width < 1264px) { .t11d6z73.t11d6z73:where([data-slot="switch"]) { grid-area: switch; } }
@media (width < 1264px) { .t11d6z73.t11d6z73:where([data-slot="preview"]) { grid-area: preview; } }
.t3n7ae9.t3n7ae9 [data-element="Header"] { display: flex; gap: 8px; flex-flow: row; align-items: center; justify-items: center; align-content: space-between; justify-content: space-between; }
.t3n7ae9.t3n7ae9 [data-element="Helper"] { font-size: var(--t4-font-size, var(--default-font-size)); line-height: var(--t4-line-height, var(--default-line-height)); letter-spacing: var(--t4-letter-spacing, var(--default-letter-spacing)); font-weight: var(--t4-font-weight, var(--default-font-weight)); font-style: var(--t4-font-style, var(--default-font-style)); text-transform: var(--t4-text-transform, var(--default-text-transform)); font-family: var(--t4-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--t4-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--t4-icon-size, var(--default-icon-size)); color: var(--text-soft-2-color); --current-color: var(--text-soft-2-color); margin: 0px; }
.t3n7ae9.t3n7ae9 [data-element="Title"] { font-size: var(--h5-font-size, var(--default-font-size)); line-height: var(--h5-line-height, var(--default-line-height)); letter-spacing: var(--h5-letter-spacing, var(--default-letter-spacing)); font-weight: var(--h5-font-weight, var(--default-font-weight)); font-style: var(--h5-font-style, var(--default-font-style)); text-transform: var(--h5-text-transform, var(--default-text-transform)); font-family: var(--h5-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--h5-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--h5-icon-size, var(--default-icon-size)); color: var(--text-2-color); --current-color: var(--text-2-color); margin: 0px; }
.tuj7w9q.tuj7w9q { border: 1px solid var(--border-color); color: var(--syntax-text-color); --current-color: var(--syntax-text-color); background-color: var(--syntax-bg-color); border-radius: 6px; }
.t156sj4f.t156sj4f { font-size: var(--t4-font-size, var(--default-font-size)); line-height: var(--t4-line-height, var(--default-line-height)); letter-spacing: var(--t4-letter-spacing, var(--default-letter-spacing)); font-weight: var(--t4-font-weight, var(--default-font-weight)); font-style: var(--t4-font-style, var(--default-font-style)); text-transform: var(--t4-text-transform, var(--default-text-transform)); --bold-font-weight: var(--t4-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--t4-icon-size, var(--default-icon-size)); font-family: var(--font-mono, var(--font-mono-fallback)); }
.tl5yjcz.tl5yjcz { height: auto; min-height: 184px; max-height: initial; }
.tf7xmnt.tf7xmnt { overflow: hidden; }
.t1khqo8u.t1khqo8u [data-element="Scroller"] { position: absolute; inset: 0px; margin: 0px; padding: 10px 0; overflow: auto; font-family: inherit, var(--font-sans, var(--font-sans-fallback)); color: inherit; --current-color: inherit; }
.t1hcencn.t1hcencn { width: max-content; min-width: 100%; max-width: initial; }
.to80q2q.to80q2q { display: flex; flex-flow: column; }
.t1c6qi20.t1c6qi20 { border: 2px solid var(--state-accent-color); border-radius: 4.5px; }
.t1di13d9.t1di13d9 { inset: auto 4px; position: absolute; transition: top var(--top-transition, var(--transition)), max-height var(--height-transition, var(--transition)), min-height var(--height-transition, var(--transition)), height var(--height-transition, var(--transition)), color var(--theme-transition, var(--transition)), background-color var(--theme-transition, var(--transition)), background-image var(--theme-transition, var(--transition)), box-shadow var(--theme-transition, var(--transition)), border var(--theme-transition, var(--transition)), border-radius var(--theme-transition, var(--transition)), outline var(--theme-transition, var(--transition)), opacity var(--theme-transition, var(--transition)), --tasty-second-fill-color var(--theme-transition, var(--transition)); z-index: 0; }
.tuy6pec.tuy6pec { --state-accent-color: var(--amber-accent-text-3-color); --state-marker-color: var(--amber-accent-surface-color); --state-shadow-color: var(--amber-shadow-sm-color); pointer-events: none; }
.tm485k5.tm485k5 { height: auto; min-height: 18px; max-height: initial; padding: 2px 10px; }
.tuc32do.tuc32do { white-space: pre; display: block; }
.ttn9gyq.ttn9gyq { color: var(--text-soft-2-color); --current-color: var(--text-soft-2-color); }
@media (not (width < 1264px)) and (not (width < 768px)) { .t1fqmc99.t1fqmc99 { height: auto; min-height: 0; max-height: initial; } }
@media (not (width < 1264px)) and (width < 768px) { .t1fqmc99.t1fqmc99:where([data-slot="break"]) { height: auto; min-height: 0; max-height: initial; } }
@media (not (width < 768px)) and (width < 1264px) { .t1fqmc99.t1fqmc99:where(:not([data-slot="break"])) { height: auto; min-height: 0; max-height: initial; } }
@media (not (width < 1264px)) { .t1fqmc99.t1fqmc99 { width: 64px; min-width: initial; max-width: initial; } }
@media (width < 1264px) { .t1fqmc99.t1fqmc99 { width: auto; min-width: initial; max-width: initial; } }
@media (width < 768px) { .t1fqmc99.t1fqmc99:where(:not([data-slot="break"])) { height: auto; min-height: 48px; max-height: initial; } }
@media (width < 1264px) { .t1fqmc99.t1fqmc99:where([data-slot="break"]) { height: auto; min-height: 48px; max-height: initial; } }
.t17azbmd.t17azbmd { display: grid; }
@media (not (width < 1264px)) { .t1cl7puy.t1cl7puy { grid-area: auto; position: absolute; } }
@media (not (width < 1264px)) { .t1cl7puy.t1cl7puy:where(:not([data-slot="break"]):not([data-slot="last"])) { inset: 50% auto auto calc(25% - 16px); } }
@media (width < 1264px) { .t1cl7puy.t1cl7puy:where(:not([data-slot="break"]):not([data-slot="last"])) { grid-area: first; } }
@media (not (width < 1264px)) { .t1cl7puy.t1cl7puy:where([data-slot="break"]) { inset: 50% auto auto 50%; } }
@media (width < 1264px) { .t1cl7puy.t1cl7puy { position: relative; inset: auto; } }
@media (width < 1264px) { .t1cl7puy.t1cl7puy:where([data-slot="break"]) { grid-area: break; } }
@media (not (width < 1264px)) { .t1cl7puy.t1cl7puy:where([data-slot="last"]) { inset: 50% auto auto calc(75% + 16px); } }
@media (width < 1264px) { .t1cl7puy.t1cl7puy:where([data-slot="last"]) { grid-area: last; } }
@media (not (width < 1264px)) { .t1b7g99l.t1b7g99l { translate: -50% -50%; } }
@media (width < 1264px) { .t1b7g99l.t1b7g99l { translate: 0 0; } }
.t7cpty3.t7cpty3 [data-element="Arrow"] { z-index: 1; display: flex; padding: 4px; border-radius: 9999rem; background-color: var(--surface-color); border: 1px solid var(--border-color); }
@media (not (width < 1264px)) and (not (width < 768px)) { .t7cpty3.t7cpty3 [data-element="Arrow"] { transform: rotate(0deg); } }
@media (not (width < 768px)) and (width < 1264px) { .t7cpty3.t7cpty3:where(:not([data-slot="break"])) [data-element="Arrow"] { transform: rotate(0deg); } }
.t7cpty3.t7cpty3 [data-element="Wire"] { position: absolute; background-color: var(--border-color); }
@media (not (width < 1264px)) and (not (width < 768px)) { .t7cpty3.t7cpty3 [data-element="Wire"] { width: 100%; min-width: initial; max-width: initial; } }
@media (not (width < 768px)) and (width < 1264px) { .t7cpty3.t7cpty3:where(:not([data-slot="break"])) [data-element="Wire"] { width: 100%; min-width: initial; max-width: initial; } }
@media (not (width < 768px)) { .t7cpty3.t7cpty3 [data-element="Wire"] { height: 1px; min-height: initial; max-height: initial; } }
@media (not (width < 1264px)) { .t7cpty3.t7cpty3 [data-element="Wire"] { transform: rotate(0deg); } }
@media (width < 1264px) { .t7cpty3.t7cpty3:where(:not([data-slot="break"])) [data-element="Wire"] { transform: rotate(0deg); } }
@media (not (width < 768px)) and (width < 1264px) { .t7cpty3.t7cpty3:where([data-slot="break"]) [data-element="Arrow"] { transform: rotate(135deg); } }
@media (not (width < 768px)) and (width < 1264px) { .t7cpty3.t7cpty3:where([data-slot="break"]) [data-element="Wire"] { width: 84px; min-width: initial; max-width: initial; } }
@media (width < 1264px) { .t7cpty3.t7cpty3:where([data-slot="break"]) [data-element="Wire"] { transform: rotate(-45deg); } }
@media (width < 768px) { .t7cpty3.t7cpty3 [data-element="Arrow"] { transform: rotate(90deg); } }
@media (width < 768px) { .t7cpty3.t7cpty3 [data-element="Wire"] { width: 1px; min-width: initial; max-width: initial; height: 100%; min-height: initial; max-height: initial; } }
.tm0qs5m.tm0qs5m { display: flex; gap: 6px; flex-flow: column; }
.ti4y36p.ti4y36p:where(:not([data-is-active])) { border: 1px solid var(--border-color); box-shadow: none ; }
.ti4y36p.ti4y36p { background-color: var(--syntax-bg-color); border-radius: 6px; }
.ti4y36p.ti4y36p:where([data-is-active]) { border: 1px solid var(--state-accent-color); box-shadow:  0 4px 16px var(--state-shadow-color); }
.tcdx9ze.tcdx9ze { height: auto; min-height: 38px; max-height: initial; padding: 8px; }
.t1sjj3qj.t1sjj3qj { display: flex; gap: 8px; flex-flow: row; }
.t9g4hz6.t9g4hz6 { transition: color var(--theme-transition, var(--transition)), background-color var(--theme-transition, var(--transition)), background-image var(--theme-transition, var(--transition)), box-shadow var(--shadow-transition, var(--transition)), border var(--theme-transition, var(--transition)), border-radius var(--theme-transition, var(--transition)), outline var(--theme-transition, var(--transition)), opacity var(--theme-transition, var(--transition)), --tasty-second-fill-color var(--theme-transition, var(--transition)), transform var(--translate-transition, var(--transition)), translate var(--translate-transition, var(--transition)); }
.t1p3w0cx.t1p3w0cx { --state-accent-color: var(--blue-accent-text-3-color); --state-marker-color: var(--blue-accent-surface-color); --state-shadow-color: var(--blue-shadow-sm-color); }
.t1p3w0cx.t1p3w0cx:where(:not([data-is-active])) { translate: 0 0; }
.t1p3w0cx.t1p3w0cx:where([data-is-active]) { translate: 0 -1px; }
.t1oz2ev6.t1oz2ev6 [data-element="Marker"] { width: 8px; min-width: initial; max-width: initial; height: 8px; min-height: initial; max-height: initial; border-radius: 9999rem; background-color: var(--state-marker-color); flex-shrink: 0; transition: color var(--theme-transition, var(--transition)), background-color var(--theme-transition, var(--transition)), background-image var(--theme-transition, var(--transition)), box-shadow var(--theme-transition, var(--transition)), border var(--theme-transition, var(--transition)), border-radius var(--theme-transition, var(--transition)), outline var(--theme-transition, var(--transition)), opacity var(--opacity-transition, var(--transition)), --tasty-second-fill-color var(--theme-transition, var(--transition)); }
.t1oz2ev6.t1oz2ev6:where(:not([data-is-active])) [data-element="Marker"] { opacity: 0; }
.t1oz2ev6.t1oz2ev6 [data-element="Value"] { font-size: var(--t4-font-size, var(--default-font-size)); line-height: 1em; letter-spacing: var(--t4-letter-spacing, var(--default-letter-spacing)); font-weight: var(--t4-font-weight, var(--default-font-weight)); font-style: var(--t4-font-style, var(--default-font-style)); text-transform: var(--t4-text-transform, var(--default-text-transform)); --bold-font-weight: var(--t4-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--t4-icon-size, var(--default-icon-size)); font-family: var(--font-mono, var(--font-mono-fallback)); color: var(--syntax-text-color); --current-color: var(--syntax-text-color); width: auto; min-width: 0; max-width: initial; overflow-wrap: anywhere; white-space: normal; }
.t1oz2ev6.t1oz2ev6:where([data-is-active]) [data-element="Marker"] { opacity: 1; }
.t1e0v65u.t1e0v65u { --state-accent-color: var(--violet-accent-text-3-color); --state-marker-color: var(--violet-accent-surface-color); --state-shadow-color: var(--violet-shadow-sm-color); }
.t1e0v65u.t1e0v65u:where(:not([data-is-active])) { translate: 0 0; }
.t1e0v65u.t1e0v65u:where([data-is-active]) { translate: 0 -1px; }
.tb0kn9o.tb0kn9o { --state-accent-color: var(--coral-accent-text-3-color); --state-marker-color: var(--coral-accent-surface-color); --state-shadow-color: var(--coral-shadow-sm-color); }
.tb0kn9o.tb0kn9o:where(:not([data-is-active])) { translate: 0 0; }
.tb0kn9o.tb0kn9o:where([data-is-active]) { translate: 0 -1px; }
.t1a7czou.t1a7czou { --state-accent-color: var(--amber-accent-text-3-color); --state-marker-color: var(--amber-accent-surface-color); --state-shadow-color: var(--amber-shadow-sm-color); }
.t1a7czou.t1a7czou:where(:not([data-is-active])) { translate: 0 0; }
.t1a7czou.t1a7czou:where([data-is-active]) { translate: 0 -1px; }
.tgo227k.tgo227k { margin: auto 0; }
.tke6mwk.tke6mwk { display: grid; gap: 8px; }
@media (not (width < 1264px)) { .t1hjio90.t1hjio90 { grid-template-columns: minmax(0, 1fr); } }
@media (width < 1264px) { .t1hjio90.t1hjio90 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.tf0t7xl.tf0t7xl:where(:not([data-is-selected])) { border: 1px solid var(--border-color); box-shadow: none ; }
.tf0t7xl.tf0t7xl:where(:not([data-is-selected]):not(:hover)) { color: var(--text-soft-2-color); --current-color: var(--text-soft-2-color); }
.tf0t7xl.tf0t7xl:where(:not(:hover)) { background-color: var(--surface-color); }
.tf0t7xl.tf0t7xl:where(:not(:focus-visible)) { outline: var(--outline-width) none var(--outline-color); }
.tf0t7xl.tf0t7xl { border-radius: 6px; }
.tf0t7xl.tf0t7xl:where([data-is-selected]) { border: 1px solid var(--state-accent-color); box-shadow:  0 4px 16px var(--state-shadow-color); color: var(--state-accent-color); --current-color: var(--state-accent-color); }
.tf0t7xl.tf0t7xl:where(:not([data-is-selected]):hover) { color: var(--text-2-color); --current-color: var(--text-2-color); }
.tf0t7xl.tf0t7xl:where(:hover) { background-color: var(--surface-3-color); }
.tf0t7xl.tf0t7xl:where(:focus-visible) { outline: 2px solid var(--state-accent-color); }
.t18ydjlu.t18ydjlu { font-size: var(--t4m-font-size, var(--default-font-size)); line-height: var(--t4m-line-height, var(--default-line-height)); letter-spacing: var(--t4m-letter-spacing, var(--default-letter-spacing)); font-weight: var(--t4m-font-weight, var(--default-font-weight)); font-style: var(--t4m-font-style, var(--default-font-style)); text-transform: var(--t4m-text-transform, var(--default-text-transform)); font-family: var(--t4m-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--t4m-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--t4m-icon-size, var(--default-icon-size)); }
.ta00e3n.ta00e3n { height: auto; min-height: 40px; max-height: initial; padding: 8px; width: auto; min-width: 0; max-width: initial; }
.tp49vfs.tp49vfs { transition: color var(--theme-transition, var(--transition)), background-color var(--theme-transition, var(--transition)), background-image var(--theme-transition, var(--transition)), box-shadow var(--shadow-transition, var(--transition)), border var(--theme-transition, var(--transition)), border-radius var(--theme-transition, var(--transition)), outline var(--theme-transition, var(--transition)), opacity var(--theme-transition, var(--transition)), --tasty-second-fill-color var(--theme-transition, var(--transition)); }
.t1ke6uvi.t1ke6uvi { --state-accent-color: var(--blue-accent-text-3-color); --state-marker-color: var(--blue-accent-surface-color); --state-shadow-color: var(--blue-shadow-sm-color); appearance: none; cursor: pointer; }
.tu7l9nz.tu7l9nz { --state-accent-color: var(--violet-accent-text-3-color); --state-marker-color: var(--violet-accent-surface-color); --state-shadow-color: var(--violet-shadow-sm-color); appearance: none; cursor: pointer; }
.tdv7vd5.tdv7vd5 { --state-accent-color: var(--coral-accent-text-3-color); --state-marker-color: var(--coral-accent-surface-color); --state-shadow-color: var(--coral-shadow-sm-color); appearance: none; cursor: pointer; }
.ti6domj.ti6domj { --state-accent-color: var(--amber-accent-text-3-color); --state-marker-color: var(--amber-accent-surface-color); --state-shadow-color: var(--amber-shadow-sm-color); appearance: none; cursor: pointer; }
.t1q1kj01.t1q1kj01 { border: 1px solid var(--border-color); background-color: var(--surface-3-color); border-radius: 6px; }
.tzyvc9.tzyvc9 { height: auto; min-height: 128px; max-height: initial; margin: auto 0; padding: 16px; }
.tizehpy.tizehpy { border: 0 solid var(--border-color, currentColor); border-radius: 9999rem; }
.tizehpy.tizehpy:where(:not([data-phase="active"]):not([data-phase="disabled"]):not([data-phase="hover"])) { color: var(--blue-accent-surface-text-color); --current-color: var(--blue-accent-surface-text-color); background-color: var(--blue-accent-surface-color); box-shadow:  0 8px 24px var(--blue-shadow-accent-sm-color); }
.tizehpy.tizehpy:where(:not([data-phase="disabled"])) { opacity: 1; }
.tizehpy.tizehpy:where(:not(:focus-visible)) { outline: var(--outline-width) none var(--outline-color); }
.tizehpy.tizehpy:where([data-phase="hover"]) { color: var(--violet-accent-surface-text-color); --current-color: var(--violet-accent-surface-text-color); background-color: var(--violet-accent-surface-color); box-shadow:  0 8px 24px var(--violet-shadow-accent-sm-color); }
.tizehpy.tizehpy:where([data-phase="disabled"]) { opacity: 0.72; color: var(--amber-accent-surface-text-color); --current-color: var(--amber-accent-surface-text-color); background-color: var(--amber-accent-surface-color); box-shadow: none ; }
.tizehpy.tizehpy:where(:focus-visible) { outline: 6px solid var(--accent-text-color); outline-offset: 2px; }
.tizehpy.tizehpy:where([data-phase="active"]) { color: var(--coral-accent-surface-text-color); --current-color: var(--coral-accent-surface-text-color); background-color: var(--coral-accent-surface-color); box-shadow: inset 0 8px 16px var(--coral-shadow-accent-md-color); }
.t18ydhxc.t18ydhxc { font-size: var(--t2m-font-size, var(--default-font-size)); line-height: var(--t2m-line-height, var(--default-line-height)); letter-spacing: var(--t2m-letter-spacing, var(--default-letter-spacing)); font-weight: var(--t2m-font-weight, var(--default-font-weight)); font-style: var(--t2m-font-style, var(--default-font-style)); text-transform: var(--t2m-text-transform, var(--default-text-transform)); font-family: var(--t2m-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--t2m-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--t2m-icon-size, var(--default-icon-size)); }
.t1dh7iwq.t1dh7iwq { padding: 12px 24px; width: auto; min-width: 144px; max-width: initial; }
.t9iyiaw.t9iyiaw { align-items: center; justify-items: center; align-content: center; justify-content: center; }
.t126gqav.t126gqav { transition: color var(--theme-transition, var(--transition)), background-color var(--theme-transition, var(--transition)), background-image var(--theme-transition, var(--transition)), box-shadow var(--shadow-transition, var(--transition)), border var(--theme-transition, var(--transition)), border-radius var(--theme-transition, var(--transition)), outline var(--theme-transition, var(--transition)), opacity var(--opacity-transition, var(--transition)), --tasty-second-fill-color var(--theme-transition, var(--transition)), transform var(--translate-transition, var(--transition)), translate var(--translate-transition, var(--transition)); }
.tnkau73.tnkau73 { appearance: none; }
.tnkau73.tnkau73:where(:not([data-phase="disabled"])) { cursor: pointer; }
.tnkau73.tnkau73:where(:not([data-phase="active"])) { translate: 0 0; }
.tnkau73.tnkau73:where([data-phase="disabled"]) { cursor: not-allowed; }
.tnkau73.tnkau73:where([data-phase="active"]) { translate: 0 1px; }
.t1y7ketf.t1y7ketf { color: var(--text-soft-color); --current-color: var(--text-soft-color); }
.tt3kklf.tt3kklf { font-size: var(--t3-font-size, var(--default-font-size)); line-height: var(--t3-line-height, var(--default-line-height)); letter-spacing: var(--t3-letter-spacing, var(--default-letter-spacing)); font-weight: var(--t3-font-weight, var(--default-font-weight)); font-style: var(--t3-font-style, var(--default-font-style)); text-transform: var(--t3-text-transform, var(--default-text-transform)); font-family: var(--t3-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--t3-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--t3-icon-size, var(--default-icon-size)); text-align: center; }
.t1l1p8s3.t1l1p8s3 { margin: 0px; }
.tnp3p36.tnp3p36 { display: flex; gap: 16px; flex-flow: column; }
@media (not (width < 768px)) { .t61j4cb.t61j4cb > [data-element="Bar"] { overflow: auto hidden; display: flex; flex-flow: row; grid-template-columns: initial; } }
.t61j4cb.t61j4cb > [data-element="Bar"] { gap: 8px; align-content: center; justify-content: center; scrollbar-width: none; }
.t61j4cb.t61j4cb > [data-element="PanelContainer"] > [data-element="Panel"] { grid-column: 1; grid-row: 1; display: flex; flex-flow: column; width: 100%; min-width: 0; max-width: initial; }
.t61j4cb.t61j4cb > [data-element="PanelContainer"] > [data-element="Panel"]:where(:not([data-active])) { visibility: hidden; }
.t61j4cb.t61j4cb > [data-element="PanelContainer"] { display: grid; width: 100%; min-width: 0; max-width: initial; }
@media (width < 768px) { .t61j4cb.t61j4cb > [data-element="Bar"] { overflow: hidden; display: grid; grid-auto-flow: row; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.t61j4cb.t61j4cb > [data-element="PanelContainer"] > [data-element="Panel"]:where([data-active]) { visibility: visible; }
.tbjpg8r.tbjpg8r:where(:not([data-active])) { border: 1px solid var(--border-color, currentColor); background-color: var(--clear-color); }
.tbjpg8r.tbjpg8r:where(:not([data-active]):not(:hover)) { color: var(--text-soft-color); --current-color: var(--text-soft-color); }
.tbjpg8r.tbjpg8r { border-radius: 9999rem; }
.tbjpg8r.tbjpg8r:where([data-active]) { border: 1px solid var(--accent-surface-color); background-color: var(--accent-surface-color); color: var(--accent-surface-text-color); --current-color: var(--accent-surface-text-color); }
.tbjpg8r.tbjpg8r:where(:not([data-active]):hover) { color: var(--text-color); --current-color: var(--text-color); }
.tzsuqk4.tzsuqk4 { font-size: var(--t3-font-size, var(--default-font-size)); line-height: var(--t3-line-height, var(--default-line-height)); letter-spacing: var(--t3-letter-spacing, var(--default-letter-spacing)); font-weight: var(--t3-font-weight, var(--default-font-weight)); font-style: var(--t3-font-style, var(--default-font-style)); text-transform: var(--t3-text-transform, var(--default-text-transform)); font-family: var(--t3-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--t3-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--t3-icon-size, var(--default-icon-size)); }
.t11qdxw6.t11qdxw6 { padding: 8px 20px; }
.tqlf45o.tqlf45o { white-space: nowrap; display: inline-flex; }
.t185isge.t185isge { margin: 0 auto; width: auto; min-width: initial; max-width: 720px; }