/**
 * Scoped Master Click buttons for embed on Gripe listing pages.
 * Auto-generated from buttons.css — keep in sync when buttons.css changes.
 * Scope ONLY via .modal-overlay--* classes (no #id): ID specificity was beating
 * matching-engine.css icon overrides and left default arrow-right on Cancel/Details.
 */



.modal-overlay--matching .btn,
.modal-overlay--queue .btn,
.modal-overlay--queue-waiting .btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--Components-Value-button-l-gap);
  padding-left: var(--Components-Value-button-l-padding-width);
  padding-right: var(--Components-Value-button-l-padding-width);
  height: var(--Components-Value-button-l-height);
  border: none;
  border-radius: var(--Components-Value-button-l-radius);
  font-family: var(--Text-Styles-Value-font-family-master), sans-serif;
  font-size: var(--Text-Styles-Value-font-size-18);
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
  user-select: none;
  text-decoration: none;
}



.modal-overlay--matching .btn--primary,
.modal-overlay--queue .btn--primary,
.modal-overlay--queue-waiting .btn--primary {
  background: var(--Product-Theme-Light-controls-accent-initial);
  color: var(--Product-Theme-Light-text-basic-primary-on-color);
}


.modal-overlay--matching .btn--primary:hover:not(:disabled),
.modal-overlay--queue .btn--primary:hover:not(:disabled),
.modal-overlay--queue-waiting .btn--primary:hover:not(:disabled) {
  background: var(--Product-Theme-Light-controls-accent-hover);
}


.modal-overlay--matching .btn--primary:active:not(:disabled),
.modal-overlay--queue .btn--primary:active:not(:disabled),
.modal-overlay--queue-waiting .btn--primary:active:not(:disabled) {
  background: var(--Product-Theme-Light-controls-accent-active);
}


.modal-overlay--matching .btn--primary:focus-visible,
.modal-overlay--queue .btn--primary:focus-visible,
.modal-overlay--queue-waiting .btn--primary:focus-visible {
  outline: 4px solid var(--Product-Theme-Light-border-basic-focus);
  outline-offset: -4px;
}



.modal-overlay--matching .btn--tinted,
.modal-overlay--queue .btn--tinted,
.modal-overlay--queue-waiting .btn--tinted {
  background: var(--Product-Theme-Light-controls-accent-subdued-initial);
  color: var(--Product-Theme-Light-controls-switch-button-active-text);
}


.modal-overlay--matching .btn--tinted:hover:not(:disabled),
.modal-overlay--queue .btn--tinted:hover:not(:disabled),
.modal-overlay--queue-waiting .btn--tinted:hover:not(:disabled) {
  background: var(--Product-Theme-Light-controls-accent-subdued-hover);
}


.modal-overlay--matching .btn--tinted:active:not(:disabled),
.modal-overlay--queue .btn--tinted:active:not(:disabled),
.modal-overlay--queue-waiting .btn--tinted:active:not(:disabled) {
  background: var(--Product-Theme-Light-controls-accent-subdued-active);
}


.modal-overlay--matching .btn--tinted:focus-visible,
.modal-overlay--queue .btn--tinted:focus-visible,
.modal-overlay--queue-waiting .btn--tinted:focus-visible {
  outline: 4px solid var(--Product-Theme-Light-border-basic-focus);
  outline-offset: -4px;
}



.modal-overlay--matching .btn--white,
.modal-overlay--queue .btn--white,
.modal-overlay--queue-waiting .btn--white {
  background: var(--Product-Theme-Light-bg-basic);
  color: var(--Product-Theme-Light-text-basic-primary);
}


.modal-overlay--matching .btn--white:hover:not(:disabled),
.modal-overlay--queue .btn--white:hover:not(:disabled),
.modal-overlay--queue-waiting .btn--white:hover:not(:disabled) {
  background: var(--Product-Theme-Light-bg-primary-hover);
}


.modal-overlay--matching .btn--white:active:not(:disabled),
.modal-overlay--queue .btn--white:active:not(:disabled),
.modal-overlay--queue-waiting .btn--white:active:not(:disabled) {
  background: var(--Product-Theme-Light-controls-secondary-hover);
}


.modal-overlay--matching .btn--white:focus-visible,
.modal-overlay--queue .btn--white:focus-visible,
.modal-overlay--queue-waiting .btn--white:focus-visible {
  outline: 4px solid var(--Product-Theme-Light-border-basic-focus);
  outline-offset: -4px;
}


