/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
 * SPDX-FileCopyrightText: 2024 Comcast
 *
 * SPDX-License-Identifier: LicenseRef-Comcast
 */
/*
 * SPDX-FileCopyrightText: 2024 Comcast
 *
 * SPDX-License-Identifier: LicenseRef-Comcast
 */
/* ----------------------------------------------*\
    #BASE
\*---------------------------------------------- */
/**
 	This file contains variables that are dependencies
 	for the modules that follow. Need to ensure that
 	these are included first.
 */
/* Breakpoints */
/* ------------------------------------*\
    #UTILITY-FUNCTIONS
\*------------------------------------ */
/* ------------------------------------*\
    #SCREEN-WIDTH
\*------------------------------------ */
/* ----------------------------------------------*\
    Pointers
\*---------------------------------------------- */
/* ------------------------------------*\
    #TOOLTIP-CONTENT
\*------------------------------------ */
/**************************************************   */
/* SWATCH_VAR           | SWATCH_HEX
/ ***************************************************/
/* ----------------------------------------------*\
    #BASE
\*---------------------------------------------- */
/**
 	This file contains variables that are dependencies
 	for the modules that follow. Need to ensure that
 	these are included first.
 */
/* Breakpoints */
/* ------------------------------------*\
    #UTILITY-FUNCTIONS
\*------------------------------------ */
/* ------------------------------------*\
    #SCREEN-WIDTH
\*------------------------------------ */
/* ----------------------------------------------*\
    Pointers
\*---------------------------------------------- */
/* ------------------------------------*\
    #TOOLTIP-CONTENT
\*------------------------------------ */
/**************************************************   */
/* SWATCH_VAR           | SWATCH_HEX
/ ***************************************************/
.cee-card {
  padding: 16px 24px;
  position: relative;
  background: #f2f4f5;
  border-radius: 2px;
  color: #44484c;
}
.cee-card a {
  color: #44484c;
  text-decoration: none;
}
.cee-card a:focus {
  text-decoration: underline;
}
.cee-card:focus-visible, .cee-card:hover {
  background: #f9fafa;
  border: none;
}
.cee-card:focus-visible {
  outline: 1px solid #0272b6;
}
.cee-card:focus-visible a:focus {
  text-decoration: none;
}
.cee-card--active {
  background: #fff;
  color: #000;
}
.cee-card--active:focus-visible, .cee-card--active:hover {
  background: #fff;
}
.cee-theme-dark .cee-card {
  background: #191919;
  color: #c7cdd2;
  /* stylelint-disable no-descending-specificity */
  /* stylelint-enable */
}
.cee-theme-dark .cee-card a {
  color: #c7cdd2;
  background: none;
  border: 0;
}
.cee-theme-dark .cee-card:focus-visible, .cee-theme-dark .cee-card:hover {
  background: #121212;
}
.cee-theme-dark .cee-card:focus-visible {
  outline: 1px solid #0272b6;
}
.cee-theme-dark .cee-card:focus-visible a:focus {
  text-decoration: none;
}
.cee-theme-dark .cee-card.cee-card--active {
  background: #000;
  color: #fff;
}
.cee-theme-dark .cee-card.cee-card--active:focus-visible, .cee-theme-dark .cee-card.cee-card--active:hover {
  background: #000;
}
.cee-card-action {
  font-family: "XfinityStandard";
  font-weight: 700;
  font-size: 0.875rem;
  color: #000;
  color: #44484c;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  text-align: left;
}
.cee-theme-dark .cee-card-action {
  color: #fff;
}
.cee-card-action::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.cee-card--active .cee-card-action {
  color: #000;
}
.cee-theme-dark .cee-card--active .cee-card-action {
  color: #fff;
}
.cee-theme-dark .cee-card-action {
  color: #c7cdd2;
}
/* ----------------------------------------------*\
    #BASE
\*---------------------------------------------- */
/**
 	This file contains variables that are dependencies
 	for the modules that follow. Need to ensure that
 	these are included first.
 */
