/* line 11, app/assets/stylesheets/cobranding_blue.scss */
:root {
  color-scheme: light;
  --canvas: #fafafa;
  --bg: #ffffff;
  --modal: #ffffff;
  --dropdown: #ffffff;
  --tooltip-bg: #033263;
  --tooltip-text: #fff;
  --panel: #f7f7f7;
  --panel-hover: #ededed;
  --panel-active: #e3e3e3;
  --panel-highlight: #ffffff;
  --button-bg: #ededed;
  --button-bg-hover: #e3e3e3;
  --button-bg-active: #d9d9d9;
  --button-text: #080808;
  --input-bg: #ffffff;
  --input-bg-hover: #ffffff;
  --input-text: #080808;
  --toggle-bg: #ffffff;
  --toggle-bg-hover: #ffffff;
  --switch-bg: #cfcfcf;
  --switch-bg-hover: #c4c4c4;
  --border: #e3e3e3;
  --shadow: 0 0 0 1px rgba(51, 51, 51, 0.125), 0 0 0 0 rgba(51, 51, 51, 0.125);
  --shadow-active: 0 0 0 1px rgba(51, 51, 51, 0.125), 0 8px 12px -4px rgba(51, 51, 51, 0.125);
  --shadow-dark: 0 0 0 1px rgba(51, 51, 51, 0.125), 0 8px 24px rgba(51, 51, 51, 0.125),
    0 8px 24px rgba(51, 51, 51, 0.125);
  --shadow-modal: 0 0 0 1px rgba(29, 29, 29, 0.0625),
    0 8px 24px rgba(51, 51, 51, 0.125);
  --shadow-window: 0 0 0 1px rgba(15, 15, 15, 0.03125),
    0 8px 16px rgba(29, 29, 29, 0.0625);
  --outline: 2px solid var(--primary-text);
  --backdrop: rgba(250, 250, 250, 0.9);
  --caret: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><polyline points="5 7 8 10 11 7" fill="none" stroke="%23000000AA" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></svg>');
  --glow-color-1: #33b1ff;
  --glow-color-2: #334bff;
  --glow-color-3: #33ffe7;
  --heading: #080808;
  --text: #6b6b6b;
  --subtle: #787878;
  --muted: #888888;
  --gray-text: #6b6b6b;
  --gray-outline: rgba(107, 107, 107, 0.5);
  --gray-tint: #ededed;
  --gray-tint-hover: #e3e3e3;
  --gray-tint-active: #d9d9d9;
  --gray-tint-text: #6b6b6b;
  --gray-bg: #6b6b6b;
  --gray-bg-hover: #787878;
  --gray-bg-active: #848484;
  --gray-bg-text: #ffffff;
  --gray-bg-subtle: #c4c4c4;
  --gray-dark-bg: #262626;
  --gray-dark-bg-hover: #2e2e2e;
  --gray-dark-bg-active: #383838;
  --gray-dark-bg-text: #ffffff;
  --gray-dark-bg-subtle: #8c8c8c;
  --primary-text: #006eb2;
  --primary-outline: rgba(0, 110, 178, 0.5);
  --primary-tint: #e2f7fd;
  --primary-tint-hover: #cef1fc;
  --primary-tint-active: #bdecfb;
  --primary-tint-text: #0074bb;
  --primary-bg: #006eb2;
  --primary-bg-hover: #017dc6;
  --primary-bg-active: #028ad7;
  --primary-bg-text: #ffffff;
  --primary-bg-subtle: #64cef9;
  --primary-dark-bg: #033263;
  --primary-dark-bg-hover: #033f76;
  --primary-dark-bg-active: #024a86;
  --primary-dark-bg-text: #ffffff;
  --primary-dark-bg-subtle: #04a3f6;
  --orange-text: #b84a00;
  --orange-outline: rgba(199, 83, 0, 0.5);
  --orange-tint: #ffe3cc;
  --orange-tint-hover: #ffd9ba;
  --orange-tint-active: #ffd0aa;
  --orange-tint-text: #b34700;
  --orange-bg: #c75300;
  --orange-bg-hover: #dc5c00;
  --orange-bg-active: #f16500;
  --orange-bg-text: #ffffff;
  --orange-bg-subtle: #ffc79b;
  --orange-dark-bg: #611f00;
  --orange-dark-bg-hover: #742700;
  --orange-dark-bg-active: #852f00;
  --orange-dark-bg-text: #ffffff;
  --orange-dark-bg-subtle: #ff7209;
  --blue-text: #007a72;
  --blue-outline: rgba(0, 133, 125, 0.5);
  --blue-tint: #d5f7f4;
  --blue-tint-hover: #b8f3ee;
  --blue-tint-active: #9af0e9;
  --blue-tint-text: #007c74;
  --blue-bg: #00857d;
  --blue-bg-hover: #01948b;
  --blue-bg-active: #03a399;
  --blue-bg-text: #ffffff;
  --blue-bg-subtle: #0eecdd;
  --blue-dark-bg: #00332f;
  --blue-dark-bg-hover: #00423d;
  --blue-dark-bg-active: #004c47;
  --blue-dark-bg-text: #ffffff;
  --blue-dark-bg-subtle: #03a69c;
  --green-text: #54771b;
  --green-outline: rgba(90, 130, 33, 0.5);
  --green-tint: #dff7a1;
  --green-tint-hover: #d1f284;
  --green-tint-active: #c4ed6c;
  --green-tint-text: #54771b;
  --green-bg: #5a8221;
  --green-bg-hover: #659123;
  --green-bg-active: #6e9f24;
  --green-bg-text: #ffffff;
  --green-bg-subtle: #b2e44d;
  --green-dark-bg: #313f08;
  --green-dark-bg-hover: #3a4d0b;
  --green-dark-bg-active: #41580f;
  --green-dark-bg-text: #ffffff;
  --green-dark-bg-subtle: #7fb526;
  --red-text: #cf2644;
  --red-outline: rgba(214, 61, 87, 0.5);
  --red-tint: #ffe3e0;
  --red-tint-hover: #ffd8d4;
  --red-tint-active: #fed0cc;
  --red-tint-text: #cb2442;
  --red-bg: #d63d57;
  --red-bg-hover: #e25465;
  --red-bg-active: #ea6672;
  --red-bg-text: #ffffff;
  --red-bg-subtle: #fdc6c3;
  --red-dark-bg: #6d091d;
  --red-dark-bg-hover: #850e25;
  --red-dark-bg-active: #96122b;
  --red-dark-bg-text: #ffffff;
  --red-dark-bg-subtle: #f07a81;
  --yellow-text: #9c5c02;
  --yellow-outline: rgba(243, 176, 37, 0.5);
  --yellow-tint: #ffee99;
  --yellow-tint-hover: #fee581;
  --yellow-tint-active: #fcdd6f;
  --yellow-tint-text: #9c5c02;
  --yellow-bg: #f3b025;
  --yellow-bg-hover: #f8c849;
  --yellow-bg-active: #fcdb6b;
  --yellow-bg-text: black;
  --yellow-bg-subtle: #665500;
  --yellow-dark-bg: #744000;
  --yellow-dark-bg-hover: #854c01;
  --yellow-dark-bg-active: #925401;
  --yellow-dark-bg-text: #ffffff;
  --yellow-dark-bg-subtle: #f4b228;
  --primary-bg-gradient: linear-gradient(
    to top right,
    #006eb2,
    #028ad7
  );
  --primary-shadow: 0 8px 16px -6px color-mix(in srgb, var(--primary-bg) 40%, transparent);
  --primary-shadow-active: 0 8px 16px -6px color-mix(in srgb, var(--primary-bg)
        70%, transparent);
  --primary-dark-shadow: 0 8px 16px -6px color-mix(in srgb, var(
          --primary-dark-bg
        )
        40%, transparent);
  --primary-dark-shadow-active: 0 8px 16px -6px color-mix(in srgb, var(
          --primary-dark-bg-active
        )
        70%, transparent);
  --chart-color-1: #006eb2;
  --chart-color-2: #04a5f9;
  --chart-color-3: #00857d;
  --chart-color-4: #07c3b6;
  --chart-color-5: #5a8221;
  --chart-color-6: #85be27;
  --chart-color-7: #f3b025;
  --chart-color-8: #b97204;
}