.modal-overlay--matching .btn--white:disabled,
.modal-overlay--queue .btn--white:disabled,
.modal-overlay--queue-waiting .btn--white:disabled,
.modal-overlay--matching .btn--white.btn--disabled,
.modal-overlay--queue .btn--white.btn--disabled,
.modal-overlay--queue-waiting .btn--white.btn--disabled {
  background: var(--Product-Theme-Light-controls-secondary-disabled);
  color: var(--Product-Theme-Light-text-basic-disabled);
}



.modal-overlay--matching .btn--secondary,
.modal-overlay--queue .btn--secondary,
.modal-overlay--queue-waiting .btn--secondary {
  background: var(--Product-Theme-Light-controls-secondary-initial);
  color: var(--Product-Theme-Light-text-basic-secondary);
}


.modal-overlay--matching .btn--secondary:hover:not(:disabled),
.modal-overlay--queue .btn--secondary:hover:not(:disabled),
.modal-overlay--queue-waiting .btn--secondary:hover:not(:disabled) {
  background: var(--Product-Theme-Light-controls-secondary-hover);
}


.modal-overlay--matching .btn--secondary:active:not(:disabled),
.modal-overlay--queue .btn--secondary:active:not(:disabled),
.modal-overlay--queue-waiting .btn--secondary:active:not(:disabled) {
  background: var(--Product-Theme-Light-controls-secondary-active);
}


.modal-overlay--matching .btn--secondary:focus-visible,
.modal-overlay--queue .btn--secondary:focus-visible,
.modal-overlay--queue-waiting .btn--secondary:focus-visible {
  outline: 4px solid var(--Product-Theme-Light-border-basic-focus);
  outline-offset: -4px;
}



.modal-overlay--matching .btn--outline,
.modal-overlay--queue .btn--outline,
.modal-overlay--queue-waiting .btn--outline {
  background: var(--Product-Theme-Light-controls-ghost-initial);
  color: var(--Product-Theme-Light-text-basic-primary);
  outline: 1px solid var(--Product-Theme-Light-border-basic-primary);
  outline-offset: -1px;
}


.modal-overlay--matching .btn--outline:hover:not(:disabled),
.modal-overlay--queue .btn--outline:hover:not(:disabled),
.modal-overlay--queue-waiting .btn--outline:hover:not(:disabled) {
  background: var(--Product-Theme-Light-controls-ghost-hover);
}


.modal-overlay--matching .btn--outline:active:not(:disabled),
.modal-overlay--queue .btn--outline:active:not(:disabled),
.modal-overlay--queue-waiting .btn--outline:active:not(:disabled) {
  background: var(--Product-Theme-Light-controls-ghost-active);
}


.modal-overlay--matching .btn--outline:focus-visible,
.modal-overlay--queue .btn--outline:focus-visible,
.modal-overlay--queue-waiting .btn--outline:focus-visible {
  outline: 4px solid var(--Product-Theme-Light-border-basic-focus);
  outline-offset: -4px;
}



.modal-overlay--matching .btn--destructive,
.modal-overlay--queue .btn--destructive,
.modal-overlay--queue-waiting .btn--destructive {
  background: var(--Product-Theme-Light-controls-destructive-initial);
  color: var(--Product-Theme-Light-text-basic-primary-on-color);
}


.modal-overlay--matching .btn--destructive:hover:not(:disabled),
.modal-overlay--queue .btn--destructive:hover:not(:disabled),
.modal-overlay--queue-waiting .btn--destructive:hover:not(:disabled) {
  background: var(--Product-Theme-Light-controls-destructive-hover);
}


.modal-overlay--matching .btn--destructive:active:not(:disabled),
.modal-overlay--queue .btn--destructive:active:not(:disabled),
.modal-overlay--queue-waiting .btn--destructive:active:not(:disabled) {
  background: var(--Product-Theme-Light-controls-destructive-active);
}


.modal-overlay--matching .btn--destructive:focus-visible,
.modal-overlay--queue .btn--destructive:focus-visible,
.modal-overlay--queue-waiting .btn--destructive:focus-visible {
  outline: 4px solid var(--Product-Theme-Light-border-basic-focus);
  outline-offset: -4px;
}



