Something went wrong. Try again.
opencode v2 mirror
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203[data-component="radio-v2"] { display: flex; flex-direction: column; gap: 8px; cursor: default;
[data-slot="radio-v2-label"] { display: inline-flex; align-items: center; user-select: none; color: var(--v2-text-text-faint); font-size: 11px; font-style: normal; font-weight: 440; line-height: 1; letter-spacing: 0.05px; font-variation-settings: "slnt" 0; }
[data-slot="radio-v2-description"] { color: var(--v2-text-text-faint); font-size: 11px; font-weight: 440; line-height: 1.2; letter-spacing: 0.05px; }
[data-slot="radio-v2-items"] { display: flex; flex-direction: column; gap: 12px; }
[data-slot="radio-v2-error"] { color: var(--v2-state-fg-danger); font-size: 12px; font-weight: var(--font-weight-regular); line-height: var(--line-height-normal); letter-spacing: var(--letter-spacing-normal); }
[data-slot="radio-v2-error"]:empty { display: none; }}
[data-slot="radio-v2-item"] { position: relative; display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 8px;
&:where([data-disabled]) { cursor: not-allowed; }
[data-slot="radio-v2-item-input"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }
[data-slot="radio-v2-item-control-stack"] { position: relative; width: 16px; height: 20px; flex: none; }
[data-slot="radio-v2-item-control"] { box-sizing: border-box; position: absolute; width: 16px; height: 16px; flex: none; flex-shrink: 0; left: 0; top: calc(50% - 16px / 2);
border-radius: 9999px; border: none; box-shadow: inset 0 0 0 0.5px var(--v2-border-border-strong);
background: linear-gradient(180deg, var(--v2-alpha-light-6) 0%, var(--v2-alpha-light-0) 100%), var(--v2-background-bg-base); transition: background 170ms ease-out, opacity 170ms ease-out, outline-color 170ms ease-out; }
&:where(:not([data-readonly])) [data-slot="radio-v2-item-input"]:focus-visible ~ [data-slot="radio-v2-item-control-stack"] [data-slot="radio-v2-item-control"] { outline: 2px solid var(--v2-border-border-focus); outline-offset: 1px; }
&:where(:hover):where(:not([data-disabled], [data-readonly])):where(:not([data-checked])) [data-slot="radio-v2-item-control"] { background: linear-gradient(0deg, var(--v2-overlay-simple-overlay-hover), var(--v2-overlay-simple-overlay-hover)), linear-gradient(180deg, var(--v2-alpha-light-6) 0%, var(--v2-alpha-light-0) 100%), var(--v2-background-bg-base); }
&:where([data-disabled]) [data-slot="radio-v2-item-control"] { opacity: 0.5; }
&:where([data-checked]) [data-slot="radio-v2-item-control"] { background: linear-gradient(180deg, var(--v2-alpha-light-20) 0%, var(--v2-alpha-light-0) 100%), var(--v2-background-bg-accent); }
&:where([data-checked]):where(:hover):where(:not([data-disabled], [data-readonly])) [data-slot="radio-v2-item-control"] { background: linear-gradient( 0deg, var(--v2-overlay-simple-overlay-contrast-hover), var(--v2-overlay-simple-overlay-contrast-hover) ), linear-gradient(180deg, var(--v2-alpha-light-20) 0%, var(--v2-alpha-light-0) 100%), var(--v2-background-bg-accent); }
&:where([data-invalid]):where(:not([data-checked])) [data-slot="radio-v2-item-control"] { background: var(--v2-state-bg-danger); box-shadow: inset 0 0 0 0.5px var(--v2-state-border-danger); }
[data-slot="radio-v2-item-indicator"] { box-sizing: border-box; position: absolute; width: 6px; height: 6px; left: calc(50% - 6px / 2); top: calc(50% - 6px / 2); border-radius: 9999px;
background: var(--v2-grey-300); border: none; box-shadow: inset 0 0 0 0.5px var(--v2-overlay-gradient-depth-overlay-depth-top), 0px 0.5px 0.5px rgba(0, 0, 0, 0.4); }
[data-slot="radio-v2-item-text"] { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0px; gap: 6px; }
[data-slot="radio-v2-item-label"] { display: inline-flex; user-select: none; color: inherit; font-style: normal; font-weight: 440; font-variant-numeric: tabular-nums; font-variation-settings: "slnt" 0; }
[data-slot="radio-v2-item-label-text"] { display: inline-flex; align-items: center; user-select: none; color: var(--v2-text-text-base); font-size: 13px; line-height: 20px; letter-spacing: -0.04px; }
[data-slot="radio-v2-item-description"] { color: var(--v2-text-text-muted); font-size: 11px; font-weight: 440; line-height: 1; letter-spacing: 0.05px; font-variant-numeric: tabular-nums; user-select: none; }
&:where([data-disabled]) [data-slot="radio-v2-item-label-text"] { color: var(--v2-text-text-muted); }
&:where([data-disabled]) [data-slot="radio-v2-item-description"] { color: var(--v2-text-text-faint); }}