@charset "UTF-8";
.sdds-header {
  background-color: var(--sdds-blue-900);
  height: 64px;
  width: 100%;
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 4rem;
  box-sizing: content-box;
  flex-direction: row;
  justify-content: space-between;
}

.sdds-header .scania-symbol {
  padding: 16px 40px;
  background: url("../images/symbol.png");
  background-size: 30px auto;
  background-position: center;
  background-repeat: no-repeat;
}

.sdds-header .header-container {
  display: flex;
}

.sdds-header .header-title {
  color: var(--sdds-white);
  align-self: center;
  padding-left: 6px;
  font-size: 14px;
  font-family: 'Scania Sans Headline';
}

.sdds-scania-wordmark {
  padding: 10px 24px 24px 24px;
  border-right: 1px solid var(--sdds-blue-700);
  margin-right: 18px;
  margin-top: 14px;
  margin-bottom: 14px;
  line-height: 0;
}

.main-container {
  display: flex;
  flex-direction: row;
  height: 100%;
}


.main-container>div {
  width: 445px;
  width: 445px;
  padding-left: 30px;
  padding: 0 30px 56px 30px;
}

h4.error {
  color: var(--sdds-red-500);
}

.sdds-divider-light {
  width: 100%;
  margin-bottom: 25px;
}

.banner-image {
  background-image: url('../images/18317-001.jpg');
  flex-grow: 1;
  background-position: center;
  background-size: cover;
}

.sdds-card {
  margin-top: 15px;
}

.sdds-card.disabled {
  color: var(--sdds-grey-50);
  border-color: var(--sdds-grey-50);
  background-color: var(--sdds-grey-50);
  opacity: 0.7;
}

.sdds-card.disabled a {
  pointer-events: none;
  cursor: not-allowed;
}

.sdds-card:hover {
  cursor: pointer;
  background-color: var(--sdds-grey-50);
}

.sdds-card>a {
  text-decoration: none;
}

.sdds-btn {
  width: 100%;
}

.button-wrapper {
  padding-top: 16px;
  padding-bottom: 16px
}

sdds-dropdown {
  display: block;
}

.text-field-wrapper {
  width: 100%;
  margin-top: 6px;
  margin-bottom: 24px;
  position: relative;
}


.sdds-textfield-input {
  border-color: var(--sdds-grey-50);
  background-color: var(--sdds-grey-50);
  border-radius: 4px 4px 0px 0px;
  font-size: 16px;
  border-bottom: 1px solid var(--sdds-grey-900);
}

input:focus {
  border-bottom: 2px solid #4A89F3;
  margin-bottom: -1px;
}

ul,
li {
  padding-top: 4px;
  padding-bottom: 4px;
}

ol {
  padding-left: 15px;
  padding-bottom: 15px
}

.bs-callout {
  border-left: 4px solid;
  margin: 25px 0;
  padding: 16px;
  font-size: 14px;
}

.bs-callout-info {
  border-color: var(--sdds-blue-500);
}

.bs-callout-warning {
  border-color: var(--sdds-orange-500);
}

.bs-callout-danger {
  border-color: var(--sdds-red-500);
}

.subtitled {
  margin-bottom: 8px;
}

.subtitle {
  color: #8B8379;
  font-size: 12px;
  line-height: 16px;
  font-style: italic;
  margin-bottom: 16px;
}

.character-counter {
  text-align: right;
  font-size: 12px;
}

.typed-characters::before {
  content: '('
}

.maximum-characters::after {
  content: ')'
}

.show-password {
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 16px;
}