/* Breakpoints */
/* ------------------------------------*\
    #UTILITY-FUNCTIONS
\*------------------------------------ */
/* ------------------------------------*\
    #SCREEN-WIDTH
\*------------------------------------ */
/* ----------------------------------------------*\
    Pointers
\*---------------------------------------------- */
/* ------------------------------------*\
    #TOOLTIP-CONTENT
\*------------------------------------ */
/**************************************************   */
/* SWATCH_VAR           | SWATCH_HEX
/ ***************************************************/
.cee-agent-state {
  position: relative;
}
.cee-theme-dark .cee-agent-state select {
  background: #000;
}
.cee-theme-dark .cee-agent-state select option {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #191919;
  color: #fff;
}
.cee-agent-state .cee-form-select {
  border: none;
}
.cee-agent-state .cee-form-select select {
  padding: 4px 12px;
  padding-left: 32px;
}
.cee-agent-state:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 8px;
  height: 8px;
  border-radius: 100%;
}
.cee-agent-state.green::before {
  background: #058744;
}
.cee-agent-state.yellow::before {
  background: #e29d1a;
}
.cee-agent-state.red::before {
  background: #b1150c;
}
.cee-theme-dark .cee-agent-state .cee-form-select {
  border: none;
}
.cee-theme-dark .cee-agent-state.green::before {
  background: #47c684;
}
.cee-theme-dark .cee-agent-state.yellow::before {
  background: #ffd871;
}
.cee-theme-dark .cee-agent-state.red::before {
  background: #ff9271;
}
.cee-page-content {
  height: 100vh;
}
.cee-left-nav-menu li button {
  height: 50px;
}
.cee-card--conversation-meta .cee-btn {
  font-size: 0.75rem;
  border-radius: 3px;
  padding: 2px 4px;
}
/* Emoji area */
html {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}
body {
  margin: 0;
  padding: 0;
  height: 100%;
}
merc-app {
  height: 100%;
}
merc-app > .container-fluid {
  height: 100%;
  height: calc(100% - 57px);
}
merc-app > .container-fluid > .row {
  height: 100%;
}
.merc-header {
  height: 50px;
}
.cee-sidebar,
.cee-chatutil,
.cee-chatheader {
  background: #f2f4f5;
}
.cee-theme-dark .cee-sidebar,
.cee-theme-dark .cee-chatutil,
.cee-theme-dark .cee-chatheader {
  background: #191919;
}
.merc-settings-tab-panel.cee-tab-panel.cee-modal {
  left: 48px;
  width: calc((100% - 48px) * .25);
}
.merc-settings-tab-panel.cee-tab-panel.cee-modal.tab-active {
  width: calc(100% - 48px);
}
.merc-manage-script-backdrop .merc-manage-script-modal.cee-modal {
  width: calc((100% - 48px) * .75);
}
.merc-manage-script-backdrop .merc-manage-script-modal.cee-modal.active {
  left: calc(((100% - 48px) * .25) + 48px);
}
#tab-pan {
  background-color: #2a2a2a;
}
.hover-highlight:hover {
  background-color: #202020;
}
.show .active-highlight {
  background-color: #202020;
}
.empty-filler-container {
  text-align: center;
  background-color: #2A2A2A;
  padding: 15px;
}
.hamburger.dropdown-toggle:after {
  margin-left: unset;
  vertical-align: unset;
  content: unset;
  border: unset;
  content: "⠇";
  font-size: 2rem;
  line-height: 1.3;
  padding-left: 8px;
}
.hamburger:after {
  content: "⠇";
  font-size: 2rem;
  line-height: 1.3;
  padding-left: 8px;
}
.bg-dark {
  background-color: #202020 !important;
}
.pointer:hover {
  cursor: pointer;
}
.navbar.bg-dark {
  border-bottom: 1px solid #181818;
}
.dropdown-menu.bg-dark {
  border: 1px solid #181818;
  color: #fff;
}
.dropdown-menu.bg-dark .dropdown-item:hover {
  background-color: #2a2a2a;
  color: white;
}
.form-control {
  background-color: transparent;
  color: unset;
}
.crc {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 20px;
}
.crc.green {
  background-color: #13cc13;
}
.crc.red {
  background-color: #b60000;
}
.crc.orange {
  background-color: darkorange;
}
.crc.yellow {
  background-color: yellow;
}
.btn.btn-primary {
  background-color: #3561db;
  color: #fff;
}
#chat-window .message.left .message-text {
  background-color: #43474A;
  color: #fff;
}
#chat-window .message.left .message-text::before {
  position: absolute;
  top: 15%;
  display: block;
  content: "";
  border-style: solid;
  left: -10px;
  border-color: transparent #43474A;
  border-width: 10px 10px 10px 0;
  box-sizing: border-box;
}
#chat-window .message.left .message-tag {
  margin-left: 0px;
}
#chat-window .message.right {
  text-align: right;
  margin-right: 20px;
}
#chat-window .message.right .message-text {
  background-color: #202020;
  color: #fff;
  text-align: left;
  margin-right: 0;
  margin-left: auto;
}
#chat-window .message.right .message-text::after {
  position: absolute;
  top: 15%;
  display: block;
  content: "";
  border-style: solid;
  left: 100%;
  border-color: transparent #202020;
  border-width: 10px 0px 10px 10px;
  box-sizing: border-box;
}
#chat-window .message-text {
  background-color: #d1d1d1;
  padding: 10px;
  padding-left: 15px;
  color: #000;
  position: relative;
  overflow-wrap: break-word;
  word-wrap: break-word;
  margin-left: 5px;
  margin-top: 10px;
  box-shadow: 5px 5px 2px #1d1f2b;
}
#chat-window .message.system .message-text {
  background: unset;
  color: #fff;
  box-shadow: unset;
  width: 100%;
  text-align: center;
  padding-bottom: 0px;
}
#chat-window .message.system .message-tag {
  background: unset;
  color: #fff;
  box-shadow: unset;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.modal-content {
  background-color: #202020;
}
.modal-content .close {
  color: #fff;
  text-shadow: none;
}
.modal-footer {
  border: none;
}
.modal-header {
  border: none;
}
.vertical-center {
  min-height: 100%;
  /* Fallback for vh unit */
  min-height: 100vh;
  /* You might also want to use
      'height' property instead.

      Note that for percentage values of
      'height' or 'min-height' properties,
      the 'height' of the parent element
      should be specified explicitly.

      In this case the parent of '.vertical-center'
      is the <body> element */
  /* Make it a flex container */
  display: flex;
  /* Align the bootstrap's container vertically */
  align-items: center;
  /* In legacy web browsers such as Firefox 9
      we need to specify the width of the flex container */
  width: 100%;
  /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
      hence the bootstrap's container won't be aligned to the center anymore.

      Therefore, we should use the following declarations to get it centered again */
  justify-content: center;
}
.logo-lg {
  background-image: url(/assets/img/mercury-logo-lg.png);
  width: 419px;
  height: 360px;
}
.ani-fade {
  animation: fadeOut 3s linear infinite;
  animation-fill-mode: forwards;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opactity: 1;
  }
}
[contenteditable=true]:empty:not(:focus):before {
  content: attr(placeholder);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./node_modules/@cxt-cee-chat/merc-pattern-lib/styles.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
/* ----------------------------------------------*\
    #BASE
\*---------------------------------------------- */
/**
 	This file contains variables that are dependencies
 	for the modules that follow. Need to ensure that
 	these are included first.
 */
/* Breakpoints */
/* ------------------------------------*\
    #UTILITY-FUNCTIONS
\*------------------------------------ */
/* ------------------------------------*\
    #SCREEN-WIDTH
\*------------------------------------ */
/* ----------------------------------------------*\
    Pointers
\*---------------------------------------------- */
/* ------------------------------------*\
    #TOOLTIP-CONTENT
\*------------------------------------ */
/**************************************************   */
/* SWATCH_VAR           | SWATCH_HEX
/ ***************************************************/
/* XFINITY Standard Thin (100) */
@font-face {
  font-family: "XfinityStandard";
  src: url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-Thin.woff2") format("woff2"), url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-Thin.woff") format("woff"), url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
/* XFINITY Standard Extra Light (200) */
@font-face {
  font-family: "XfinityStandard";
  src: url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-ExtraLight.woff2") format("woff2"), url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-ExtraLight.woff") format("woff"), url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
/* XFINITY Standard Light (300) */
@font-face {
  font-family: "XfinityStandard";
  src: url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-Light.woff2") format("woff2"), url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-Light.woff") format("woff"), url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
/* Xfinity Standard Light Italic (300) */
@font-face {
  font-family: "XfinityStandard";
  src: url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-LightItalic.woff2") format("woff2"), url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-LightItalic.woff") format("woff"), url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
/* Xfinity Standard Regular (400) */
@font-face {
  font-family: "XfinityStandard";
  src: url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-Regular.woff2") format("woff2"), url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-Regular.woff") format("woff"), url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
/* Xfinity Standard Regular Italic (400) */
@font-face {
  font-family: "XfinityStandard";
  src: url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-RegularItalic.woff2") format("woff2"), url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-RegularItalic.woff") format("woff"), url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-RegularItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
/* Xfinity Standard Medium (500) */
@font-face {
  font-family: "XfinityStandard";
  src: url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-Medium.woff2") format("woff2"), url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-Medium.woff") format("woff"), url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
/* Xfinity Standard Bold (700) */
@font-face {
  font-family: "XfinityStandard";
  src: url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-Bold.woff2") format("woff2"), url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-Bold.woff") format("woff"), url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard/XfinityStandard-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
/* Xfinity Standard Condensed Medium (500) */
@font-face {
  font-family: "XfinityStandardCondensed";
  src: url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard_Condensed/XfinityStandardCondensed-Medium.woff2") format("woff2"), url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard_Condensed/XfinityStandardCondensed-Medium.woff") format("woff"), url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard_Condensed/XfinityStandardCondensed-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
/* Xfinity Standard Condensed Bold (700) */
@font-face {
  font-family: "XfinityStandardCondensed";
  src: url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard_Condensed/XfinityStandardCondensed-Bold.woff2") format("woff2"), url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard_Condensed/XfinityStandardCondensed-Bold.woff") format("woff"), url("https://static.cimcontent.net/fonts/latest/Xfinity_Standard_Condensed/XfinityStandardCondensed-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
/* XfinityBrown Bold (700) */
@font-face {
  font-family: "XfinityBrown";
  src: url('XfinityBrownWeb-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
}
/* XfinityBrown Bold Italic (700) */
@font-face {
  font-family: "XfinityBrown";
  src: url('XfinityBrownWeb-BoldItalic.woff2') format("woff2");
  font-weight: 700;
  font-style: italic;
}
/* XfinityBrown Italic (400) */
@font-face {
  font-family: "XfinityBrown";
  src: url('XfinityBrownWeb-Italic.woff2') format("woff2");
  font-weight: 400;
  font-style: italic;
}
/* XfinityBrown Light (300) */
@font-face {
  font-family: "XfinityBrown";
  src: url('XfinityBrownWeb-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
}
/* XfinityBrown Light Italic (300) */
@font-face {
  font-family: "XfinityBrown";
  src: url('XfinityBrownWeb-LightItalic.woff2') format("woff2");
  font-weight: 300;
  font-style: italic;
}
/* XfinityBrown (400) */
@font-face {
  font-family: "XfinityBrown";
  src: url('XfinityBrownWeb-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
}
/* DMSans italic (400) */
@font-face {
  font-family: "DMSans";
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Fp2ywxg089UriCZa4Hz-D.woff2) format("woff2");
}
/* DMSans italic (500) */
@font-face {
  font-family: "DMSans";
  font-style: italic;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Ap2ywxg089UriCZaw7ByWCXwT.woff2) format("woff2");
}
/* DMSans italic (700) */
@font-face {
  font-family: "DMSans";
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Ap2ywxg089UriCZawpBqWCXwT.woff2) format("woff2");
}
/* DMSans normal (400) */
@font-face {
  font-family: "DMSans";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriCZOIHQ.woff2) format("woff2");
}
/* DMSans medium (500) */
@font-face {
  font-family: "DMSans";
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Cp2ywxg089UriAWCrCBimCw.woff2) format("woff2");
}
/* DMSans bold (700) */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Cp2ywxg089UriASitCBimCw.woff2) format("woff2");
}
/* ----------------------------------------------*\
    Box-sizing
\*---------------------------------------------- */
/**
 * Set the global `box-sizing` state to `border-box`.
 */
