*,
*::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: 8px !important;
  margin-bottom: 12px !important;
  position: relative;
  z-index: 1;
  display: inline-flex;
  width: auto;
  max-width: 100%;
  font-size: 0;
  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: 8px !important;
}
@media (max-width: 35.9375em) {
  :host {
    width: 100%;
  }
}

:host(.square) {
  margin-right: 12px !important;
}
:host(.square):last-child, :host(.square):last-of-type {
  margin-right: 0 !important;
}
[alignment=form-distribute] > :host(.square):last-of-type:not(:last-child) {
  margin-right: 12px !important;
}

:host(.input-button) {
  z-index: 250;
}

:host(.duet-small),
:host(.duet-x-small) {
  margin-right: 4px !important;
  margin-bottom: 8px !important;
}
:host(.duet-small):last-child, :host(.duet-small):last-of-type,
:host(.duet-x-small):last-child,
:host(.duet-x-small):last-of-type {
  margin-right: 0 !important;
}
[alignment=form-distribute] > :host(.duet-small):last-of-type:not(:last-child),
[alignment=form-distribute] > :host(.duet-x-small):last-of-type:not(:last-child) {
  margin-right: 4px !important;
}
@media (max-width: 35.9375em) {
  :host(.duet-small),
  :host(.duet-x-small) {
    width: auto;
  }
}

:host(.duet-x-small) {
  margin-right: 2px !important;
}
:host(.duet-x-small):last-child, :host(.duet-x-small):last-of-type {
  margin-right: 0 !important;
}
[alignment=form-distribute] > :host(.duet-x-small):last-of-type:not(:last-child) {
  margin-right: 2px !important;
}

:host(.square.duet-small),
:host(.square.duet-x-small) {
  margin-right: 8px !important;
}
:host(.square.duet-small):last-child, :host(.square.duet-small):last-of-type,
:host(.square.duet-x-small):last-child,
:host(.square.duet-x-small):last-of-type {
  margin-right: 0 !important;
}
[alignment=form-distribute] > :host(.square.duet-small):last-of-type:not(:last-child),
[alignment=form-distribute] > :host(.square.duet-x-small):last-of-type:not(:last-child) {
  margin-right: 8px !important;
}

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

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

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

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

.duet-button-container {
  position: relative;
  display: block;
  width: 100%;
}