.icon-check {
  display: inline-block;
  position: absolute;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  top: 24px;
  right: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='11' viewBox='0 0 17 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8399 0.299438C16.0847 0.542763 16.0859 0.93849 15.8426 1.18332C13.6584 3.38106 11.9113 5.1263 10.4348 6.59915C10.1665 6.86679 9.90717 7.12538 9.65583 7.37601C8.52361 8.50509 7.55319 9.47281 6.65192 10.3792C6.53478 10.4971 6.37556 10.5634 6.20943 10.5636C6.0433 10.5638 5.88393 10.4978 5.76653 10.3803L1.17003 5.77867C0.926084 5.53446 0.926303 5.13873 1.17052 4.89479C1.41473 4.65085 1.81046 4.65107 2.0544 4.89528L6.208 9.05348C6.98651 8.2726 7.8241 7.43734 8.774 6.49009C9.02515 6.23963 9.28415 5.98135 9.55198 5.71418C11.0279 4.24195 12.7735 2.49811 14.956 0.302159C15.1993 0.0573311 15.5951 0.056113 15.8399 0.299438Z' fill='%230D0F13'/%3E%3C/svg%3E%0A");
}
.password-tooltip {
  position: absolute;
  bottom: 30px;
  display: inline-block;
  right: -150%;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background-color: var(--sdds-grey-800);
  border-radius: 4px;
  padding: 6px;
  word-wrap: normal;
  white-space: nowrap;
  z-index: 20000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms ease-in, visibility 200ms ease-in;
}

.show-password.open:hover .password-tooltip-hide {
  visibility: visible;
  opacity: 1;
}

.show-password.closed:hover .password-tooltip-show {
  visibility: visible;
  opacity: 1;
}

.icon-show-password {
  display: inline-block;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.53868 10C3.21651 11.7764 5.53428 15 10 15C14.4658 15 16.7835 11.7764 17.4613 10C16.7835 8.22363 14.4658 5 10 5C5.53428 5 3.21651 8.22363 2.53868 10ZM1.28208 9.80237C1.95803 7.7745 4.63691 3.75 10 3.75C15.3631 3.75 18.042 7.7745 18.7179 9.80237C18.7607 9.93062 18.7607 10.0694 18.7179 10.1976C18.042 12.2255 15.3631 16.25 10 16.25C4.63691 16.25 1.95803 12.2255 1.28208 10.1976C1.23931 10.0694 1.23931 9.93062 1.28208 9.80237Z' fill='%230D0F13'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 8.125C8.96444 8.125 8.125 8.96444 8.125 10C8.125 11.0356 8.96444 11.875 10 11.875C11.0356 11.875 11.875 11.0356 11.875 10C11.875 8.96444 11.0356 8.125 10 8.125ZM6.875 10C6.875 8.27412 8.27412 6.875 10 6.875C11.7259 6.875 13.125 8.27412 13.125 10C13.125 11.7259 11.7259 13.125 10 13.125C8.27412 13.125 6.875 11.7259 6.875 10Z' fill='%230D0F13'/%3E%3C/svg%3E");
}

.icon-hide-password {
  display: inline-block;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3872 13.7355C17.6482 12.53 18.4019 11.1456 18.7179 10.1976C18.7607 10.0694 18.7607 9.93062 18.7179 9.80237C18.042 7.7745 15.3631 3.75 9.99999 3.75C8.84493 3.75 7.81436 3.93667 6.90149 4.24988L7.9078 5.25614C8.54486 5.09301 9.24143 5 9.99999 5C14.4657 5 16.7835 8.22363 17.4613 10C17.1562 10.7994 16.5191 11.8919 15.5035 12.8519L16.3872 13.7355Z' fill='%230D0F13'/%3E%3Cpath d='M13.0939 10.4423C13.1144 10.2978 13.125 10.1501 13.125 10C13.125 8.27413 11.7259 6.875 9.99999 6.875C9.84987 6.875 9.70218 6.88556 9.55768 6.90606L13.0939 10.4423Z' fill='%230D0F13'/%3E%3Cpath d='M6.90606 9.55774L10.4423 13.094C10.2978 13.1145 10.1501 13.1251 10 13.1251C8.27413 13.1251 6.875 11.7259 6.875 10.0001C6.875 9.84993 6.88556 9.70224 6.90606 9.55774Z' fill='%230D0F13'/%3E%3Cpath d='M4.4965 7.14815C3.4809 8.10809 2.84373 9.20059 2.53868 10C3.21651 11.7764 5.53428 15 10 15C10.7586 15 11.4551 14.907 12.0922 14.7439L13.0985 15.7502C12.1856 16.0633 11.1551 16.25 10 16.25C4.63691 16.25 1.95803 12.2255 1.28208 10.1977C1.23931 10.0694 1.23931 9.93065 1.28208 9.8024C1.59808 8.8544 2.3518 7.47003 3.61283 6.26453L4.4965 7.14815Z' fill='%230D0F13'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.43306 1.43306C1.67714 1.18898 2.07286 1.18898 2.31694 1.43306L18.5669 17.6831C18.811 17.9271 18.811 18.3229 18.5669 18.5669C18.3229 18.811 17.9271 18.811 17.6831 18.5669L1.43306 2.31694C1.18898 2.07286 1.18898 1.67714 1.43306 1.43306Z' fill='%230D0F13'/%3E%3C/svg%3E");
}