@media (max-width: 1023px) {
  /* line 11, app/assets/stylesheets/cobranding_blue.scss */
  :root {
    --backdrop: #fafafa;
  }
}

@media (prefers-color-scheme: dark) {
  /* line 11, app/assets/stylesheets/cobranding_blue.scss */
  :root {
    color-scheme: dark;
    --canvas: black;
    --bg: #141414;
    --modal: #141414;
    --dropdown: #262626;
    --tooltip-bg: #033263;
    --tooltip-text: #fff;
    --panel: #1c1c1c;
    --panel-hover: #262626;
    --panel-active: #2e2e2e;
    --panel-highlight: #212121;
    --button-bg: #262626;
    --button-bg-hover: #2e2e2e;
    --button-bg-active: #383838;
    --button-text: #ffffff;
    --input-bg: #262626;
    --input-bg-hover: #2e2e2e;
    --input-text: #ffffff;
    --toggle-bg: #2e2e2e;
    --toggle-bg-hover: #262626;
    --switch-bg: #383838;
    --switch-bg-hover: #3d3d3d;
    --border: #262626;
    --shadow: 0 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1);
    --shadow-active: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 12px -4px rgba(0, 0, 0, 0.1);
    --shadow-dark: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 12px 24px rgba(0, 0, 0, 0.1),
    0 12px 24px rgba(0, 0, 0, 0.1), 0 12px 24px rgba(0, 0, 0, 0.1);
    --shadow-modal: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 12px 24px rgba(0, 0, 0, 0.1),
    0 12px 24px rgba(0, 0, 0, 0.1);
    --shadow-window: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 12px 24px rgba(0, 0, 0, 0.1),
    0 12px 24px rgba(0, 0, 0, 0.1);
    --outline: 2px solid var(--primary-text);
    --backdrop: rgba(0, 0, 0, 0.9);
    --caret: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><polyline points="5 7 8 10 11 7" fill="none" stroke="%23ffffffAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></svg>');
    --glow-color-1: #006eb2;
    --glow-color-2: #0015b2;
    --glow-color-3: #00b29d;
    --heading: #ffffff;
    --text: #a4a4a4;
    --subtle: gray;
    --muted: #6f6f6f;
    --gray-text: #a4a4a4;
    --gray-outline: rgba(164, 164, 164, 0.5);
    --gray-tint: #262626;
    --gray-tint-hover: #2e2e2e;
    --gray-tint-active: #383838;
    --gray-tint-text: #8c8c8c;
    --gray-bg: #767676;
    --gray-bg-hover: #6a6a6a;
    --gray-bg-active: #606060;
    --gray-bg-text: #ffffff;
    --gray-bg-subtle: lightgray;
    --gray-dark-bg: #262626;
    --gray-dark-bg-hover: #2e2e2e;
    --gray-dark-bg-active: #383838;
    --gray-dark-bg-text: #ffffff;
    --gray-dark-bg-subtle: #8c8c8c;
    --primary-text: #028ad7;
    --primary-outline: rgba(0, 110, 178, 0.5);
    --primary-tint: #033263;
    --primary-tint-hover: #03396e;
    --primary-tint-active: #033f76;
    --primary-tint-text: #04a3f6;
    --primary-bg: #006eb2;
    --primary-bg-hover: #017dc6;
    --primary-bg-active: #028ad7;
    --primary-bg-text: #efebec;
    --primary-bg-subtle: #64cef9;
    --primary-dark-bg: #033263;
    --primary-dark-bg-hover: #033f76;
    --primary-dark-bg-active: #024a86;
    --primary-dark-bg-text: #ffffff;
    --primary-dark-bg-subtle: #04a3f6;
    --orange-text: #de5d00;
    --orange-outline: rgba(199, 83, 0, 0.5);
    --orange-tint: #611f00;
    --orange-tint-hover: #6b2300;
    --orange-tint-active: #742700;
    --orange-tint-text: #ff7209;
    --orange-bg: #c75300;
    --orange-bg-hover: #dc5c00;
    --orange-bg-active: #f16500;
    --orange-bg-text: white;
    --orange-bg-subtle: #ffc79b;
    --orange-dark-bg: #611f00;
    --orange-dark-bg-hover: #742700;
    --orange-dark-bg-active: #852f00;
    --orange-dark-bg-text: #ffffff;
    --orange-dark-bg-subtle: #ff7209;
    --blue-text: #01948b;
    --blue-outline: rgba(0, 133, 125, 0.5);
    --blue-tint: #00332f;
    --blue-tint-hover: #003b37;
    --blue-tint-active: #00423d;
    --blue-tint-text: #03a69c;
    --blue-bg: #00857d;
    --blue-bg-hover: #01948b;
    --blue-bg-active: #03a399;
    --blue-bg-text: white;
    --blue-bg-subtle: #0eecdd;
    --blue-dark-bg: #00332f;
    --blue-dark-bg-hover: #00423d;
    --blue-dark-bg-active: #004c47;
    --blue-dark-bg-text: #ffffff;
    --blue-dark-bg-subtle: #03a69c;
    --green-text: #659123;
    --green-outline: rgba(90, 130, 33, 0.5);
    --green-tint: #313f08;
    --green-tint-hover: #36460a;
    --green-tint-active: #3a4d0b;
    --green-tint-text: #7fb526;
    --green-bg: #5a8221;
    --green-bg-hover: #659123;
    --green-bg-active: #6e9f24;
    --green-bg-text: white;
    --green-bg-subtle: #b2e44d;
    --green-dark-bg: #313f08;
    --green-dark-bg-hover: #3a4d0b;
    --green-dark-bg-active: #41580f;
    --green-dark-bg-text: #ffffff;
    --green-dark-bg-subtle: #7fb526;
    --red-text: #e15265;
    --red-outline: rgba(214, 61, 87, 0.5);
    --red-tint: #6d091d;
    --red-tint-hover: #7a0c21;
    --red-tint-active: #850e25;
    --red-tint-text: #f07a81;
    --red-bg: #d63d57;
    --red-bg-hover: #e25465;
    --red-bg-active: #ea6672;
    --red-bg-text: white;
    --red-bg-subtle: #fdc6c3;
    --red-dark-bg: #6d091d;
    --red-dark-bg-hover: #850e25;
    --red-dark-bg-active: #96122b;
    --red-dark-bg-text: #ffffff;
    --red-dark-bg-subtle: #f07a81;
    --yellow-text: #f3b025;
    --yellow-outline: rgba(243, 176, 37, 0.5);
    --yellow-tint: #744000;
    --yellow-tint-hover: #7d4600;
    --yellow-tint-active: #854c01;
    --yellow-tint-text: #f4b228;
    --yellow-bg: #f3b025;
    --yellow-bg-hover: #f8c849;
    --yellow-bg-active: #fcdb6b;
    --yellow-bg-text: black;
    --yellow-bg-subtle: #665500;
    --yellow-dark-bg: #744000;
    --yellow-dark-bg-hover: #854c01;
    --yellow-dark-bg-active: #925401;
    --yellow-dark-bg-text: #ffffff;
    --yellow-dark-bg-subtle: #f4b228;
    --primary-bg-gradient: linear-gradient(
    to top right,
    #006eb2,
    #028ad7
  );
    --primary-shadow: 0 8px 16px -6px color-mix(in srgb, var(--primary-bg) 40%, transparent);
    --primary-shadow-active: 0 8px 16px -6px color-mix(in srgb, var(--primary-bg)
        70%, transparent);
    --primary-dark-shadow: 0 8px 16px -6px color-mix(in srgb, var(
          --primary-dark-bg
        )
        40%, transparent);
    --primary-dark-shadow-active: 0 8px 16px -6px color-mix(in srgb, var(
          --primary-dark-bg-active
        )
        70%, transparent);
    --chart-color-1: #006eb2;
    --chart-color-2: #04a5f9;
    --chart-color-3: #00857d;
    --chart-color-4: #07c3b6;
    --chart-color-5: #5a8221;
    --chart-color-6: #85be27;
    --chart-color-7: #f3b025;
    --chart-color-8: #b97204;
  }
}

@media (prefers-color-scheme: dark) and (max-width: 1023px) {
  /* line 11, app/assets/stylesheets/cobranding_blue.scss */
  :root {
    --backdrop: black;
  }
}

/* line 6, app/assets/stylesheets/_cobrand_dialpad.scss */
.dialpad svg [fill='#EA580C'] {
  fill: var(--primary-dark-bg-subtle, #ea580c);
}

/* line 10, app/assets/stylesheets/_cobrand_dialpad.scss */
.dialpad svg [fill='#431407'] {
  fill: var(--primary-dark-bg, #431407);
}