*,
*::after,
*::before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
}

:host {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  display: block;
  width: 100%;
}

:host(.horizontal) .duet-choice-group {
  display: block;
  margin-bottom: -12px;
}
:host(.horizontal) .duet-choice-group.duet-no-stacking {
  display: flex;
}
@media (min-width: 48em) {
  :host(.horizontal) .duet-choice-group {
    margin-bottom: 0;
  }
}
@media (max-width: 35.9375em) {
  :host(.horizontal) .duet-choice-group {
    display: flex;
  }
}

:host(.horizontal.duet-choice-group-breakpoint-x-small) .duet-choice-group:not(.duet-no-stacking) {
  display: flex;
}
@media (max-width: 22.5em) {
  :host(.horizontal.duet-choice-group-breakpoint-x-small) .duet-choice-group:not(.duet-no-stacking) {
    display: block;
  }
}

:host(.horizontal.duet-choice-group-breakpoint-small) .duet-choice-group:not(.duet-no-stacking) {
  display: block;
}
@media (min-width: 36em) {
  :host(.horizontal.duet-choice-group-breakpoint-small) .duet-choice-group:not(.duet-no-stacking) {
    display: flex;
  }
}

:host(.horizontal.duet-choice-group-breakpoint-medium) .duet-choice-group:not(.duet-no-stacking) {
  display: block;
}
@media (min-width: 48em) {
  :host(.horizontal.duet-choice-group-breakpoint-medium) .duet-choice-group:not(.duet-no-stacking) {
    display: flex;
  }
}

:host(.horizontal.duet-choice-group-breakpoint-large) .duet-choice-group:not(.duet-no-stacking) {
  display: block;
}
@media (min-width: 62em) {
  :host(.horizontal.duet-choice-group-breakpoint-large) .duet-choice-group:not(.duet-no-stacking) {
    display: flex;
  }
}

:host(.horizontal.duet-choice-group-breakpoint-x-large) .duet-choice-group:not(.duet-no-stacking) {
  display: block;
}
@media (min-width: 64.0625em) {
  :host(.horizontal.duet-choice-group-breakpoint-x-large) .duet-choice-group:not(.duet-no-stacking) {
    display: flex;
  }
}

.duet-choice-group {
  position: relative;
  width: 100%;
  margin-bottom: -12px;
}