.validation-error {
  display: flex;
  font-size: 12px;
  line-height: 16px;
  padding: 4px 0 0 0;
  align-items: flex-start;
  gap: 4px;
  color: var(--sdds-red-500);
}

.validation-error:before {
  content: '';
  height: 16px;
  width: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99998 2.94547C4.68528 2.94547 1.99818 5.63256 1.99818 8.94727C1.99818 12.262 4.68528 14.9491 7.99998 14.9491C11.3147 14.9491 14.0018 12.262 14.0018 8.94727C14.0018 5.63256 11.3147 2.94547 7.99998 2.94547ZM0.999985 8.94727C0.999985 5.08127 4.13399 1.94727 7.99998 1.94727C11.866 1.94727 15 5.08127 15 8.94727C15 12.8133 11.866 15.9473 7.99998 15.9473C4.13399 15.9473 0.999985 12.8133 0.999985 8.94727Z' fill='%23FF2340'/%3E%3Cpath d='M7.40138 8.18051V5.94531H8.58938V8.18051L8.41338 10.3277H7.57738L7.40138 8.18051ZM7.37498 10.9965H8.62458V12.1933H7.37498V10.9965Z' fill='%23FF2340'/%3E%3C/svg%3E");
  margin-bottom: 1px
}

.input-error {
  /* background-color: var(--sdds-banner-bg-error); */
  border-bottom-color: var(--sdds-textfield-border-bottom-error);
}

.custom-dropdown select {
  height: 60px;
  width: 100%;
  outline: none;
  border: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: var(--sdds-blue-50);
  padding-left: 16px;
  color: var(--sdds-grey-900);
  border-bottom: 1px solid var(--sdds-blue-900);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

}

.custom-dropdown select * {
  padding: 8px 16px;
  border-bottom: 1px solid var(--sdds-grey-100);
}

::-ms-reveal {
  display: none;
}

.tooltiptext {
  visibility: visible;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  text-align: center;
  position: fixed;
  z-index: 1;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  width: 185px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 4px;
  border-radius: 6px;
  padding: 15px;
  bottom: 75px;
  right: 15px;
}

.tooltiptext.show{
  visibility: visible;
  opacity: 1;
}

.tooltiptext.hidden{
  visibility: hidden;
  opacity: 0;
}

.tooltiptext:hover {
  background-color: rgb(255, 255, 255);
}

.tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 80%;
  margin-left: -5px;
  border-width: 10px;
  border-style: solid;
  border-color: rgb(255, 255, 255) transparent transparent;
}

.close-icon{
  cursor: pointer;
}

.show{
  opacity: 1;
}

.hide{
  opacity: 0;
  z-index: -1 !important;
}

.contact-popup {
  display: flex;
  flex-direction: column;
  align-content: stretch;
  background-color: #f4f4f4;
  position: fixed;
  bottom: 60px;
  right: 70px;
  z-index: 100;
  width: 380px;
  height: auto;
  max-width: 350px;
  min-height: 250px;
  box-shadow: rgba(23, 73, 77, 0.15) 0px 20px 30px;
  border-radius: 4px;
  transition:  opacity 0.3s ease-out 0s;
  transition: opacity 0.3s ease-out 0s;
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  transition-delay: 0s;
  transition-property: opacity;
}

@media (max-width: 475px) {
  .contact-popup {
    display: flex;
    flex-direction: column;
    align-content: stretch;
    background-color: #f4f4f4;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    z-index: 100;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: auto;
    max-height: unset;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 4px;
    border-radius: 4px;
  }
}