.duet-button {
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  z-index: 100;
  display: flex;
  align-items: center;
  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: 600;
  line-height: 1.1;
  color: rgb(0, 119, 179) !important;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  border-style: solid;
  border-width: 1px;
  transition: background-color 300ms ease, color 300ms ease, border 300ms ease, padding 300ms ease, box-shadow 300ms ease;
}
.duet-button.duet-p-0 {
  padding: 0 !important;
}
.duet-button.duet-m-0 {
  margin: 0 !important;
}
.duet-button:focus {
  outline: 2px solid;
  outline-offset: 2px;
  outline-color: rgba(0, 119, 179, 0.8);
}
.duet-theme-turva .duet-button:focus, .duet-button:focus.duet-theme-turva, .duet-theme-turva2 .duet-button:focus, .duet-button:focus.duet-theme-turva2 {
  outline: 2px solid;
  outline-offset: 2px;
  outline-color: rgba(53, 79, 101, 0.8);
}
.duet-button.duet-button-size-medium {
  height: 50px;
  padding-right: 30px;
  padding-left: 30px;
  font-size: 1rem;
  border-radius: 25px;
}
.duet-theme-turva .duet-button.duet-button-size-medium {
  padding-right: 24px;
  padding-left: 24px;
  border-radius: 12.5px;
}
.duet-button.duet-button-size-medium.square {
  border-radius: 12.5px;
}
.duet-button.duet-button-size-medium.icon-left {
  padding-left: 24px;
}
.duet-theme-turva .duet-button.duet-button-size-medium.icon-left {
  padding-left: 18px;
}
.duet-button.duet-button-size-medium.icon-right {
  padding-right: 24px;
}
.duet-theme-turva .duet-button.duet-button-size-medium.icon-right {
  padding-right: 18px;
}
.duet-button.duet-button-size-small {
  height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 0.875rem;
  border-radius: 20px;
}
.duet-theme-turva .duet-button.duet-button-size-small {
  padding-right: 18px;
  padding-left: 18px;
  border-radius: 10px;
}
.duet-button.duet-button-size-small.square {
  border-radius: 10px;
}
.duet-button.duet-button-size-small.icon-left {
  padding-left: 18px;
}
.duet-theme-turva .duet-button.duet-button-size-small.icon-left {
  padding-left: 14px;
}
.duet-button.duet-button-size-small.icon-right {
  padding-right: 18px;
}
.duet-theme-turva .duet-button.duet-button-size-small.icon-right {
  padding-right: 14px;
}
.duet-button.duet-button-size-x-small {
  height: 32px;
  padding-right: 12px;
  padding-left: 12px;
  font-size: 0.75rem;
  border-radius: 8px;
}
.duet-button.duet-button-size-x-small.icon-left {
  padding-left: 10px;
}
.duet-button.duet-button-size-x-small.icon-right {
  padding-right: 10px;
}
.duet-button.plain.duet-p-0 {
  height: auto;
}
.duet-button:not(.input-button-primary, .input-button-secondary, .input-button-embedded) {
  font-variant-numeric: tabular-nums;
}
.duet-button.duet-button-text-center {
  text-align: center !important;
}
.duet-button.duet-button-is-small:not(.duet-button-icon-only) {
  min-width: 48px;
}
.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0 {
  padding: 0 !important;
}
.duet-theme-turva .duet-button {
  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(198, 12, 48) !important;
}
.duet-button .duet-button-contents {
  position: relative;
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0 auto;
  pointer-events: none;
}
.duet-button .duet-button-contents.icon-right {
  flex-direction: row-reverse;
}
.duet-button .duet-button-contents .duet-button-contents-slot {
  position: relative;
  top: 0;
}
.duet-button.duet-no-wrap {
  white-space: nowrap;
}
.duet-button svg {
  width: 100%;
  min-width: 100%;
  fill: currentColor;
}
.duet-button .duet-button-icon {
  display: flex;
  align-items: center;
}
.duet-button .duet-button-icon duet-icon {
  width: 16px;
  height: 16px;
}
.duet-button .duet-button-icon.large duet-icon {
  width: 20px;
  height: 20px;
}
.duet-button .duet-button-icon.medium-small duet-icon {
  width: 10px;
  height: 10px;
}
.duet-button .duet-button-icon.small duet-icon {
  width: 7px;
  height: 7px;
}
.duet-button:active:not([disabled]) {
  opacity: 0.75;
  transition: none;
}
.duet-button.default {
  background: rgb(255, 255, 255);
  border-color: rgb(181, 198, 208);
}
.duet-theme-turva .duet-button.default {
  color: rgb(198, 12, 48) !important;
  border-color: rgb(222, 224, 228);
}
.duet-button.default:hover {
  outline: 2px solid rgb(0, 119, 179);
  outline-offset: -2px;
  border-color: rgb(0, 119, 179);
}
.duet-theme-turva .duet-button.default:hover {
  outline-color: rgb(198, 12, 48);
  border-color: rgb(198, 12, 48);
}
.duet-button.default.duet-button-negative {
  background-color: rgb(255, 255, 255);
}
.duet-theme-turva .duet-button.default.duet-button-negative {
  background-color: rgb(222, 224, 228) !important;
}
.duet-button.default.duet-button-negative:hover {
  color: rgb(0, 119, 179) !important;
  border-color: rgb(0, 119, 179);
}
.duet-theme-turva .duet-button.default.duet-button-negative:hover {
  color: rgb(198, 12, 48) !important;
  border-color: rgb(198, 12, 48);
}
.duet-button.primary, .duet-button.input-button-primary, .duet-button.input-button-left-primary {
  color: rgb(255, 255, 255) !important;
  background: rgb(0, 119, 179);
  border-color: rgb(0, 119, 179);
}
.duet-theme-turva .duet-button.primary, .duet-theme-turva .duet-button.input-button-primary, .duet-theme-turva .duet-button.input-button-left-primary {
  color: rgb(255, 255, 255) !important;
  background: rgb(198, 12, 48);
  border-color: rgb(198, 12, 48);
}
.duet-button.primary:hover, .duet-button.input-button-primary:hover, .duet-button.input-button-left-primary:hover {
  background: #005f8f;
  border-color: #005f8f;
  box-shadow: 0 4px 20px 0 rgba(34, 34, 34, 0.1);
}
.duet-theme-turva .duet-button.primary:hover, .duet-theme-turva .duet-button.input-button-primary:hover, .duet-theme-turva .duet-button.input-button-left-primary:hover {
  background: rgb(126, 2, 35);
  border-color: rgb(126, 2, 35);
}
.duet-button.secondary, .duet-button.input-button-secondary, .duet-button.input-button-left-secondary, .duet-button.input-button-embedded {
  color: rgb(8, 42, 77) !important;
  background: transparent;
  border-color: rgb(8, 42, 77);
}
.duet-theme-turva .duet-button.secondary, .duet-theme-turva .duet-button.input-button-secondary, .duet-theme-turva .duet-button.input-button-left-secondary, .duet-theme-turva .duet-button.input-button-embedded {
  color: rgb(23, 28, 58) !important;
  border-color: rgb(23, 28, 58);
}
.duet-button.secondary:hover, .duet-button.input-button-secondary:hover, .duet-button.input-button-left-secondary:hover, .duet-button.input-button-embedded:hover {
  color: rgb(0, 119, 179) !important;
  border-color: rgb(0, 119, 179);
  outline: 2px solid;
  outline-color: rgb(98, 121, 138);
  outline-offset: -1px;
}
.duet-theme-turva .duet-button.secondary:hover, .duet-button.secondary:hover.duet-theme-turva, .duet-theme-turva2 .duet-button.secondary:hover, .duet-button.secondary:hover.duet-theme-turva2, .duet-theme-turva .duet-button.input-button-secondary:hover, .duet-button.input-button-secondary:hover.duet-theme-turva, .duet-theme-turva2 .duet-button.input-button-secondary:hover, .duet-button.input-button-secondary:hover.duet-theme-turva2, .duet-theme-turva .duet-button.input-button-left-secondary:hover, .duet-button.input-button-left-secondary:hover.duet-theme-turva, .duet-theme-turva2 .duet-button.input-button-left-secondary:hover, .duet-button.input-button-left-secondary:hover.duet-theme-turva2, .duet-theme-turva .duet-button.input-button-embedded:hover, .duet-button.input-button-embedded:hover.duet-theme-turva, .duet-theme-turva2 .duet-button.input-button-embedded:hover, .duet-button.input-button-embedded:hover.duet-theme-turva2 {
  outline-color: rgb(120, 145, 164);
}
.duet-theme-turva .duet-button.secondary:hover, .duet-theme-turva .duet-button.input-button-secondary:hover, .duet-theme-turva .duet-button.input-button-left-secondary:hover, .duet-theme-turva .duet-button.input-button-embedded:hover {
  color: rgb(198, 12, 48) !important;
  border-color: rgb(198, 12, 48);
}
.duet-button.secondary.duet-button-negative, .duet-button.input-button-secondary.duet-button-negative, .duet-button.input-button-left-secondary.duet-button-negative, .duet-button.input-button-embedded.duet-button-negative {
  color: rgb(212, 223, 229) !important;
  border-color: rgb(255, 255, 255);
}
.duet-theme-turva .duet-button.secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative {
  color: rgb(222, 224, 228) !important;
}
.duet-button.secondary.duet-button-negative:hover, .duet-button.input-button-secondary.duet-button-negative:hover, .duet-button.input-button-left-secondary.duet-button-negative:hover, .duet-button.input-button-embedded.duet-button-negative:hover {
  color: rgb(0, 119, 179) !important;
  border-color: rgb(0, 119, 179);
}
.duet-theme-turva .duet-button.secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover, .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover {
  color: rgb(198, 12, 48) !important;
  border-color: rgb(198, 12, 48);
}
.duet-button.input-button-embedded {
  width: 40px;
  min-width: 40px !important;
  min-height: 40px !important;
  margin: 4px !important;
  border-width: 0 !important;
  border-radius: 4px !important;
}
.duet-button.input-button {
  height: auto;
}
.duet-button.negative {
  color: rgb(8, 42, 77) !important;
  background: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
}
.duet-theme-turva .duet-button.negative {
  color: rgb(23, 28, 58) !important;
}
.duet-button.negative:hover {
  color: rgb(255, 255, 255) !important;
  background: transparent;
  border-color: rgb(255, 255, 255);
}
.duet-button.destructive-primary {
  color: rgb(255, 255, 255) !important;
  background: rgb(214, 28, 82);
  border-color: rgb(214, 28, 82);
}
.duet-theme-turva .duet-button.destructive-primary {
  color: rgb(255, 255, 255) !important;
  background: rgb(214, 28, 82);
  border-color: rgb(214, 28, 82);
}
.duet-button.destructive-primary:hover {
  background: #ab1642;
  border-color: #ab1642;
  box-shadow: 0 4px 20px 0 rgba(34, 34, 34, 0.1);
}
.duet-theme-turva .duet-button.destructive-primary:hover {
  background: #ab1642;
}
.duet-button.destructive, .duet-button.destructive-secondary {
  color: rgb(214, 28, 82) !important;
  background: rgb(255, 255, 255);
  border-color: rgb(214, 28, 82);
}
.duet-theme-turva .duet-button.destructive, .duet-theme-turva .duet-button.destructive-secondary {
  color: rgb(214, 28, 82) !important;
  background: rgb(255, 255, 255);
  border-color: rgb(214, 28, 82);
}
.duet-button.destructive:hover, .duet-button.destructive-secondary:hover {
  color: rgb(255, 255, 255) !important;
  background: #ab1642;
  border-color: #ab1642;
}
.duet-theme-turva .duet-button.destructive:hover, .duet-theme-turva .duet-button.destructive-secondary:hover {
  color: rgb(255, 255, 255) !important;
  background: #ab1642;
  border-color: #ab1642;
}
.duet-button.plain {
  min-width: 48px;
  padding-right: 0 !important;
  padding-left: 0 !important;
  line-height: 1.5;
  text-align: left;
  background: transparent;
  border: 0;
  border-color: transparent;
  border-radius: 4px;
}
.duet-theme-turva .duet-button.plain {
  color: rgb(198, 12, 48) !important;
  background: transparent;
  border-color: transparent;
}
.duet-button.plain.duet-p-0 .duet-button-contents {
  height: auto;
}
.duet-button.plain[disabled], .duet-button.plain[disabled]:hover {
  color: rgb(98, 121, 138) !important;
  cursor: not-allowed;
  background: transparent !important;
  border-color: transparent !important;
}
.duet-theme-turva .duet-button.plain[disabled], .duet-theme-turva .duet-button.plain[disabled]:hover {
  color: rgb(113, 118, 132) !important;
  cursor: not-allowed;
  background: transparent !important;
  border-color: rgb(222, 224, 228) !important;
}
.duet-button.plain:hover {
  color: rgb(0, 75, 129) !important;
  background: transparent !important;
}
.duet-theme-turva .duet-button.plain:hover {
  color: rgb(126, 2, 35) !important;
}
.duet-button.plain.duet-button-negative {
  color: rgb(255, 255, 255) !important;
}
.duet-theme-turva .duet-button.plain.duet-button-negative {
  color: rgb(255, 255, 255) !important;
}
.duet-button.plain.duet-button-negative:hover {
  color: rgba(255, 255, 255, 0.8) !important;
}
.duet-button.plain.duet-button-icon-only:focus {
  outline-offset: 1px;
}
.duet-button.duet-button-icon-only {
  min-width: 48px;
  min-height: 48px;
  padding: 0 !important;
}
.duet-button.duet-button-icon-only .duet-button-contents {
  position: static;
}
.duet-button.duet-button-icon-only .duet-button-icon.left.large,
.duet-button.duet-button-icon-only .duet-button-icon.left.medium,
.duet-button.duet-button-icon-only .duet-button-icon.left.small {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  padding: 0;
  margin: 0;
  transform: translateX(-50%) translateY(-50%);
}
.duet-button.duet-button.input-button-primary, .duet-button.duet-button.input-button-secondary, .duet-button.duet-button.input-button-embedded, .duet-button.duet-button.input-button-left-primary, .duet-button.duet-button.input-button-left-secondary {
  box-sizing: content-box;
  min-width: 48px;
  min-height: 48px;
  padding: 0 !important;
  border-width: 1px;
}
.duet-button.duet-button.input-button-primary .duet-button-contents, .duet-button.duet-button.input-button-secondary .duet-button-contents, .duet-button.duet-button.input-button-embedded .duet-button-contents, .duet-button.duet-button.input-button-left-primary .duet-button-contents, .duet-button.duet-button.input-button-left-secondary .duet-button-contents {
  position: static;
}
.duet-button.duet-button.input-button-primary .duet-button-contents.icon-right, .duet-button.duet-button.input-button-secondary .duet-button-contents.icon-right, .duet-button.duet-button.input-button-embedded .duet-button-contents.icon-right, .duet-button.duet-button.input-button-left-primary .duet-button-contents.icon-right, .duet-button.duet-button.input-button-left-secondary .duet-button-contents.icon-right {
  padding: 0 16px;
}
.duet-button.duet-button.input-button-primary, .duet-button.duet-button.input-button-secondary, .duet-button.duet-button.input-button-embedded {
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
}
.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,
.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,
.duet-button.duet-button.input-button-primary .duet-button-icon.left.small, .duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,
.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,
.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small, .duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,
.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,
.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  padding: 0;
  margin: 0;
  transform: translateX(-50%) translateY(-50%);
}
.duet-button.duet-button.input-button-embedded {
  border-left-width: 0;
}
.duet-button.duet-button.input-button-left-primary, .duet-button.duet-button.input-button-left-secondary {
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
}
.duet-button.duet-button.input-button-left-primary .duet-button-contents, .duet-button.duet-button.input-button-left-secondary .duet-button-contents {
  position: static;
}
.duet-button.square {
  width: 52px;
  min-width: auto !important;
  padding: 0 !important;
  font-size: 1rem;
  border-color: rgb(181, 198, 208);
  border-width: 1px;
}
.duet-button.square.duet-button-size-small {
  width: 42px;
  font-size: 0.875rem;
}
.duet-button.square.duet-button-size-x-small {
  width: 34px;
  font-size: 0.875rem;
}
.duet-button.square.duet-button-negative {
  color: rgb(255, 255, 255) !important;
  background: rgb(0, 119, 179);
  border-color: rgb(0, 119, 179);
}
.duet-theme-turva .duet-button.square.duet-button-negative {
  color: rgb(255, 255, 255) !important;
  background: rgb(198, 12, 48);
  border-color: rgb(198, 12, 48);
}
.duet-theme-turva .duet-button.square {
  border-color: rgb(222, 224, 228);
}
.duet-button.square:hover {
  outline: 2px solid rgb(0, 119, 179);
  outline-offset: -2px;
  border-color: rgb(0, 119, 179);
}
.duet-theme-turva .duet-button.square:hover {
  outline-color: rgb(198, 12, 48);
  border-color: rgb(198, 12, 48);
}
.duet-button.square .duet-button-contents {
  gap: 0;
}
.duet-button[disabled], .duet-button[disabled]:hover, .duet-button.duet-button-negative[disabled], .duet-button.duet-button-negative[disabled]:hover {
  color: rgb(98, 121, 138) !important;
  cursor: not-allowed;
  outline: none !important;
  outline-color: rgb(212, 223, 229) !important;
  outline-color: rgb(212, 223, 229) !important;
  background: rgb(212, 223, 229) !important;
  border-color: rgb(212, 223, 229) !important;
  box-shadow: none !important;
}
.duet-theme-turva .duet-button[disabled], .duet-theme-turva .duet-button[disabled]:hover, .duet-theme-turva .duet-button.duet-button-negative [disabled], .duet-theme-turva .duet-button.duet-button-negative [disabled]:hover {
  color: rgb(143, 147, 158) !important;
  cursor: not-allowed;
  outline-color: rgb(222, 224, 228) !important;
  background: rgb(222, 224, 228) !important;
  border-color: rgb(222, 224, 228) !important;
}