html {
  box-sizing: border-box;
  font-family: XfinityStandard, Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}
* {
  box-sizing: inherit;
}
* ::before,
* ::after {
  box-sizing: inherit;
}
*:focus {
  outline: none;
}
*:focus-visible {
  outline: 1px solid #0272b6;
}
.cee-themed-dark *:focus-visible {
  outline: 1px solid #0272b6;
}
a {
  color: #9ba4aa;
  text-decoration: none;
}
a:link, a:visited {
  color: #0272b6;
  text-decoration: none;
}
a:link:hover, a:visited:hover {
  color: #00619a;
  text-decoration: underline;
}
a:link:focus, a:visited:focus {
  color: #00619a;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: double;
          text-decoration-style: double;
}
a:link:active, a:visited:active {
  color: #005080;
  text-decoration: none;
}
.cee-theme-dark a {
  color: #c7cdd2;
}
.cee-theme-dark a:link, .cee-theme-dark a:visited {
  color: #0272b6;
  text-decoration: none;
}
.cee-theme-dark a:link:hover, .cee-theme-dark a:visited:hover {
  color: #2b9cd8;
  text-decoration: underline;
}
.cee-theme-dark a:link:focus, .cee-theme-dark a:visited:focus {
  color: #2b9cd8;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: double;
          text-decoration-style: double;
}
.cee-theme-dark a:link:active, .cee-theme-dark a:visited:active {
  color: #4cc2ff;
  text-decoration: none;
}
/* ----------------------------------------------*\
    word break
\*---------------------------------------------- */
.cee-word-break {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -webkit-hyphens: auto;
          hyphens: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
.cee-h1 {
  font-family: "XfinityStandard";
  font-weight: 300;
  font-size: 1.5rem;
  color: #44484c;
}
.cee-theme-dark .cee-h1 {
  color: #e6eaed;
}
.cee-h2 {
  font-family: "XfinityStandard";
  font-weight: 300;
  font-size: 1.125rem;
  color: #000;
}
.cee-theme-dark .cee-h2 {
  color: #fff;
}
.cee-h3 {
  font-family: "XfinityStandard";
  font-weight: 700;
  font-size: 1rem;
  color: #000;
}
.cee-theme-dark .cee-h3 {
  color: #fff;
}
.cee-h4 {
  font-family: "XfinityStandard";
  font-weight: 700;
  font-size: 0.875rem;
  color: #000;
}
.cee-theme-dark .cee-h4 {
  color: #fff;
}
.cee-body {
  font-family: "XfinityStandard";
  font-weight: 400;
  font-size: 0.875rem;
  color: #000;
}
.cee-theme-dark .cee-body {
  color: #fff;
}
.cee-eyebrow {
  font-family: "XfinityStandard";
  font-weight: 500;
  font-size: 0.75rem;
  color: #646a70;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.cee-theme-dark .cee-eyebrow {
  color: #c7cdd2;
}
.cee-body-detail {
  font-family: "XfinityStandard";
  font-weight: 400;
  font-size: 0.75rem;
  color: #646a70;
}
.cee-theme-dark .cee-body-detail {
  color: #c7cdd2;
}
.cee-list-plain,
.cee-list-block {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cee-list-plain .cee-btn--link,
.cee-list-block .cee-btn--link {
  text-decoration: none;
  color: #000;
}
.cee-theme-dark .cee-list-plain .cee-btn--link,
.cee-theme-dark .cee-list-block .cee-btn--link {
  color: #fff;
}
.cee-list-block li {
  padding: 12px 24px;
  border-bottom: 1px solid #e6eaed;
}
.cee-list-block li:last-child {
  border-bottom: 0;
}
.cee-list-block li .cee-btn {
  font-family: "XfinityStandard";
  font-weight: 400;
  font-size: 0.875rem;
  color: #000;
  padding: 16px;
  padding-left: 38px;
  color: inherit;
  background: none;
  border: none;
  margin: 0;
  width: 100%;
  text-align: left;
}
.cee-theme-dark .cee-list-block li .cee-btn {
  color: #fff;
}
.cee-list-block li .cee-btn:focus-visible::after {
  border-color: #0272b6;
}
.cee-theme-dark .cee-list-block li {
  border-bottom: 1px solid #2a2c2d;
}
.cee-theme-dark .cee-list-block li:last-child {
  border-bottom: 0;
}
.cee-theme-dark .cee-list-block li .cee-btn:focus-visible::after {
  border-color: #0272b6;
}
.cee-upper-case {
  text-transform: uppercase;
}
.cee-capitalize {
  text-transform: capitalize;
}
.cee-hl1 {
  font-family: "DMSans";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #000;
}
.cee-theme-dark .cee-hl1 {
  color: #fff;
}
.cee-hl2 {
  font-family: "DMSans";
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #000;
}
.cee-theme-dark .cee-hl2 {
  color: #fff;
}
.cee-hl3 {
  font-family: "DMSans";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #000;
}
.cee-theme-dark .cee-hl3 {
  color: #fff;
}
.cee-button-2 {
  font-family: "DMSans";
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #000;
}
.cee-theme-dark .cee-button-2 {
  color: #fff;
}
.cee-body-1 {
  font-family: "DMSans";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #000;
}
.cee-theme-dark .cee-body-1 {
  color: #fff;
}
.cee-body-2 {
  font-family: "DMSans";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  color: #000;
}
.cee-theme-dark .cee-body-2 {
  color: #fff;
}
.cee-callout-2 {
  font-family: "DMSans";
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: capitalize;
  letter-spacing: 0.0625rem;
  color: #000;
}
.cee-theme-dark .cee-callout-2 {
  color: #fff;
}
.cee-caption-1 {
  font-family: "DMSans";
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #000;
}
.cee-theme-dark .cee-caption-1 {
  color: #fff;
}
.cee-theme-dark {
  background: #000;
  color: #fff;
}
.cee-radio, .cee-switch, .cee-checkbox {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.cee-accessibly-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
/* ----------------------------------------------*\
    Form Row
\*---------------------------------------------- */
.cee-form-row {
  margin-bottom: 1rem;
}
.cee-form-row:last-of-type {
  margin-bottom: 0;
}
.cee-form-row--child {
  margin-left: 1.25rem;
}
.cee-form-row--group {
  margin-bottom: 12px;
}
.cee-form-row--group:last-of-type {
  margin-bottom: 0;
}
.cee-form-fieldset.disabled {
  opacity: 0.6;
}
/* ----------------------------------------------*\
    Form controls
\*---------------------------------------------- */
.cee-form-input {
  padding: 12px;
  font-family: "XfinityStandard";
  font-weight: 400;
  font-size: 0.875rem;
  color: #000;
  width: 100%;
  background-color: #fff;
  background-image: none;
  border: 1px solid #868f96;
  color: #000;
  border-radius: 2px;
}
.cee-theme-dark .cee-form-input {
  color: #fff;
}
.cee-form-input:focus-visible {
  outline: 2px solid #0272b6;
}
.has-error .cee-form-input, .cee-form-input.error {
  border: 2px solid #b1150c;
}
.cee-form-input::-moz-placeholder {
  color: #9ba4aa;
  font-weight: 300;
  font-style: italic;
}
.cee-form-input::placeholder {
  color: #9ba4aa;
  font-weight: 300;
  font-style: italic;
}
.cee-form-input:hover {
  cursor: pointer;
}
.cee-form-input:disabled {
  pointer-events: none;
  background-color: #e6eaed;
  border-color: #c7cdd2;
  color: #9ba4aa;
}
.cee-form-input:disabled:hover, .cee-form-input:disabled:focus-visible {
  border-color: #c7cdd2;
}
.cee-theme-dark .cee-form-input {
  background: #000;
  border: 1px solid #646a70;
  color: #fff;
}
.cee-theme-dark .cee-form-input::-moz-placeholder {
  color: #b1b9bf;
}
.cee-theme-dark .cee-form-input::placeholder {
  color: #b1b9bf;
}
.has-error .cee-theme-dark .cee-form-input, .cee-theme-dark .cee-form-input.error {
  border: 2px solid #ff9271;
}
.cee-theme-dark .cee-form-input:focus-visible {
  outline: 2px solid #2b9cd8;
}
.cee-theme-dark .cee-form-input:disabled {
  background-color: #44484c;
  border-color: #646a70;
  color: #868f96;
}
.cee-theme-dark .cee-form-input:disabled:hover, .cee-theme-dark .cee-form-input:disabled:focus-visible {
  border-color: #646a70;
}
.cee-theme-dark .cee-form-input:disabled::-moz-placeholder {
  color: #868f96;
}
.cee-theme-dark .cee-form-input:disabled::placeholder {
  color: #868f96;
}
/* ----------------------------------------------*\
    Form controls for labels and legends
\*---------------------------------------------- */
.cee-form-label {
  font-family: "XfinityStandard";
  font-weight: 400;
  font-size: 0.75rem;
  color: #646a70;
  display: block;
  margin-bottom: 8px;
  font-weight: 700;
  color: #000;
  position: relative;
}
.cee-theme-dark .cee-form-label {
  color: #c7cdd2;
}
.cee-form-label .cee-form-label-text {
  display: block;
  margin-bottom: 0.5rem;
}
.cee-form-label .cee-form-label-optional {
  margin-left: 12px;
  font-weight: 400;
  font-style: italic;
  color: #44484c;
}
.disabled .cee-form-label {
  color: #9ba4aa;
}
.cee-theme-dark .disabled .cee-form-label {
  color: #868f96;
}
.cee-theme-dark .cee-form-label {
  color: #fff;
}
.cee-theme-dark .cee-form-label .cee-form-label-optional {
  color: #868f96;
}
.cee-form-label--legend {
  font-weight: 500;
  margin-bottom: 16px;
}
/* ----------------------------------------------*\
    Checkbox
\*---------------------------------------------- */
.cee-radio-stacked .cee-form-error-msg,
.cee-checkbox-stacked .cee-form-error-msg {
  margin-top: 8px;
}
.cee-checkbox:focus-visible + label::after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 2px;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #0272b6;
}
.cee-checkbox + label {
  position: relative;
  padding-left: 1.25rem;
  font-size: 0.875rem;
  margin-right: 32px;
}
.cee-checkbox + label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  border: 1px solid #868f96;
  border-radius: 2px;
  background-color: none;
}
.cee-checkbox + label.indeterminate::before {
  content: url("data:image/svg+xml,%3Csvg width='10' height='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1h8' stroke='%23FFF' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  text-align: center;
  line-height: 5px;
  background-color: #0272b6;
  border-color: #0272b6;
}
.cee-checkbox:checked + label::before, .cee-checkbox:checked + input + label::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M1 3.35l2.82 2.83L9 1'/%3E%3C/svg%3E");
  text-align: center;
  line-height: 10px;
  background-color: #0272b6;
  border-color: #0272b6;
}
.cee-checkbox:disabled + label {
  color: #9ba4aa;
}
.cee-checkbox:disabled + label::before {
  background-color: #e6eaed;
  border-color: #c7cdd2;
}
.has-error .cee-checkbox + label::before {
  border-color: #b1150c;
}
.cee-theme-dark .has-error .cee-checkbox + label::before {
  border-color: #ff9271;
}
.cee-checkbox:disabled:checked + label::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%239ba4aa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M1 3.35l2.82 2.83L9 1'/%3E%3C/svg%3E");
}
.has-error .cee-theme-dark .cee-checkbox + label::before {
  border-color: #ff9271;
}
.cee-theme-dark .cee-checkbox:disabled + label {
  color: #868f96;
}
.cee-theme-dark .cee-checkbox:disabled + label::before {
  background-color: #44484c;
  border-color: #646a70;
}
/* ----------------------------------------------*\
      Switch
\*---------------------------------------------- */
.cee-switch + label {
  position: relative;
  padding-left: 3rem;
  font-size: 0.875rem;
  font-weight: 400;
  margin-right: 32px;
}
.cee-switch + label::before {
  content: "";
  position: absolute;
  top: 0.125rem;
  left: 0;
  width: 2rem;
  height: 0.75rem;
  border-radius: 6.25rem;
  background-color: #b1b9bf;
}
.cee-theme-dark .cee-switch + label::before {
  background-color: #646a70;
}
.cee-switch + label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background-color: #0b7dbb;
  transition: left 0.1s linear;
}
.cee-theme-dark .cee-switch + label::after {
  background-color: #2b9cd8;
}
.cee-switch:checked + label::after {
  left: 1.125rem;
}
.cee-switch:checked + label::before {
  background-color: #2b9cd8;
}
.cee-theme-dark .cee-switch:checked + label::before {
  background-color: #0b7dbb;
}
.cee-switch:disabled + label {
  color: #9ba4aa;
}
.cee-theme-dark .cee-switch:disabled + label {
  color: #868f96;
}
.cee-switch:disabled + label::after {
  background-color: #646a70;
}
.cee-theme-dark .cee-switch:disabled + label::after {
  background-color: #e6eaed;
}
/* ----------------------------------------------*\
    Radio Buttons
\*---------------------------------------------- */
.cee-radio:checked + label::before {
  border: 5px solid #0272b6;
  background-color: #fff;
}
.has-error .cee-radio + label::before {
  border-color: #b1150c;
}
.has-error .cee-radio:checked + label::before {
  border-color: #0272b6;
}
.cee-theme-dark .has-error .cee-radio + label::before {
  border-color: #ff9271;
}
.cee-theme-dark .has-error .cee-radio:checked + label::before {
  border-color: #0272b6;
}
.cee-radio:focus-visible + label::after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 2px;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #0272b6;
  border-radius: 50%;
}
.cee-radio + label {
  position: relative;
  padding-left: 1.5625rem;
  font-size: 0.875rem;
  font-weight: 400;
  margin-right: 32px;
}
.cee-radio + label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  border: 1px solid #868f96;
  border-radius: 50%;
}
.cee-radio:disabled + label {
  color: #9ba4aa;
}
.cee-radio:disabled + label::before {
  background-color: #e6eaed;
  border-color: #c7cdd2;
}
.cee-theme-dark .cee-radio:disabled + label::before {
  background-color: #44484c;
  border-color: #646a70;
}
/* ----------------------------------------------*\
    Error States
\*---------------------------------------------- */
.cee-form-error-msg {
  font-family: "XfinityStandard";
  font-weight: 400;
  font-size: 0.75rem;
  color: #646a70;
  color: #b1150c;
  border-radius: 2px;
  text-transform: none;
  font-weight: 400;
  margin-top: 8px;
}
.cee-theme-dark .cee-form-error-msg {
  color: #c7cdd2;
}
.cee-form-error-msg + .cee-form-row {
  margin-top: 0.5rem;
}
.cee-theme-dark .cee-form-error-msg {
  color: #ff9271;
}
.cee-grid-layout-12,
.cee-page-content {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 20px;
  width: 100%;
}
@media (min-width: 1280px) {
  .cee-grid-layout-12,
.cee-page-content {
    grid-gap: 24px;
  }
}
.cee-grid-item-1-12 {
  grid-column: span 1;
}
.cee-grid-item-2-12 {
  grid-column: span 2;
}
.cee-grid-item-3-12 {
  grid-column: span 3;
}
.cee-grid-item-4-12 {
  grid-column: span 4;
}
.cee-grid-item-5-12 {
  grid-column: span 5;
}
.cee-grid-item-6-12 {
  grid-column: span 6;
}
.cee-grid-item-7-12 {
  grid-column: span 7;
}
.cee-grid-item-8-12 {
  grid-column: span 8;
}
.cee-grid-item-9-12 {
  grid-column: span 9;
}
.cee-grid-item-10-12 {
  grid-column: span 10;
}
.cee-grid-item-11-12 {
  grid-column: span 11;
}
.cee-grid-item-12-12 {
  grid-column: span 12;
}
.cee-page {
  display: flex;
}
.cee-side-nav {
  max-width: 3rem;
}
.cee-page-content {
  grid-gap: 0;
  grid-template-areas: "header header header header header header header header header header header header" "sidebar sidebar sidebar chatheader chatheader chatheader chatheader chatheader chatheader chatheader chatheader chatheader" "sidebar sidebar sidebar chatmessage chatmessage chatmessage chatmessage chatmessage chatmessage chatutil chatutil chatutil";
  grid-template-rows: auto 50px 1fr;
}
.cee-header {
  grid-area: header;
}
.cee-sidebar {
  grid-area: sidebar;
  border-right: 2px solid #f2f4f5;
  height: calc(100vh - 50px);
}
.has-banner .cee-sidebar {
  height: calc(100vh - 91px);
}
.cee-theme-dark .cee-sidebar {
  border-right: 2px solid #191919;
}
.cee-chatheader {
  grid-area: chatheader;
}
.cee-chatmessage {
  grid-area: chatmessage;
  border-left: 1px solid #fff;
  height: calc(100vh - 100px);
}
.has-banner .cee-chatmessage {
  height: calc(100vh - 141px);
}
.cee-theme-dark .cee-chatmessage {
  border-left: 1px solid #000;
}
.cee-chatutil {
  grid-area: chatutil;
  border-left: 1px solid #fff;
  height: calc(100vh - 100px);
}
.has-banner .cee-chatutil {
  height: calc(100vh - 141px);
}
.cee-theme-dark .cee-chatutil {
  border-left: 1px solid #000;
}
.cee-icon {
  width: 14px;
  height: 14px;
  color: inherit;
  fill: currentColor;
}
.cee-icon--secondary {
  fill: #0272b6;
}
.cee-theme-dark .cee-icon--secondary {
  fill: #2b9cd8;
}
.cee-icon--success {
  fill: #058744;
}
.cee-theme-dark .cee-icon--success {
  fill: #47c684;
}
.cee-icon--xs {
  width: 8px;
  height: 8px;
}
.cee-icon--sm {
  width: 10px;
  height: 10px;
}
.cee-icon--md {
  width: 16px;
  height: 16px;
}
.cee-icon--lg {
  width: 20px;
  height: 20px;
}
.cee-list--unstyled {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* stylelint-disable no-descending-specificity */
::-webkit-scrollbar {
  width: 0.625rem;
  height: 0.625rem;
}
::-webkit-scrollbar-track {
  background: #ebeef0;
}
.cee-theme-dark ::-webkit-scrollbar-track {
  background: #2a2c2d;
}
::-webkit-scrollbar-button,
::-webkit-scrollbar-button:single-button {
  width: 0.625rem;
  height: 0.625rem;
  background: #ebeef0;
}
.cee-theme-dark ::-webkit-scrollbar-button,
.cee-theme-dark ::-webkit-scrollbar-button:single-button {
  background: #2a2c2d;
}
/* Buttons */
::-webkit-scrollbar-button:single-button {
  display: block;
  border-style: solid;
  height: 0.625rem;
  width: 0.625rem;
  background: #ebeef0;
}
.cee-theme-dark ::-webkit-scrollbar-button:single-button {
  background: #2a2c2d;
}
/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #44484c transparent;
}
.cee-theme-dark ::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-color: transparent transparent #b1b9bf transparent;
}
/* Down */
::-webkit-scrollbar-button:single-button:vertical:increment {
  border-width: 5px 5px 0 5px;
  border-color: #44484c transparent transparent transparent;
}
.cee-theme-dark ::-webkit-scrollbar-button:single-button:vertical:increment {
  border-color: #b1b9bf transparent transparent transparent;
}
::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #868f96;
}
.cee-theme-dark ::-webkit-scrollbar-thumb {
  background: #868f96;
}
/* enable */
/* Component Styles */
/* ----------------------------------------------*\
    #BASE
\*---------------------------------------------- */
/**
 	This file contains variables that are dependencies
 	for the modules that follow. Need to ensure that
 	these are included first.
 */