.contact-popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-height: 64px;
  background-color: rgb(4, 30, 66);
  color: rgb(255, 255, 255);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 12px 20px;
  font-weight: 700;
}
.contact-popup-header > span {
  margin: 14px 0;
}

.toggle-popup{
  cursor: pointer;
}

.contact-icon {
  width: 20px;
  height: 20px;
}

.contact-icon > svg {
  width: 20px;
  height: 20px;
}

.icon-button:hover {
  opacity: 0.5;
}

.contact-popup-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  padding: 20px 20px 30px;
}

.contact-popup-message {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  margin-top: auto;
}

.contact-popup-message p {
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  margin: 0;
}

.contact-body-heading {
  font-size: 14px;
  font-family: 'Scania Sans';
  display: flex;
  flex-direction: column;
}

.text-smaller {
  font-size: 14px;
  opacity: 0.5;
}

.contact-popup-footer {
  display: flex;
  justify-content: flex-end;
  background-color: rgb(237, 239, 243);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 10px 25px;
}

.contact-popup-footer a {
  border-radius: 4px;
  width: 100%;
  text-decoration: none;
}

.contact-popup-cta {
  position: relative;
  width: 100%;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: rgb(0, 0, 0);
  gap: 5px;
  padding: 10px 12px;
}

.contact-popup-cta a:hover {
  background-color: #2b70d3;
  color: white;
  border-color: #2b70d3;
}

.contact-popup-cta a:hover svg path {
  fill: #fff;
}

.contact-icon-footer{
  margin-left: 10px;
}

.contact-button {
  background-color: #16417f;
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 24px;
  gap: 5px;
  right: 24px;
  border: none;
  outline: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease-out 0s;
  padding: 8px 12px;
  width: 44px;
  height: 36px;
}

.contact-button > i > svg.closed{
  display: none;
}

@media (max-width: 475px) {
  .contact-button {
    bottom: 28px;
    right: 16px;
  }

}

.contact-button:hover {
  background-color: #2b70d3;
}

@media only screen and (max-width: 992px) {
  .main-container {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
    justify-content: center;
  }

  .main-container>div {
    padding: 0 16px 56px 16px;
  }

  .banner-image {
    display: none;
  }

  .sdds-scania-wordmark {
    padding: 10px 12px 24px 12px;
    border-right: 1px solid var(--sdds-blue-700);
    margin-right: 8px;
    margin-top: 14px;
    margin-bottom: 14px;
    line-height: 0;
  }
}

.sdds-message {
  display: block;
  padding: 16px 32px 16px 20px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  color: var(--sdds-grey-958);
  background-color: var(--sdds-grey-50);
  margin-bottom: 12px;
  /* modifiers */
  /* types */
}

.sdds-message-single {
  font-family: "Scania Sans Semi Condensed", arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.01em;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  max-width: 486px;
}

.sdds-message-extended {
  font-family: "Scania Sans Semi Condensed", "Scania Sans Condensed", arial, helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.01em;
  margin-top: 4px !important;
  margin-bottom: 0 !important;
  max-width: 486px;
}

.sdds-message::before {
  content: " ";
  display: block;
  position: absolute;
  width: 4px;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: var(--sdds-information);
}

