.q-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.q-choicebox {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
  font: inherit;
  color: var(--q-gray-1000, #171717);
}
.q-choicebox__list {
  display: flex;
  flex-direction: row;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.q-choicebox__tile {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--q-gray-400, #ebebeb);
  border-radius: 6px;
  transition-property:
    color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.q-choicebox__label {
  display: flex;
  flex: 1;
  flex-direction: column;
  cursor: pointer;
}
.q-choicebox__row {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 12px;
  min-height: 68px;
  box-sizing: border-box;
}
.q-choicebox__copy {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  gap: 4px;
}
.q-choicebox__title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.q-choicebox__description {
  font-size: 14px;
  line-height: 20px;
  color: var(--q-gray-900, #666);
}
.q-choicebox__input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  margin: -1px;
}
.q-choicebox__control {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 2px;
  margin: -2px;
}
.q-choicebox__indicator {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border: 1px solid var(--q-gray-700, #8f8f8f);
  border-radius: 4px;
  display: grid;
  place-items: center;
}
.q-choicebox__input[type='radio'] + .q-choicebox__indicator {
  border-radius: 50%;
}
.q-choicebox__input:checked + .q-choicebox__indicator {
  background: var(--ss-primary);
  border-color: var(--ss-primary);
}
.q-choicebox__input[type='radio'] + .q-choicebox__indicator {
  background: var(--q-background-100, var(--ss-surface-light));
  border-color: var(--q-gray-500, #c9c9c9);
  transition:
    border-color 200ms cubic-bezier(0.4, 0, 1, 1),
    background 200ms cubic-bezier(0.4, 0, 1, 1);
}
.q-choicebox__input[type='radio'] + .q-choicebox__indicator::after {
  content: '';
  width: 8px;
  height: 8px;
  background: var(--ss-selected-foreground);
  border-radius: 50%;
  transform: scale(0);
  transition: transform 150ms cubic-bezier(0.4, 0, 1, 1);
}
.q-choicebox__input[type='radio']:checked + .q-choicebox__indicator {
  background: var(--q-background-100, var(--ss-surface-light));
  border-color: var(--ss-selected-foreground);
}
.q-choicebox__input[type='radio']:checked + .q-choicebox__indicator::after {
  transform: scale(1);
}
.q-choicebox__input[type='checkbox'] + .q-choicebox__indicator {
  display: flex;
  rotate: 0.000001deg;
  background: var(--q-background-100, var(--ss-surface-light));
  border-color: var(--q-gray-500, #c9c9c9);
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.q-choicebox__input[type='checkbox'] + .q-choicebox__indicator svg {
  width: 14px;
  height: 16px;
  flex-shrink: 0;
}
.q-choicebox__input[type='checkbox'] + .q-choicebox__indicator path {
  stroke: #fff;
  visibility: hidden;
}
[data-theme='dark'] .q-choicebox__input[type='checkbox'] + .q-choicebox__indicator path {
  stroke: #000;
}
.q-choicebox__input[type='checkbox']:checked + .q-choicebox__indicator {
  background: var(--ss-selected-foreground);
  border-color: var(--ss-selected-foreground);
}
.q-choicebox__input[type='checkbox']:checked + .q-choicebox__indicator path {
  visibility: visible;
}
.q-choicebox__tile:has(input:enabled):hover {
  border-color: var(--q-gray-500, #c9c9c9);
  background: var(--q-gray-100, #f2f2f2);
}
.q-choicebox__tile:has(input:checked:enabled) {
  border-color: var(--ss-selected-border);
}
.q-choicebox__tile:has(input:checked:enabled) .q-choicebox__row {
  background: var(--ss-selected-background);
}
.q-choicebox__tile:has(input:checked:enabled) .q-choicebox__title,
.q-choicebox__tile:has(input:checked:enabled) .q-choicebox__description {
  color: var(--ss-selected-foreground);
}
.q-choicebox__tile:has(input:checked:enabled):hover .q-choicebox__row {
  background: var(--ss-selected-hover);
}
.q-choicebox__input:focus-visible + .q-choicebox__indicator {
  box-shadow:
    0 0 0 2px var(--q-background-100, var(--ss-surface-light)),
    0 0 0 4px var(--ss-primary);
}
.q-choicebox__input[type='checkbox']:hover:not(:checked):enabled + .q-choicebox__indicator {
  background: var(--q-background-100, var(--ss-surface-light));
  border-color: var(--q-gray-700, #8f8f8f);
}
.q-choicebox__input[type='checkbox']:focus-visible:not(:checked):enabled + .q-choicebox__indicator {
  background: var(--q-gray-200, #ebebeb);
}
.q-choicebox__control:hover
  .q-choicebox__input[type='radio']:not(:checked):enabled
  + .q-choicebox__indicator {
  border-color: var(--q-gray-700, #8f8f8f);
}
.q-choicebox__input[type='radio']:active:enabled + .q-choicebox__indicator {
  border-color: var(--ss-selected-foreground);
}
.q-choicebox__tile:has(input:disabled) {
  color: var(--q-gray-800, #7d7d7d);
}
.q-choicebox__input:disabled:not(:checked) + .q-choicebox__indicator {
  background: var(--q-gray-100, #f2f2f2);
  border-color: var(--q-gray-500, #c9c9c9);
}
.q-choicebox__input[type='checkbox']:disabled:checked + .q-choicebox__indicator {
  background: var(--q-gray-600, #a8a8a8);
  border-color: var(--q-gray-600, #a8a8a8);
}
.q-choicebox__input[type='radio']:disabled:checked + .q-choicebox__indicator {
  border-color: var(--q-gray-900, #666);
}
.q-choicebox__input[type='radio']:disabled:checked + .q-choicebox__indicator::after {
  background: var(--q-gray-900, #666);
}
.q-choicebox__tile:has(input:disabled) .q-choicebox__label {
  cursor: not-allowed;
}
.q-choicebox__tile:has(input:disabled) .q-choicebox__description {
  color: inherit;
}
.q-choicebox__content {
  display: block;
  border-top: 1px solid var(--ss-selected-border);
}
.q-choicebox__content[hidden] {
  display: none;
}