/* Breakpoints */
/* ------------------------------------*\
    #UTILITY-FUNCTIONS
\*------------------------------------ */
/* ------------------------------------*\
    #SCREEN-WIDTH
\*------------------------------------ */
/* ----------------------------------------------*\
    Pointers
\*---------------------------------------------- */
/* ------------------------------------*\
    #TOOLTIP-CONTENT
\*------------------------------------ */
/**************************************************   */
/* SWATCH_VAR           | SWATCH_HEX
/ ***************************************************/
/* ----------------------------------------------*\
    #BASE
\*---------------------------------------------- */
/**
 	This file contains variables that are dependencies
 	for the modules that follow. Need to ensure that
 	these are included first.
 */
/* Breakpoints */
/* ------------------------------------*\
    #UTILITY-FUNCTIONS
\*------------------------------------ */
/* ------------------------------------*\
    #SCREEN-WIDTH
\*------------------------------------ */
/* ----------------------------------------------*\
    Pointers
\*---------------------------------------------- */
/* ------------------------------------*\
    #TOOLTIP-CONTENT
\*------------------------------------ */
/**************************************************   */
/* SWATCH_VAR           | SWATCH_HEX
/ ***************************************************/
/* stylelint-disable no-descending-specificity */
.cee-tooltip-wrapper {
  position: relative;
}
.cee-tooltip-content {
  font-family: "XfinityStandard";
  font-weight: 400;
  font-size: 0.875rem;
  color: #000;
  padding: 4px 8px;
  min-width: 75px;
  max-width: 300px;
  text-align: center;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%);
  display: block;
  position: absolute;
  border-radius: 2px;
  color: #fff;
  background: #2f3845;
  z-index: 10;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
}
.cee-theme-dark .cee-tooltip-content {
  color: #fff;
}
.cee-theme-dark .cee-tooltip-content {
  color: #000;
  background: #e6eaed;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.8);
}
.cee-theme-dark .cee-tooltip-content.cee-tooltip-content--error {
  color: #fff;
  background: #d2453d;
}
.cee-tooltip-content.cee-tooltip-content--error {
  background: #b1150c;
}
.cee-tooltip-content.cee-tooltip-content--left {
  left: auto;
  right: calc(100% + 8px);
  bottom: 50%;
  top: auto;
  transform: translateX(0) translateY(50%);
}
.cee-tooltip-content.cee-tooltip-content--right {
  left: calc(100% + 8px);
  right: auto;
  bottom: 50%;
  top: auto;
  transform: translateX(0) translateY(50%);
}
.cee-tooltip-content.cee-tooltip-content--bottom {
  left: 50%;
  right: auto;
  bottom: auto;
  top: calc(100% + 8px);
}
.cee-tooltip-content.cee-language-tooltip-content {
  transform: translate(-20px, -10px);
}
.cee-tooltip-content.cee-language-tooltip-content.cee-tooltip-content--left {
  transform: translate(20px, -10px);
}
.cee-tooltip-content.cee-language-tooltip-content.cee-tooltip-content--right {
  transform: translate(-20px, -10px);
}
.cee-tooltip-content-text {
  font-size: 0.875rem;
  font-weight: 700;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.cee-tooltip-content-supplementary {
  font-size: 0.75rem;
  margin: 2px 0 0;
  color: #c7cdd2;
}
.cee-theme-dark .cee-tooltip-content-supplementary {
  color: #646a70;
}
/* stylelint-enable */
.cee-btn {
  padding: 8px 16px;
  font-family: XfinityStandard, Arial, Helvetica, sans-serif;
  position: relative;
  cursor: pointer;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5;
}
.cee-btn:focus-visible {
  outline: none;
}
.cee-btn:focus-visible::after {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
  border-radius: 2px;
  border: 1px solid #0272b6;
}
.cee-theme-dark .cee-btn:focus-visible::after {
  border: 1px solid #0272b6;
}
.cee-btn--primary {
  background: #0272b6;
  color: #fff;
  border-radius: 25px;
}
.cee-btn--primary:hover, .cee-btn--primary:focus-visible {
  background: #00619a;
}
.cee-btn--primary:hover::after, .cee-btn--primary:focus-visible::after {
  border-radius: 25px;
  border-color: #00619a;
}
.cee-btn--primary:active {
  background: #005080;
}
.cee-btn--primary[disabled], .cee-btn--primary:disabled {
  background: #9ba4aa;
  cursor: not-allowed;
}
.cee-theme-dark .cee-btn--primary {
  background: #0272b6;
}
.cee-theme-dark .cee-btn--primary:hover, .cee-theme-dark .cee-btn--primary:focus-visible {
  background: #2b9cd8;
}
.cee-theme-dark .cee-btn--primary:hover::after, .cee-theme-dark .cee-btn--primary:focus-visible::after {
  border-color: #2b9cd8;
}
.cee-theme-dark .cee-btn--primary:active {
  background: #4cc2ff;
}
.cee-theme-dark .cee-btn--primary[disabled], .cee-theme-dark .cee-btn--primary:disabled {
  background: #44484c;
}
.cee-btn--secondary {
  background: none;
  border: 1px solid #0272b6;
  color: #0272b6;
  border-radius: 25px;
}
.cee-btn--secondary:hover, .cee-btn--secondary:focus-visible {
  color: #00619a;
  border-color: #00619a;
}
.cee-btn--secondary:hover::after, .cee-btn--secondary:focus-visible::after {
  border-radius: 25px;
  border-color: #00619a;
}
.cee-btn--secondary:active {
  color: #004066;
  border-color: #004066;
}
.cee-btn--secondary[disabled], .cee-btn--secondary:disabled {
  color: #9ba4aa;
  border-color: #9ba4aa;
  cursor: not-allowed;
}
.cee-theme-dark .cee-btn--secondary {
  border: 1px solid #2b9cd8;
  color: #2b9cd8;
}
.cee-theme-dark .cee-btn--secondary:hover, .cee-theme-dark .cee-btn--secondary:focus-visible {
  color: #47b4ed;
  border-color: #47b4ed;
}
.cee-theme-dark .cee-btn--secondary:hover::after, .cee-theme-dark .cee-btn--secondary:focus-visible::after {
  border-color: #2b9cd8;
}
.cee-theme-dark .cee-btn--secondary:active {
  color: #4cc2ff;
  border-color: #4cc2ff;
}
.cee-theme-dark .cee-btn--secondary[disabled], .cee-theme-dark .cee-btn--secondary:disabled {
  color: #c7cdd2;
  border-color: #c7cdd2;
}
.cee-btn--link {
  padding: 4px 8px;
  background: none;
  border-radius: 0;
  color: #0272b6;
}
.cee-btn--link:hover, .cee-btn--link:focus-visible {
  color: #00619a;
}
.cee-btn--link:hover::after, .cee-btn--link:focus-visible::after {
  border-radius: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-color: #00619a;
}
.cee-btn--link[disabled], .cee-btn--link:disabled {
  color: #9ba4aa;
  cursor: not-allowed;
}
.cee-theme-dark .cee-btn--link {
  color: #2b9cd8;
}
.cee-theme-dark .cee-btn--link:hover, .cee-theme-dark .cee-btn--link:focus-visible {
  color: #47b4ed;
}
.cee-theme-dark .cee-btn--link:hover::after, .cee-theme-dark .cee-btn--link:focus-visible::after {
  border-radius: 2px;
  border-color: #2b9cd8;
}
.cee-theme-dark .cee-btn--link[disabled], .cee-theme-dark .cee-btn--link:disabled {
  color: #c7cdd2;
}
.cee-btn--dropdown-item {
  background: none;
  border-radius: 0;
  display: block;
  width: 100%;
  text-align: left;
  font-weight: 400;
  word-break: break-all;
}
.cee-btn--dropdown-item:hover, .cee-btn--dropdown-item:focus-visible {
  background: rgba(43, 156, 216, 0.1);
}
.cee-btn--dropdown-item:hover::after, .cee-btn--dropdown-item:focus-visible::after {
  border-radius: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-color: #00619a;
}
.cee-btn--dropdown-item[disabled], .cee-btn--dropdown-item:disabled {
  color: #9ba4aa;
  background: none;
  cursor: not-allowed;
}
.cee-theme-dark .cee-btn--dropdown-item {
  color: #fff;
}
.cee-theme-dark .cee-btn--dropdown-item:hover, .cee-theme-dark .cee-btn--dropdown-item:focus-visible {
  background: #2a2c2d;
}
.cee-theme-dark .cee-btn--dropdown-item:hover::after, .cee-theme-dark .cee-btn--dropdown-item:focus-visible::after {
  border-radius: 2px;
  border-color: #2b9cd8;
}
.cee-theme-dark .cee-btn--dropdown-item[disabled], .cee-theme-dark .cee-btn--dropdown-item:disabled {
  color: #c7cdd2;
  background: none;
}
.cee-btn--icon-filled {
  padding: 4px 8px;
  background: #c7cdd2;
  border-radius: 50%;
  padding: 0;
  margin: 0;
  height: 30px;
  width: 30px;
}
.cee-btn--icon-filled svg {
  top: 7px;
  left: 8px;
  width: 14px;
  height: 14px;
  position: absolute;
}
.cee-btn--icon-filled.cee-btn--secondary {
  background: none;
  color: #0272b6;
  border: 1px solid #0272b6;
}
.cee-btn--icon-filled.cee-btn--secondary:hover, .cee-btn--icon-filled.cee-btn--secondary:focus-visible {
  background: none;
  color: #00619a;
  border-color: #00619a;
}
.cee-btn--icon-filled:hover, .cee-btn--icon-filled:focus-visible {
  background: #dde2e6;
}
.cee-btn--icon-filled[disabled], .cee-btn--icon-filled:disabled {
  color: #9ba4aa;
  cursor: not-allowed;
}
.cee-theme-dark .cee-btn--icon-filled {
  color: #fff;
  background: #646a70;
}
.cee-theme-dark .cee-btn--icon-filled.cee-btn--secondary {
  color: #2b9cd8;
  background: none;
}
.cee-theme-dark .cee-btn--icon-filled.cee-btn--secondary:hover, .cee-theme-dark .cee-btn--icon-filled.cee-btn--secondary:focus-visible {
  border-color: #47b4ed;
  background: none;
}
.cee-theme-dark .cee-btn--icon-filled:hover, .cee-theme-dark .cee-btn--icon-filled:focus-visible {
  background: #44484c;
}
.cee-theme-dark .cee-btn--icon-filled[disabled], .cee-theme-dark .cee-btn--icon-filled:disabled {
  color: #c7cdd2;
}
.cee-btn--sm {
  padding: 8px 16px;
}
.cee-btn--md {
  padding: 12px 24px;
}
.cee-btn--lg {
  padding: 16px 32px;
}
.cee-tag {
  font-family: "XfinityStandard";
  font-weight: 500;
  font-size: 0.75rem;
  color: #646a70;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 2px 4px;
  border-radius: 3px;
  color: #000;
  background: none;
}
.cee-theme-dark .cee-tag {
  color: #c7cdd2;
}
.cee-theme-dark .cee-tag {
  color: #fff;
}
.cee-tag--primary {
  background: #0272b6;
  color: #fff;
}
.cee-tag--secondary {
  background: #c7cdd2;
  color: #000;
}
.cee-theme-dark .cee-tag--secondary {
  color: #000;
  background: #c7cdd2;
}
.cee-tag--small {
  font-size: 0.625rem;
}
.cee-tag--label {
  background: #646a70;
  color: #fff;
}
.cee-theme-dark .cee-tag--label {
  background: #c7cdd2;
  color: #000;
}
.cee-tag--tertiary {
  position: relative;
  border-radius: 2px;
  font-size: 0.5625rem;
  font-weight: bold;
  left: 4px;
  padding: 1px 4px 1px 3px;
  background: #2a2c2d;
  color: #fff;
}
.cee-theme-dark .cee-tag--tertiary {
  color: #000;
  background: #c7cdd2;
}
.cee-tag--tertiary:after {
  content: "";
  position: absolute;
  left: -4px;
  bottom: 0px;
  height: 14px;
  width: 0;
  border-right: 5px solid #2a2c2d;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-radius: 1px 2px 2px 1px;
}
.cee-theme-dark .cee-tag--tertiary:after {
  border-right: 5px solid #c7cdd2;
}
.cee-tag--system-success {
  background: #058744;
  color: #fff;
}
.cee-theme-dark .cee-tag--system-success {
  background: #47c684;
  color: #000;
}
.cee-tag--system-warn {
  background: #e29d1a;
  color: #000;
}
.cee-theme-dark .cee-tag--system-warn {
  background: #ffd871;
  color: #000;
}
.cee-tag--system-critical {
  background: #b1150c;
  color: #fff;
}
.cee-theme-dark .cee-tag--system-critical {
  background: #ff9271;
  color: #000;
}
/* ----------------------------------------------*\
    #BASE
\*---------------------------------------------- */
/**
 	This file contains variables that are dependencies
 	for the modules that follow. Need to ensure that
 	these are included first.
 */
/* Breakpoints */
/* ------------------------------------*\
    #UTILITY-FUNCTIONS
\*------------------------------------ */
/* ------------------------------------*\
    #SCREEN-WIDTH
\*------------------------------------ */
/* ----------------------------------------------*\
    Pointers
\*---------------------------------------------- */
/* ------------------------------------*\
    #TOOLTIP-CONTENT
\*------------------------------------ */
/**************************************************   */
/* SWATCH_VAR           | SWATCH_HEX
/ ***************************************************/
/* ----------------------------------------------*\
   Select Component
\*---------------------------------------------- */
.cee-form-select {
  position: relative;
  background: #fff;
  border: 1px solid #868f96;
  border-radius: 2px;
  line-height: 1;
}
.cee-form-select.cee-new-style {
  border-radius: 8px;
}
.cee-form-select.cee-new-style select {
  border-radius: 8px;
}
.cee-theme-dark .cee-form-select.cee-new-style select.is-placeholder {
  color: #9ba4aa;
}
.cee-form-select.cee-new-style .cee-form-select-icon .cee-icon {
  right: 12px;
  width: 12px;
}
.cee-form-select .cee-icon {
  pointer-events: none;
  position: absolute;
  right: 8px;
  top: 0;
  width: 12px;
  height: 100%;
  fill: #0272b6;
}
.cee-form-select .cee-form-select-icon--prepend .cee-icon {
  left: 4px;
  width: 28px;
}
.cee-form-select select.is-placeholder {
  font-style: italic;
  color: #44484c;
}
.cee-theme-dark .cee-form-select select.is-placeholder {
  color: #b1b9bf;
}
.cee-form-select select.is-placeholder option {
  font-style: normal;
  font-family: "XfinityStandard";
  font-weight: 400;
  font-size: 0.875rem;
  color: #000;
}
.cee-theme-dark .cee-form-select select.is-placeholder option {
  color: #fff;
}
.cee-form-select .cee-form-select--dismiss {
  position: absolute;
  right: 0px;
  top: 0;
  width: 32px;
  pointer-events: auto;
  height: 100%;
  background: none;
  border: none;
}
.cee-form-select .cee-form-select--dismiss .cee-icon {
  width: 28px;
  right: 2px;
}
.cee-form-select.has-icon {
  padding-left: 20px;
}
.cee-form-select select {
  font-family: "XfinityStandard";
  font-weight: 400;
  font-size: 0.875rem;
  color: #000;
  padding: 12px;
  color: #000;
  font-family: XfinityStandard, Arial, Helvetica, sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background: none;
  width: 100%;
  min-width: 200px;
}
.cee-theme-dark .cee-form-select select {
  color: #fff;
}
.cee-form-select select:focus {
  outline: none;
}
.cee-form-select select:focus-visible {
  outline: 2px solid #0272b6;
}
.cee-form-select option {
  padding: 0 12px;
}
.cee-form-select.has-error {
  border: 2px solid #b1150c;
}
.disabled .cee-form-select {
  pointer-events: none;
  background-color: #e6eaed;
  border-color: #c7cdd2;
}
.disabled .cee-form-select select {
  color: #9ba4aa;
  font-style: italic;
}
.cee-theme-dark .disabled .cee-form-select {
  background-color: #44484c;
  border-color: #646a70;
}
.cee-theme-dark .disabled .cee-form-select select {
  color: #868f96;
}
.cee-theme-dark .cee-form-select {
  background: #000;
  border: 1px solid #646a70;
}
.cee-theme-dark .cee-form-select select {
  background: #000;
}
.cee-theme-dark .cee-form-select select:focus-visible {
  outline: 2px solid #2b9cd8;
}
.cee-theme-dark .cee-form-select .cee-icon {
  fill: #2b9cd8;
}
.cee-theme-dark .cee-form-select.has-error {
  border: 2px solid #ff9271;
}
.cee-form-label.cee-new-style {
  font-family: "DMSans";
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 16px;
}
.cee-theme-dark .cee-form-label.cee-new-style {
  color: #c7cdd2;
}
/* ----------------------------------------------*\
    #BASE
\*---------------------------------------------- */
/**
 	This file contains variables that are dependencies
 	for the modules that follow. Need to ensure that
 	these are included first.
 */
/* Breakpoints */
/* ------------------------------------*\
    #UTILITY-FUNCTIONS
\*------------------------------------ */
/* ------------------------------------*\
    #SCREEN-WIDTH
\*------------------------------------ */
/* ----------------------------------------------*\
    Pointers
\*---------------------------------------------- */
/* ------------------------------------*\
    #TOOLTIP-CONTENT
\*------------------------------------ */
/**************************************************   */
/* SWATCH_VAR           | SWATCH_HEX
/ ***************************************************/
.cee-tab-group {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e6eaed;
}
.cee-theme-dark .cee-tab-group {
  border-bottom: 1px solid #2a2c2d;
}
.cee-tab-button {
  font-family: "XfinityStandard";
  font-weight: 400;
  font-size: 0.875rem;
  color: #000;
  cursor: pointer;
  display: inline-flex;
  padding: 12px 16px;
  font-weight: 300;
  color: #44484c;
  background: none;
  border: none;
}
.cee-theme-dark .cee-tab-button {
  color: #fff;
}
.cee-tab-button.cee-tab-dropdown-button {
  padding-right: 4px;
}
.cee-tab-button .cee-icon.cee-notification-icon {
  width: 6px;
  height: 6px;
  color: #b1150c;
  position: absolute;
}
.cee-theme-dark .cee-tab-button .cee-icon.cee-notification-icon {
  color: #ff9271;
}
.cee-tab-toggle {
  border-bottom: 2px solid transparent;
  position: relative;
  background: none;
  border: none;
  display: inline-block;
}
.cee-tab-toggle[hidden] {
  display: none;
}
.cee-tab-toggle .cee-dropdown-menu-wrapper {
  position: inherit;
}
.cee-tab-toggle .cee-dropdown-menu {
  left: 0;
  top: 46px;
  padding: 0;
}
.cee-tab-toggle .cee-btn:not(.cee-dropdown-toggle) .cee-icon {
  top: 1px;
  position: relative;
}
.cee-tab-toggle .cee-dropdown-toggle {
  background: none;
  border: none;
  padding: 11px 12px 9px 0px;
  margin: 0;
}
.cee-tab-toggle .cee-dropdown-toggle.cee-btn:focus::after {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0;
}
.cee-tab-toggle .cee-dropdown-toggle .cee-icon {
  height: 20px;
  padding: 4px;
  border-radius: 1px;
}
.cee-tab-toggle .cee-dropdown-toggle:hover .cee-icon {
  background: #e6eaed;
}
.cee-theme-dark .cee-tab-toggle .cee-dropdown-toggle:hover .cee-icon {
  background: #191919;
}
.cee-theme-dark .cee-tab-toggle .cee-dropdown-toggle {
  background: none;
}
.cee-tab-toggle.active {
  color: #000;
  border-bottom: 4px solid #0272b6;
  font-weight: 400;
}
.cee-tab-toggle:hover, .cee-tab-toggle:focus {
  border-bottom: 4px solid rgba(2, 114, 182, 0.25);
  color: #2a2c2d;
}
.cee-tab-toggle.active:hover, .cee-tab-toggle.active:focus {
  border-bottom-color: #00619a;
  color: #000;
}
.cee-theme-dark .cee-tab-toggle {
  color: #c7cdd2;
}
.cee-theme-dark .cee-tab-toggle.active {
  color: #fff;
  border-bottom-color: #2b9cd8;
}
.cee-theme-dark .cee-tab-toggle:hover, .cee-theme-dark .cee-tab-toggle:focus {
  border-bottom: 4px solid rgba(43, 156, 216, 0.5);
  color: #e6eaed;
}
.cee-theme-dark .cee-tab-toggle.active:hover, .cee-theme-dark .cee-tab-toggle.active:focus {
  border-bottom-color: #47b4ed;
  color: #fff;
}
.cee-tab-toggle.cee-tab-toggle--0:hover, .cee-tab-toggle.cee-tab-toggle--0:focus {
  border-bottom-color: rgba(204, 0, 122, 0.5);
}
.cee-tab-toggle.cee-tab-toggle--0.active {
  border-bottom-color: #cc007a;
}
.cee-tab-toggle.cee-tab-toggle--0.active:hover, .cee-tab-toggle.cee-tab-toggle--0.active:focus {
  border-bottom-color: #cc007a;
}
.cee-theme-dark .cee-tab-toggle.cee-tab-toggle--0:hover, .cee-theme-dark .cee-tab-toggle.cee-tab-toggle--0:focus {
  border-bottom-color: rgba(255, 99, 141, 0.5);
}
.cee-theme-dark .cee-tab-toggle.cee-tab-toggle--0.active {
  border-bottom-color: #ff638d;
}
.cee-theme-dark .cee-tab-toggle.cee-tab-toggle--0.active:hover, .cee-theme-dark .cee-tab-toggle.cee-tab-toggle--0.active:focus {
  border-bottom-color: #ff638d;
}
.cee-tab-toggle.cee-tab-toggle--1:hover, .cee-tab-toggle.cee-tab-toggle--1:focus {
  border-bottom-color: rgba(142, 38, 162, 0.5);
}
.cee-tab-toggle.cee-tab-toggle--1.active {
  border-bottom-color: #8e26a2;
}
.cee-tab-toggle.cee-tab-toggle--1.active:hover, .cee-tab-toggle.cee-tab-toggle--1.active:focus {
  border-bottom-color: #8e26a2;
}
.cee-theme-dark .cee-tab-toggle.cee-tab-toggle--1:hover, .cee-theme-dark .cee-tab-toggle.cee-tab-toggle--1:focus {
  border-bottom-color: rgba(188, 67, 211, 0.5);
}
.cee-theme-dark .cee-tab-toggle.cee-tab-toggle--1.active {
  border-bottom-color: #bc43d3;
}
.cee-theme-dark .cee-tab-toggle.cee-tab-toggle--1.active:hover, .cee-theme-dark .cee-tab-toggle.cee-tab-toggle--1.active:focus {
  border-bottom-color: #bc43d3;
}
.cee-tab-toggle.cee-tab-toggle--2:hover, .cee-tab-toggle.cee-tab-toggle--2:focus {
  border-bottom-color: rgba(14, 115, 108, 0.5);
}
.cee-tab-toggle.cee-tab-toggle--2.active {
  border-bottom-color: #0e736c;
}
.cee-tab-toggle.cee-tab-toggle--2.active:hover, .cee-tab-toggle.cee-tab-toggle--2.active:focus {
  border-bottom-color: #0e736c;
}
.cee-theme-dark .cee-tab-toggle.cee-tab-toggle--2:hover, .cee-theme-dark .cee-tab-toggle.cee-tab-toggle--2:focus {
  border-bottom-color: rgba(30, 226, 201, 0.5);
}
.cee-theme-dark .cee-tab-toggle.cee-tab-toggle--2.active {
  border-bottom-color: #1ee2c9;
}
.cee-theme-dark .cee-tab-toggle.cee-tab-toggle--2.active:hover, .cee-theme-dark .cee-tab-toggle.cee-tab-toggle--2.active:focus {
  border-bottom-color: #1ee2c9;
}
.cee-tab-toggle.cee-tab-toggle--3:hover, .cee-tab-toggle.cee-tab-toggle--3:focus {
  border-bottom-color: rgba(217, 108, 0, 0.5);
}
.cee-tab-toggle.cee-tab-toggle--3.active {
  border-bottom-color: #d96c00;
}
.cee-tab-toggle.cee-tab-toggle--3.active:hover, .cee-tab-toggle.cee-tab-toggle--3.active:focus {
  border-bottom-color: #d96c00;
}
.cee-theme-dark .cee-tab-toggle.cee-tab-toggle--3:hover, .cee-theme-dark .cee-tab-toggle.cee-tab-toggle--3:focus {
  border-bottom-color: rgba(255, 167, 0, 0.5);
}
.cee-theme-dark .cee-tab-toggle.cee-tab-toggle--3.active {
  border-bottom-color: #ffa700;
}
.cee-theme-dark .cee-tab-toggle.cee-tab-toggle--3.active:hover, .cee-theme-dark .cee-tab-toggle.cee-tab-toggle--3.active:focus {
  border-bottom-color: #ffa700;
}
.cee-tab-toggle.cee-tab-toggle--4:hover, .cee-tab-toggle.cee-tab-toggle--4:focus {
  border-bottom-color: rgba(64, 58, 166, 0.5);
}
.cee-tab-toggle.cee-tab-toggle--4.active {
  border-bottom-color: #403aa6;
}
.cee-tab-toggle.cee-tab-toggle--4.active:hover, .cee-tab-toggle.cee-tab-toggle--4.active:focus {
  border-bottom-color: #403aa6;
}
.cee-theme-dark .cee-tab-toggle.cee-tab-toggle--4:hover, .cee-theme-dark .cee-tab-toggle.cee-tab-toggle--4:focus {
  border-bottom-color: rgba(116, 116, 242, 0.5);
}
.cee-theme-dark .cee-tab-toggle.cee-tab-toggle--4.active {
  border-bottom-color: #7474f2;
}
.cee-theme-dark .cee-tab-toggle.cee-tab-toggle--4.active:hover, .cee-theme-dark .cee-tab-toggle.cee-tab-toggle--4.active:focus {
  border-bottom-color: #7474f2;
}
.cee-tab-toggle.cee-tab-toggle--5:hover, .cee-tab-toggle.cee-tab-toggle--5:focus {
  border-bottom-color: rgba(15, 98, 145, 0.5);
}
.cee-tab-toggle.cee-tab-toggle--5.active {
  border-bottom-color: #0f6291;
}
.cee-tab-toggle.cee-tab-toggle--5.active:hover, .cee-tab-toggle.cee-tab-toggle--5.active:focus {
  border-bottom-color: #0f6291;
}
.cee-theme-dark .cee-tab-toggle.cee-tab-toggle--5:hover, .cee-theme-dark .cee-tab-toggle.cee-tab-toggle--5:focus {
  border-bottom-color: rgba(74, 177, 193, 0.5);
}
.cee-theme-dark .cee-tab-toggle.cee-tab-toggle--5.active {
  border-bottom-color: #4ab1c1;
}
.cee-theme-dark .cee-tab-toggle.cee-tab-toggle--5.active:hover, .cee-theme-dark .cee-tab-toggle.cee-tab-toggle--5.active:focus {
  border-bottom-color: #4ab1c1;
}
.cee-tab-content {
  display: none;
}
.cee-tab-content.active {
  display: block;
}

/*# sourceMappingURL=styles.css.map*/