.modal-overlay--matching .btn--destructive-secondary,
.modal-overlay--queue .btn--destructive-secondary,
.modal-overlay--queue-waiting .btn--destructive-secondary {
  background: var(--Product-Theme-Light-controls-destructive-subdued-initial);
  color: var(--Product-Theme-Light-text-color-critical-initial);
}


.modal-overlay--matching .btn--destructive-secondary:hover:not(:disabled),
.modal-overlay--queue .btn--destructive-secondary:hover:not(:disabled),
.modal-overlay--queue-waiting .btn--destructive-secondary:hover:not(:disabled) {
  background: var(--Product-Theme-Light-controls-destructive-subdued-hover);
}


.modal-overlay--matching .btn--destructive-secondary:active:not(:disabled),
.modal-overlay--queue .btn--destructive-secondary:active:not(:disabled),
.modal-overlay--queue-waiting .btn--destructive-secondary:active:not(:disabled) {
  background: var(--Product-Theme-Light-controls-destructive-subdued-active);
}


.modal-overlay--matching .btn--destructive-secondary:focus-visible,
.modal-overlay--queue .btn--destructive-secondary:focus-visible,
.modal-overlay--queue-waiting .btn--destructive-secondary:focus-visible {
  outline: 4px solid var(--Product-Theme-Light-border-basic-focus);
  outline-offset: -4px;
}



.modal-overlay--matching .btn:disabled,
.modal-overlay--queue .btn:disabled,
.modal-overlay--queue-waiting .btn:disabled,
.modal-overlay--matching .btn--disabled,
.modal-overlay--queue .btn--disabled,
.modal-overlay--queue-waiting .btn--disabled {
  cursor: not-allowed;
}


.modal-overlay--matching .btn--primary:disabled,
.modal-overlay--queue .btn--primary:disabled,
.modal-overlay--queue-waiting .btn--primary:disabled,
.modal-overlay--matching .btn--primary.btn--disabled,
.modal-overlay--queue .btn--primary.btn--disabled,
.modal-overlay--queue-waiting .btn--primary.btn--disabled {
  background: var(--Product-Theme-Light-controls-accent-disabled);
  color: var(--Product-Theme-Light-text-basic-disabled);
}


.modal-overlay--matching .btn--tinted:disabled,
.modal-overlay--queue .btn--tinted:disabled,
.modal-overlay--queue-waiting .btn--tinted:disabled,
.modal-overlay--matching .btn--tinted.btn--disabled,
.modal-overlay--queue .btn--tinted.btn--disabled,
.modal-overlay--queue-waiting .btn--tinted.btn--disabled {
  background: var(--Product-Theme-Light-controls-accent-subdued-disabled);
}


.modal-overlay--matching .btn--secondary:disabled,
.modal-overlay--queue .btn--secondary:disabled,
.modal-overlay--queue-waiting .btn--secondary:disabled,
.modal-overlay--matching .btn--secondary.btn--disabled,
.modal-overlay--queue .btn--secondary.btn--disabled,
.modal-overlay--queue-waiting .btn--secondary.btn--disabled {
  background: var(--Product-Theme-Light-controls-secondary-disabled);
}


.modal-overlay--matching .btn--outline:disabled,
.modal-overlay--queue .btn--outline:disabled,
.modal-overlay--queue-waiting .btn--outline:disabled,
.modal-overlay--matching .btn--outline.btn--disabled,
.modal-overlay--queue .btn--outline.btn--disabled,
.modal-overlay--queue-waiting .btn--outline.btn--disabled {
  background: var(--Product-Theme-Light-controls-ghost-disabled);
}


.modal-overlay--matching .btn--destructive:disabled,
.modal-overlay--queue .btn--destructive:disabled,
.modal-overlay--queue-waiting .btn--destructive:disabled,
.modal-overlay--matching .btn--destructive.btn--disabled,
.modal-overlay--queue .btn--destructive.btn--disabled,
.modal-overlay--queue-waiting .btn--destructive.btn--disabled {
  background: var(--Product-Theme-Light-controls-destructive-disabled);
}


.modal-overlay--matching .btn--destructive-secondary:disabled,
.modal-overlay--queue .btn--destructive-secondary:disabled,
.modal-overlay--queue-waiting .btn--destructive-secondary:disabled,
.modal-overlay--matching .btn--destructive-secondary.btn--disabled,
.modal-overlay--queue .btn--destructive-secondary.btn--disabled,
.modal-overlay--queue-waiting .btn--destructive-secondary.btn--disabled {
  background: var(--Product-Theme-Light-controls-destructive-subdued-disabled);
}