.duet-button-is-loading.primary, .duet-button-is-loading.input-button-primary {
  color: rgb(255, 255, 255);
}
.duet-button-is-loading.default {
  color: rgb(0, 119, 179);
}
.duet-button-is-loading.default.duet-theme-turva {
  color: rgb(198, 12, 48);
}
.duet-button-is-loading .duet-button-contents {
  visibility: hidden;
  opacity: 0;
}

:host(.duet-theme-turva2) .duet-theme-turva .duet-button {
  border-radius: 8px;
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default {
  color: rgb(230, 23, 64) !important;
  border-color: rgb(178, 194, 205);
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default:hover {
  outline-color: rgb(230, 23, 64);
  border-color: rgb(230, 23, 64);
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative {
  background-color: rgb(251, 225, 209) !important;
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative:hover {
  color: rgb(230, 23, 64) !important;
  border-color: rgb(230, 23, 64);
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button.primary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-primary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-primary {
  background: rgb(230, 23, 64);
  border-color: rgb(230, 23, 64);
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button.primary:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-primary:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-primary:hover {
  background: rgb(140, 0, 30);
  border-color: rgb(140, 0, 30);
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded {
  color: rgb(23, 42, 59) !important;
  border-color: rgb(23, 42, 59);
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded:hover {
  color: rgb(230, 23, 64) !important;
  border-color: rgb(230, 23, 64);
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative {
  color: rgb(251, 225, 209) !important;
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover {
  color: rgb(230, 23, 64) !important;
  border-color: rgb(230, 23, 64);
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button.input-button-primary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button.input-button-secondary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button.input-button-embedded {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button.input-button-left-primary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button.input-button-left-secondary {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative {
  color: rgb(23, 42, 59) !important;
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative:hover {
  color: rgb(255, 255, 255) !important;
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain {
  color: rgb(230, 23, 64) !important;
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain.duet-button-negative {
  color: rgb(255, 255, 255) !important;
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain:hover {
  color: rgb(140, 0, 30) !important;
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain[disabled], :host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain[disabled]:hover {
  color: rgb(95, 122, 143) !important;
  background: transparent !important;
  border-color: rgb(251, 225, 209) !important;
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square {
  border-color: rgb(212, 221, 226);
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square.duet-button-negative {
  background: rgb(230, 23, 64);
  border-color: rgb(230, 23, 64);
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square:hover {
  outline-color: rgb(230, 23, 64);
  border-color: rgb(230, 23, 64);
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button[disabled], :host(.duet-theme-turva2) .duet-theme-turva .duet-button[disabled]:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button-negative [disabled], :host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button-negative [disabled]:hover {
  color: rgb(120, 145, 164) !important;
  cursor: not-allowed;
  outline-color: rgb(212, 221, 226) !important;
  background: rgb(212, 221, 226) !important;
  border-color: rgb(212, 221, 226) !important;
}
:host(.duet-theme-turva2) .duet-theme-turva .duet-button-is-loading.default {
  color: rgb(230, 23, 64);
}