*,
*::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;
  margin-right: 16px !important;
  margin-bottom: 12px !important;
  display: inline-flex;
  flex-direction: column;
  width: auto;
  max-width: 100%;
  vertical-align: bottom;
  -webkit-tap-highlight-color: transparent;
}
:host:last-child, :host:last-of-type {
  margin-right: 0 !important;
}
[alignment=form-distribute] > :host:last-of-type:not(:last-child) {
  margin-right: 16px !important;
}
@media (max-width: 35.9375em) {
  :host {
    width: 100%;
  }
}

:host(.duet-expand) {
  width: 100% !important;
}

:host(.duet-m-0) {
  margin: 0 !important;
}

:host(.duet-fixed) {
  width: auto !important;
}

:host(.vertical) {
  margin-right: 0 !important;
}

@media (min-width: 48em) {
  :host(.horizontal) {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 22.5em) {
  :host(.horizontal-responsive-x-small) {
    margin-bottom: 0 !important;
    margin-right: 16px !important;
  }
  :host(.horizontal-responsive-x-small):last-child, :host(.horizontal-responsive-x-small):last-of-type {
    margin-right: 0 !important;
  }
  [alignment=form-distribute] > :host(.horizontal-responsive-x-small):last-of-type:not(:last-child) {
    margin-right: 16px !important;
  }
}

@media (min-width: 36em) {
  :host(.horizontal-responsive-small) {
    margin-bottom: 0 !important;
    margin-right: 16px !important;
  }
  :host(.horizontal-responsive-small):last-child, :host(.horizontal-responsive-small):last-of-type {
    margin-right: 0 !important;
  }
  [alignment=form-distribute] > :host(.horizontal-responsive-small):last-of-type:not(:last-child) {
    margin-right: 16px !important;
  }
}

@media (min-width: 48em) {
  :host(.horizontal-responsive-medium) {
    margin-bottom: 0 !important;
    margin-right: 16px !important;
  }
  :host(.horizontal-responsive-medium):last-child, :host(.horizontal-responsive-medium):last-of-type {
    margin-right: 0 !important;
  }
  [alignment=form-distribute] > :host(.horizontal-responsive-medium):last-of-type:not(:last-child) {
    margin-right: 16px !important;
  }
}

@media (min-width: 62em) {
  :host(.horizontal-responsive-large) {
    margin-bottom: 0 !important;
    margin-right: 16px !important;
  }
  :host(.horizontal-responsive-large):last-child, :host(.horizontal-responsive-large):last-of-type {
    margin-right: 0 !important;
  }
  [alignment=form-distribute] > :host(.horizontal-responsive-large):last-of-type:not(:last-child) {
    margin-right: 16px !important;
  }
}

@media (min-width: 64.0625em) {
  :host(.horizontal-responsive-x-large) {
    margin-bottom: 0 !important;
    margin-right: 16px !important;
  }
  :host(.horizontal-responsive-x-large):last-child, :host(.horizontal-responsive-x-large):last-of-type {
    margin-right: 0 !important;
  }
  [alignment=form-distribute] > :host(.horizontal-responsive-x-large):last-of-type:not(:last-child) {
    margin-right: 16px !important;
  }
}

:host(:last-child:not(:only-child)) {
  margin-right: 0 !important;
}

:host(.vertical-stretch) .duet-choice-card-flextainer {
  height: 100%;
}
:host(.vertical-stretch) .duet-choice-card-flextainer .duet-choice-label {
  align-items: flex-start;
}
:host(.vertical-stretch) .duet-choice-card-flextainer .duet-choice-label > div {
  margin-top: 0.25rem;
}

.duet-choice-card {
  position: relative;
  display: block;
  width: 100%;
  min-width: 8rem;
  font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1;
  color: rgb(8, 42, 77) !important;
  text-align: left;
  -webkit-hyphens: auto;
  hyphens: auto;
  background: rgb(255, 255, 255);
  border-width: 1px;
  border-radius: 8px;
}
.duet-choice-card.duet-p-0 {
  padding: 0 !important;
}
.duet-choice-card.duet-m-0 {
  margin: 0 !important;
}
.duet-theme-turva .duet-choice-card {
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: rgb(23, 28, 58) !important;
}
.duet-choice-card-flextainer {
  display: flex;
}

.duet-choice-label {
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  z-index: 100;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  min-height: 3.875rem;
  padding: calc(1rem + 1px);
  font-size: 1rem;
  font-weight: 600;
  word-break: break-word;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid rgb(212, 223, 229);
  border-radius: 8px;
  transition: background-color 150ms ease, border-color 300ms ease;
}
.duet-choice-label.has-before-text .duet-choice-card-icon,
.duet-choice-label.has-before-text .duet-choice-card-text {
  align-self: flex-start;
  margin-top: 0.25rem;
}
.duet-choice-label .duet-choice-card-text {
  flex: 1;
}
.duet-choice-label > div:last-child {
  flex: 0 1 0;
  align-self: flex-start;
  justify-self: flex-end;
  margin-top: 0.25rem;
}
.has-info .duet-choice-label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.info .duet-choice-label {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.duet-theme-turva .duet-choice-label {
  border-color: rgb(222, 224, 228);
}
.duet-theme-turva .info .duet-choice-label {
  border-color: rgb(222, 224, 228);
}
.duet-choice-label:active {
  opacity: 0.75;
  transition: none !important;
}
.checked > .duet-choice-label {
  padding: 1rem;
  background: rgb(240, 247, 250);
  border-color: rgb(0, 119, 179) !important;
  border-width: 2px;
}
.checked > .duet-choice-label .duet-checkmark-container {
  border-color: rgb(0, 119, 179);
}
.duet-theme-turva .checked > .duet-choice-label {
  background: rgb(245, 247, 250);
  border-color: rgb(23, 28, 58) !important;
}
.duet-theme-turva .checked > .duet-choice-label .duet-checkmark-container {
  border-color: rgb(198, 12, 48);
}
.checked.collapsible > .duet-choice-label, .collapsible-force-expanded.collapsible > .duet-choice-label {
  padding-bottom: calc(1rem + 2px) !important;
  border-bottom: 0 !important;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

:host(:not(.no-hover):not(.disabled):hover) > .duet-choice-card-flextainer .duet-choice-label:not(.checked) {
  border-color: rgb(0, 119, 179);
  border-width: 2px;
}
:host(:not(.no-hover):not(.disabled):hover) > .duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container {
  border-color: rgb(127, 150, 165);
}

:host(.duet-theme-turva:not(.no-hover):not(.disabled):hover) > .duet-choice-card-flextainer .duet-choice-label:not(.checked) {
  border-color: rgb(23, 28, 58);
}
:host(.duet-theme-turva:not(.no-hover):not(.disabled):hover) > .duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container {
  border-color: rgb(143, 147, 158);
}
.info :host(.duet-theme-turva:not(.no-hover):not(.disabled):hover) {
  border-color: rgb(143, 147, 158);
}

:host(:not(.no-hover):not(.disabled):not([checked]):hover) > .duet-choice-card-flextainer .duet-choice-label:not(.checked) {
  padding: 1rem;
}

input:focus {
  outline: 0;
}

.focus.duet-choice-label {
  outline: 2px solid;
  outline-offset: 2px;
  outline-color: rgba(0, 119, 179, 0.8);
}
.duet-theme-turva .focus.duet-choice-label, .focus.duet-choice-label.duet-theme-turva, .duet-theme-turva2 .focus.duet-choice-label, .focus.duet-choice-label.duet-theme-turva2 {
  outline-color: rgba(53, 79, 101, 0.8);
}

.disabled.duet-choice-label {
  color: rgb(98, 121, 138) !important;
  cursor: default !important;
  background: rgb(245, 248, 250) !important;
  border-color: rgb(212, 223, 229) !important;
}
.disabled.duet-choice-label .duet-choice-card-icon {
  color: rgb(98, 121, 138);
}
.duet-theme-turva .disabled.duet-choice-label .duet-choice-card-icon {
  color: rgb(143, 147, 158);
}
.disabled.duet-choice-label .duet-checkmark {
  border-color: rgb(98, 121, 138) !important;
}
.disabled.duet-choice-label:hover, .disabled.duet-choice-label:active, .disabled.duet-choice-label:focus {
  outline: none !important;
  opacity: 1 !important;
  transition: none !important;
}

.duet-theme-turva .disabled.duet-choice-label {
  color: rgb(143, 147, 158) !important;
  background: rgb(245, 247, 250) !important;
  border-color: rgb(222, 224, 228) !important;
}
.duet-theme-turva .disabled.duet-choice-label .duet-checkmark {
  border-color: rgb(143, 147, 158) !important;
}

.checked > .disabled.duet-choice-label {
  border-color: rgb(127, 150, 165) !important;
}

.duet-theme-turva .checked > .disabled.duet-choice-label {
  border-color: rgb(143, 147, 158) !important;
}

.duet-checkmark-container {
  position: relative;
  width: 20px;
  height: 20px;
  margin-left: auto;
  border: 1px solid rgb(127, 150, 165);
  border-radius: 4px;
  transition: border 300ms ease;
}
.duet-theme-turva .duet-checkmark-container {
  border-color: rgb(143, 147, 158);
}
.checked > .duet-choice-label .duet-checkmark-container {
  background: rgb(0, 119, 179);
  border-color: rgb(0, 119, 179);
  transition: none;
}
.duet-theme-turva .checked > .duet-choice-label .duet-checkmark-container {
  background: rgb(23, 28, 58);
  border-color: rgb(23, 28, 58) !important;
}
.duet-checkmark-container.duet-checkmark-radio {
  border-radius: 50%;
}
label.disabled .duet-checkmark-container {
  background: rgb(181, 198, 208) !important;
  border-color: rgb(181, 198, 208) !important;
}
.duet-theme-turva label.disabled .duet-checkmark-container {
  border-color: rgb(199, 202, 207) !important;
}
.checked > label.disabled .duet-checkmark-container {
  background: rgb(181, 198, 208) !important;
}
.duet-theme-turva .checked > label.disabled .duet-checkmark-container {
  background: rgb(199, 202, 207) !important;
  border-color: rgb(199, 202, 207) !important;
}

.duet-checkmark {
  position: absolute;
  top: 10px;
  left: 3px;
  width: 5.3333333333px;
  height: 11.8518518519px;
  border-top: 2px solid rgb(255, 255, 255);
  border-right: 2px solid rgb(255, 255, 255);
  opacity: 1;
  transform: scaleX(-1) rotate(135deg) translateZ(0);
  transform-origin: left top;
  animation-name: duet-checkmark;
  animation-duration: 600ms;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

@keyframes duet-checkmark {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }
  20% {
    width: 5.3333333333px;
    height: 0;
    opacity: 1;
  }
  40%, 100% {
    width: 5.3333333333px;
    height: 11.8518518519px;
    opacity: 1;
  }
}
.duet-choice-card-icon {
  position: relative;
  color: rgb(0, 119, 179);
}
.duet-theme-turva .duet-choice-card-icon {
  color: rgb(164, 4, 40);
}
.duet-choice-card-icon duet-icon {
  display: block;
}

.duet-choice-section-hidden {
  display: none;
}

.duet-choice-card-info.duet-choice-card-collapsed,
.duet-choice-card-collapsed.duet-choice-card-collapsible {
  position: relative;
  width: auto;
  padding: 0 !important;
  background: unset !important;
  border: 0;
  border-radius: 0;
}

.duet-choice-card-info, .duet-choice-card-collapsible {
  padding: 20px !important;
  position: relative;
  width: 100%;
  font-weight: 400;
  color: rgb(8, 42, 77);
  border: 1px solid rgb(212, 223, 229);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  transition: border-color 300ms ease;
}
@media (min-width: 36em) {
  .duet-choice-card-info, .duet-choice-card-collapsible {
    padding: 28px !important;
  }
}
.duet-theme-turva .duet-choice-card-info, .duet-theme-turva .duet-choice-card-collapsible {
  color: rgb(23, 28, 58);
  border-color: rgb(23, 28, 58);
}
.checked > .duet-choice-card-info, .checked > .duet-choice-card-collapsible {
  display: block;
}
.duet-choice-card-info-expanded, .duet-choice-card-collapsible-expanded {
  display: block;
}
.duet-choice-card-collapsible {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(212, 223, 229);
  border-top: 0;
}
.duet-choice-card-collapsible.duet-theme-turva {
  background: rgb(255, 255, 255);
  border-color: rgb(222, 224, 228);
}
.duet-choice-card-collapsible.checked {
  padding: 19px !important;
  padding-top: 20px !important;
  border-color: rgb(0, 119, 179);
  border-width: 2px;
}
@media (min-width: 36em) {
  .duet-choice-card-collapsible.checked {
    padding: 27px !important;
    padding-top: 28px !important;
  }
}
.duet-choice-card-collapsible.checked.duet-theme-turva {
  border-color: rgb(23, 28, 58);
}
.duet-choice-card-collapsible-disabled {
  background: rgb(245, 248, 250);
  border-color: rgb(212, 223, 229);
}
.duet-choice-card-collapsible-disabled.checked {
  border-color: rgb(212, 223, 229);
}
.duet-choice-card-collapsible-disabled.duet-theme-turva {
  background: rgb(245, 247, 250);
  border-color: rgb(222, 224, 228);
}
.duet-choice-card-collapsible-disabled.duet-theme-turva.checked {
  border-color: rgb(222, 224, 228);
}
.duet-choice-card-info {
  font-size: 0.875rem;
  line-height: 1.5;
  background: rgb(245, 248, 250);
  transition: 150ms ease-out;
}
.duet-choice-card-info.duet-theme-turva {
  background: rgb(245, 247, 250);
  border-color: rgb(222, 224, 228);
}
.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container ::slotted(*) {
  display: none;
}

:host(.user-is-tabbing) .duet-choice-info-container:focus {
  outline: 2px solid;
  outline-offset: 2px;
  outline-color: rgba(0, 119, 179, 0.8);
  display: block;
}
.duet-theme-turva :host(.user-is-tabbing) .duet-choice-info-container:focus, :host(.user-is-tabbing) .duet-choice-info-container:focus.duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing) .duet-choice-info-container:focus, :host(.user-is-tabbing) .duet-choice-info-container:focus.duet-theme-turva2 {
  outline-color: rgba(53, 79, 101, 0.8);
}

:host(.disabled) .duet-choice-card-collapsible {
  border-color: rgb(127, 150, 165);
}
:host(.disabled) .duet-choice-card-collapsible.duet-theme-turva {
  border-color: rgb(143, 147, 158);
}

:host(:not(.no-hover):not(.disabled):hover) > .duet-choice-card-collapsible:not(.checked) {
  border-color: rgb(0, 119, 179);
  border-width: 2px;
}
.duet-theme-turva :host(:not(.no-hover):not(.disabled):hover) > .duet-choice-card-collapsible:not(.checked) {
  border-color: rgb(143, 147, 158);
}

:host([collapsible-force-expanded]:not(.no-hover):not(.disabled):hover) > .duet-choice-card-collapsible:not(.checked) {
  padding: 19px !important;
  padding-top: 20px !important;
}
@media (min-width: 36em) {
  :host([collapsible-force-expanded]:not(.no-hover):not(.disabled):hover) > .duet-choice-card-collapsible:not(.checked) {
    padding: 27px !important;
    padding-top: 28px !important;
  }
}

.duet-choice-info-toggle {
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
  justify-content: center;
  width: 57.6px;
  padding-top: 1.25rem;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(212, 223, 229);
  border-left: 0 none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.duet-choice-info-toggle:focus {
  outline: 0;
}
:host(.user-is-tabbing) .duet-choice-info-toggle:focus {
  outline: 2px solid;
  outline-offset: 2px;
  outline-color: rgba(0, 119, 179, 0.8);
}
.duet-theme-turva :host(.user-is-tabbing) .duet-choice-info-toggle:focus, :host(.user-is-tabbing) .duet-choice-info-toggle:focus.duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing) .duet-choice-info-toggle:focus, :host(.user-is-tabbing) .duet-choice-info-toggle:focus.duet-theme-turva2 {
  outline-color: rgba(53, 79, 101, 0.8);
}
.duet-choice-info-toggle[aria-expanded=true] {
  background: rgb(245, 248, 250);
  border-bottom-color: transparent;
  border-bottom-right-radius: 0;
}
.duet-theme-turva .duet-choice-info-toggle[aria-expanded=true] {
  background: rgb(245, 247, 250);
}
.duet-choice-info-toggle[disabled] {
  pointer-events: none;
  background: rgb(245, 248, 250) !important;
  border-color: rgb(212, 223, 229) !important;
}
.duet-choice-info-toggle[disabled] .duet-choice-info-icon {
  color: rgb(127, 150, 165) !important;
}
.duet-choice-info-toggle[disabled].duet-theme-turva {
  background: rgb(245, 247, 250) !important;
  border-color: rgb(222, 224, 228) !important;
}
.duet-choice-info-toggle[disabled].duet-theme-turva .duet-choice-info-icon {
  color: rgb(143, 147, 158) !important;
}
.checked + .duet-choice-info-toggle {
  border-left-color: rgb(0, 119, 179) !important;
}
.duet-choice-info-toggle duet-icon {
  display: block;
}
.duet-choice-info-toggle .duet-choice-info-icon {
  color: rgb(0, 119, 179);
}
.duet-theme-turva .duet-choice-info-toggle .duet-choice-info-icon {
  color: rgb(198, 12, 48);
}

:host(:not(.no-hover):not(.disabled):hover) > .duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle {
  border-left-color: rgb(127, 150, 165);
}
.duet-theme-turva :host(:not(.no-hover):not(.disabled):hover) > .duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle {
  border-left-color: rgb(143, 147, 158);
}

.duet-choice-input,
*::slotted([slot=choiceinput]) {
  position: absolute !important;
  width: 100%;
  height: 100%;
  opacity: 0;
}

:host(.duet-theme-turva2) .duet-theme-turva .duet-choice-card {
  color: rgb(23, 42, 59) !important;
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-choice-label {
  border-color: rgb(178, 194, 205);
}
.info :host(.duet-theme-turva2) .duet-theme-turva .duet-choice-label {
  border-color: rgb(178, 194, 205);
}
:host(.duet-theme-turva2) .duet-theme-turva .checked > .duet-choice-label {
  background: rgb(245, 246, 247);
  border-color: rgb(23, 42, 59) !important;
}
:host(.duet-theme-turva2) .duet-theme-turva .checked > .duet-choice-label .duet-checkmark-container {
  border-color: rgb(230, 23, 64);
}
.duet-choice-label :host(.duet-theme-turva2) .duet-theme-turva .checked > .duet-choice-label .duet-checkmark-container {
  background: rgb(23, 42, 59);
  border-color: rgb(23, 42, 59) !important;
}
:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-info, :host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-collapsible {
  color: rgb(23, 42, 59);
  border-color: rgb(23, 42, 59);
}
:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-collapsible {
  border-color: rgb(178, 194, 205);
}
:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-collapsible.checked {
  border-color: rgb(23, 42, 59);
}
:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-info {
  background: rgb(245, 246, 247);
  border-color: rgb(178, 194, 205);
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-checkmark-container {
  border-color: rgb(120, 145, 164);
}
:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-info-toggle {
  border-color: rgb(178, 194, 205);
}
:host(.duet-theme-turva2) .duet-theme-turva.duet-choice-info-toggle[aria-expanded=true] {
  background: rgb(245, 246, 247);
  border-bottom-color: transparent;
}

:host(.duet-theme-turva2:not(.no-hover):not(.disabled):hover) > .duet-theme-turva.duet-choice-card-flextainer .duet-choice-label:not(.checked) {
  border-color: rgb(23, 42, 59);
}
:host(.duet-theme-turva2:not(.no-hover):not(.disabled):hover) > .duet-theme-turva.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container {
  border-color: rgb(120, 145, 164);
}