.modal-overlay--matching .btn--s,
.modal-overlay--queue .btn--s,
.modal-overlay--queue-waiting .btn--s {
  height: var(--Components-Value-button-s-height);
  padding-left: var(--Components-Value-button-s-padding-width);
  padding-right: var(--Components-Value-button-s-padding-width);
  gap: var(--Components-Value-button-s-gap);
  font-size: var(--Text-Styles-Value-font-size-14);
  font-weight: 500;
  line-height: 1;
}


.modal-overlay--matching .btn--m,
.modal-overlay--queue .btn--m,
.modal-overlay--queue-waiting .btn--m {
  height: var(--Components-Value-button-m-height);
  padding-left: var(--Components-Value-button-m-padding-width);
  padding-right: var(--Components-Value-button-m-padding-width);
  gap: var(--Components-Value-button-m-gap);
  font-size: var(--Text-Styles-Value-font-size-14);
  font-weight: 500;
  line-height: 1;
}


.modal-overlay--matching .btn--l,
.modal-overlay--queue .btn--l,
.modal-overlay--queue-waiting .btn--l {
  
}


.modal-overlay--matching .btn--xl,
.modal-overlay--queue .btn--xl,
.modal-overlay--queue-waiting .btn--xl {
  height: var(--Components-Value-button-xl-height);
  padding-left: var(--Components-Value-button-xl-padding-width);
  padding-right: var(--Components-Value-button-xl-padding-width);
}


.modal-overlay--matching .btn--xxl,
.modal-overlay--queue .btn--xxl,
.modal-overlay--queue-waiting .btn--xxl {
  height: var(--Components-Value-button-xxl-height);
  padding-left: var(--Components-Value-button-xxl-padding-width);
  padding-right: var(--Components-Value-button-xxl-padding-width);
  gap: var(--Components-Value-button-xxl-gap);
}



.modal-overlay--matching .btn__text,
.modal-overlay--queue .btn__text,
.modal-overlay--queue-waiting .btn__text,
.modal-overlay--matching .btn__text-block,
.modal-overlay--queue .btn__text-block,
.modal-overlay--queue-waiting .btn__text-block {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}


.modal-overlay--matching .btn__text-block,
.modal-overlay--queue .btn__text-block,
.modal-overlay--queue-waiting .btn__text-block {
  flex-direction: column;
  gap: var(--Spacing-Value-spacing-2);
}


.modal-overlay--matching .btn__text-block .btn__text-line,
.modal-overlay--queue .btn__text-block .btn__text-line,
.modal-overlay--queue-waiting .btn__text-block .btn__text-line {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}


.modal-overlay--matching .btn__text-block .btn__text-line:first-child,
.modal-overlay--queue .btn__text-block .btn__text-line:first-child,
.modal-overlay--queue-waiting .btn__text-block .btn__text-line:first-child {
  font-size: var(--Text-Styles-Value-font-size-18);
  font-weight: 700;
}


.modal-overlay--matching .btn__text-block .btn__text-line:last-child,
.modal-overlay--queue .btn__text-block .btn__text-line:last-child,
.modal-overlay--queue-waiting .btn__text-block .btn__text-line:last-child {
  font-size: var(--Text-Styles-Value-font-size-14);
  font-weight: 500;
}



.modal-overlay--matching .btn__icon,
.modal-overlay--queue .btn__icon,
.modal-overlay--queue-waiting .btn__icon {
  display: inline-block;
  width: var(--Components-Value-button-l-icon-left-size);
  height: var(--Components-Value-button-l-icon-left-size);
  flex-shrink: 0;
  background-color: currentColor;
  mask: url('/masterclick/assets/icons/regular/arrow-right.svg') no-repeat center / contain;
  -webkit-mask: url('/masterclick/assets/icons/regular/arrow-right.svg') no-repeat center / contain;
}


.modal-overlay--matching .btn--s .btn__icon,
.modal-overlay--queue .btn--s .btn__icon,
.modal-overlay--queue-waiting .btn--s .btn__icon {
  width: var(--Components-Value-button-s-icon-left-size);
  height: var(--Components-Value-button-s-icon-left-size);
}


.modal-overlay--matching .btn--m .btn__icon,
.modal-overlay--queue .btn--m .btn__icon,
.modal-overlay--queue-waiting .btn--m .btn__icon {
  width: var(--Components-Value-button-m-icon-left-size);
  height: var(--Components-Value-button-m-icon-left-size);
}