.sdds-message-icon {
  height: 20px;
  width: 20px;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.sdds-message-icon path {
  fill: var(--sdds-information);
}

.sdds-message__icon-active {
  padding: 18px 32px 18px 20px;
}

.sdds-message__icon-active .sdds-message-single,
.sdds-message__icon-active .sdds-message-extended {
  padding-left: 36px;
}

.sdds-message__extended-active .sdds-message-icon {
  top: 16px;
  left: 20px;
  transform: translateY(0%);
}

.sdds-message-minimal {
  background-color: transparent !important;
}

.sdds-message-minimal::before {
  display: none;
}

.sdds-message-minimal .sdds-message-single {
  font-family: "Scania Sans Semi Condensed", "Scania Sans Condensed", arial, helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.01em;
  font-weight: normal;
  padding-left: 8px;
}

.sdds-message-minimal .sdds-message-icon {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.sdds-message__type-informative {
  color: var(--sdds-grey-958);
  background-color: var(--sdds-grey-50);
}

.sdds-message__type-informative.sdds-message-ongrey {
  background-color: var(--sdds-white);
}

.sdds-message__type-informative::before {
  background-color: var(--sdds-information);
}

.sdds-message__type-informative .sdds-message-icon {
  display: none;
}

.sdds-message__type-informative .sdds-message-icon--informative {
  display: block;
}

.sdds-message__type-informative .sdds-message-icon path {
  fill: var(--sdds-information);
}

.sdds-message__type-error {
  color: var(--sdds-grey-958);
  background-color: var(--sdds-red-50);
}

.sdds-message__type-error::before {
  background-color: var(--sdds-negative);
}

.sdds-message__type-error .sdds-message-icon {
  display: none;
}

.sdds-message__type-error .sdds-message-icon--error {
  display: block;
}

.sdds-message__type-error .sdds-message-icon path {
  fill: var(--sdds-negative);
}

.sdds-message__type-warning {
  color: var(--sdds-grey-958);
  background-color: var(--sdds-grey-50);
}

.sdds-message__type-warning.sdds-message-ongrey {
  background-color: var(--sdds-white);
}

.sdds-message__type-warning::before {
  background-color: var(--sdds-warning);
}

.sdds-message__type-warning .sdds-message-icon {
  display: none;
}

.sdds-message__type-warning .sdds-message-icon--warning {
  display: block;
}

.sdds-message__type-warning .sdds-message-icon path {
  fill: var(--sdds-warning);
}

.sdds-message__type-success {
  color: var(--sdds-grey-958);
  background-color: var(--sdds-grey-50);
}

.sdds-message__type-success.sdds-message-ongrey {
  background-color: var(--sdds-white);
}

.sdds-message__type-success::before {
  background-color: var(--sdds-positive);
}

.sdds-message__type-success .sdds-message-icon {
  display: none;
}

.sdds-message__type-success .sdds-message-icon--success {
  display: block;
}

.sdds-message__type-success .sdds-message-icon path {
  fill: var(--sdds-positive);
}

@media only screen and (max-width: 475px) {
  .main-container>div {
    width: 100%
  }
}

#surveyContent > div > div > button{
  display: none;
}

.native-select--hidden {
  position: absolute!important;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
  white-space: nowrap;
  pointer-events: none
}

.cbx__btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .625rem .75rem;
  border: 1px solid #c7c7c7;
  border-radius: .375rem;
  background: #fff;
  cursor: pointer;
  font: inherit;
}

.cbx__caret {
  margin-left: .5rem;
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  right: .75rem;
  top: 50%
}

.cbx__panel {
  position: absolute;
  z-index: 50;
  margin-top: 1.5rem;
  min-width: 100%;
  background: #fff;
  border: 1px solid #c7c7c7;
  border-radius: .375rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
  display: none;
  max-height: 60vh;
  overflow: visible
}

.cbx__panel[data-open="true"] {
  display: block
}

.cbx__search {
  padding: .5rem;
  border-bottom: 1px solid #eee
}

.cbx__search input {
  width: 100%;
  padding: 2rem 0.625rem 2rem 3.5rem;
  border: 1px solid #c7c7c7;
  border-radius: .375rem;
  font: inherit
}

.cbx__list {
  display: block;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  max-height: 40rem;
  list-style: none;
  margin: 0;
  font-family: "Scania Sans Semi Condensed", "Scania Sans Condensed", arial, helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--sdds-grey-958);
  align-items: center;
  background-color: var(--sdds-dropdown-bg);
  cursor: default;
  transition: box-shadow 0.1s ease-in, border-bottom-color 150ms ease;
  border-radius: 1rem 1rem 0 0;
  border: none;
  border-bottom: 1px solid var(--sdds-grey-400);
  box-shadow: none;
  width: 100%;
  text-align: left;
  outline: none;
  padding: 1.5rem 1rem;
  appearance: none;
  background-repeat: no-repeat;
  background-position: right 16px center;
  border-bottom-color: var(--sdds-grey-800);
}

.cbx__option {
  padding: 2.5rem 1rem 2.5rem 3rem;
  align-items: center
}

.cbx__option[hidden] {
  display: none
}

.cbx__option:hover {
  background: #dcdddd;
}

.cbx__empty {
  padding: .75rem;
  color: #666
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}