.modal-overlay--matching .btn--xl .btn__icon,
.modal-overlay--queue .btn--xl .btn__icon,
.modal-overlay--queue-waiting .btn--xl .btn__icon,
.modal-overlay--matching .btn--xxl .btn__icon,
.modal-overlay--queue .btn--xxl .btn__icon,
.modal-overlay--queue-waiting .btn--xxl .btn__icon {
  width: var(--Components-Value-button-xl-icon-left-size);
  height: var(--Components-Value-button-xl-icon-left-size);
}



.modal-overlay--matching .btn__icon--arrow-left,
.modal-overlay--queue .btn__icon--arrow-left,
.modal-overlay--queue-waiting .btn__icon--arrow-left {
  mask: url('/masterclick/assets/icons/regular/arrow-left.svg') no-repeat center / contain;
  -webkit-mask: url('/masterclick/assets/icons/regular/arrow-left.svg') no-repeat center / contain;
}


.modal-overlay--matching .btn__icon--arrow-up,
.modal-overlay--queue .btn__icon--arrow-up,
.modal-overlay--queue-waiting .btn__icon--arrow-up { mask: url('/masterclick/assets/icons/regular/arrow-up.svg') no-repeat center / contain; -webkit-mask: url('/masterclick/assets/icons/regular/arrow-up.svg') no-repeat center / contain; }

.modal-overlay--matching .btn__icon--arrow-down,
.modal-overlay--queue .btn__icon--arrow-down,
.modal-overlay--queue-waiting .btn__icon--arrow-down { mask: url('/masterclick/assets/icons/regular/arrow-down.svg') no-repeat center / contain; -webkit-mask: url('/masterclick/assets/icons/regular/arrow-down.svg') no-repeat center / contain; }

.modal-overlay--matching .btn__icon--arrow-right,
.modal-overlay--queue .btn__icon--arrow-right,
.modal-overlay--queue-waiting .btn__icon--arrow-right { mask: url('/masterclick/assets/icons/regular/arrow-right.svg') no-repeat center / contain; -webkit-mask: url('/masterclick/assets/icons/regular/arrow-right.svg') no-repeat center / contain; }

.modal-overlay--matching .btn__icon--eye,
.modal-overlay--queue .btn__icon--eye,
.modal-overlay--queue-waiting .btn__icon--eye { mask: url('/masterclick/assets/icons/regular/eye.svg') no-repeat center / contain; -webkit-mask: url('/masterclick/assets/icons/regular/eye.svg') no-repeat center / contain; }

.modal-overlay--matching .btn__icon--play,
.modal-overlay--queue .btn__icon--play,
.modal-overlay--queue-waiting .btn__icon--play { mask: url('/masterclick/assets/icons/regular/play.svg') no-repeat center / contain; -webkit-mask: url('/masterclick/assets/icons/regular/play.svg') no-repeat center / contain; }

.modal-overlay--matching .btn__icon--pause,
.modal-overlay--queue .btn__icon--pause,
.modal-overlay--queue-waiting .btn__icon--pause { mask: url('/masterclick/assets/icons/regular/pause.svg') no-repeat center / contain; -webkit-mask: url('/masterclick/assets/icons/regular/pause.svg') no-repeat center / contain; }

.modal-overlay--matching .btn__icon--trash,
.modal-overlay--queue .btn__icon--trash,
.modal-overlay--queue-waiting .btn__icon--trash { mask: url('/masterclick/assets/icons/regular/trash.svg') no-repeat center / contain; -webkit-mask: url('/masterclick/assets/icons/regular/trash.svg') no-repeat center / contain; }

.modal-overlay--matching .btn__icon--list-bullets,
.modal-overlay--queue .btn__icon--list-bullets,
.modal-overlay--queue-waiting .btn__icon--list-bullets { mask: url('/masterclick/assets/icons/regular/list-bullets.svg') no-repeat center / contain; -webkit-mask: url('/masterclick/assets/icons/regular/list-bullets.svg') no-repeat center / contain; }

.modal-overlay--matching .btn__icon--plus,
.modal-overlay--queue .btn__icon--plus,
.modal-overlay--queue-waiting .btn__icon--plus { mask: url('/masterclick/assets/icons/regular/plus.svg') no-repeat center / contain; -webkit-mask: url('/masterclick/assets/icons/regular/plus.svg') no-repeat center / contain; }