react-cookie-kit/dist/xck-react-theme-overlay.css

GDPR / CCPA Easy Cookie, Script, Do-Not-Sell, and Fingerprint Consent Management for Websites.

.d-none {
  display: none !important; }

.xb-cookie-kit {
  font-family: Arial, Helvetica, sans-serif;
  position: fixed;
  display: flex;
  z-index: 100000;
  width: 100%;
  transition: opacity 1s ease-out;
  line-height: 1.5; }
  .xb-cookie-kit .button, .xb-cookie-kit button {
    border-radius: 0; }
  .xb-cookie-kit .button:hover, .xb-cookie-kit button:hover {
    background: none; }
  .xb-cookie-kit.top .xb-cookie-kit-overlay, .xb-cookie-kit.left_top .xb-cookie-kit-overlay, .xb-cookie-kit.right_top .xb-cookie-kit-overlay {
    top: 0;
    left: 0;
    right: 0; }
  .xb-cookie-kit.top, .xb-cookie-kit.right_top {
    top: 0;
    align-items: flex-start;
    justify-content: flex-end; }
  .xb-cookie-kit.left_top {
    top: 0;
    align-items: flex-start; }
  .xb-cookie-kit.bottom .xb-cookie-kit-overlay, .xb-cookie-kit.left_bottom .xb-cookie-kit-overlay, .xb-cookie-kit.right_bottom .xb-cookie-kit-overlay {
    bottom: 0;
    left: 0;
    right: 0; }
  .xb-cookie-kit.bottom, .xb-cookie-kit.right_bottom {
    bottom: 0;
    justify-content: flex-end; }
  .xb-cookie-kit.left_bottom {
    bottom: 0; }
  .xb-cookie-kit__button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit; }
  .xb-cookie-kit.transparent {
    opacity: 0; }
  .xb-cookie-kit.hide {
    display: none; }
  .xb-cookie-kit__cookie-button {
    width: 4vw;
    margin: 4px; }
  .xb-cookie-kit__reset-button {
    align-self: center;
    background: #505050;
    color: #fff;
    font-size: 12px;
    padding: 8px;
    border-radius: 4px !important;
    margin-left: 5px;
    margin-top: 5px; }
  .xb-cookie-kit__cookie-icon {
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    width: 4vw;
    height: 4vw; }
    .xb-cookie-kit__cookie-icon--default {
      background-image: url(./assets/cookie.svg); }
    .xb-cookie-kit__cookie-icon--blue {
      animation: xb-cookie-blue 5s;
      background-image: url(./assets/cookie.svg); }

@keyframes xb-cookie-blue {
  30%, 90% {
    background-image: url(./assets/cookie-blue.svg); }
  100% {
    background-image: url(./assets/cookie.svg);
    .xb-cookie-kit__cookie-icon--blue:before {
      animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 3s; } } }
      .xb-cookie-kit__cookie-icon--blue:before {
        background-color: #01a4e9; }
    .xb-cookie-kit__cookie-icon--green {
      animation: xb-cookie-green 5s;
      background-image: url(./assets/cookie.svg); }
      .xb-cookie-kit__cookie-icon--green:before {
        background-color: #7acf77; }

@keyframes xb-cookie-green {
  0%, 90% {
    background-image: url(./assets/cookie-green.svg); }
  100% {
    background-image: url(./assets/cookie.svg);
    .xb-cookie-kit__cookie-icon--green:before {
      animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 3s; } } }
    .xb-cookie-kit__cookie-icon--yellow {
      animation: xb-cookie-yellow 5s;
      background-image: url(./assets/cookie.svg); }
      .xb-cookie-kit__cookie-icon--yellow:before {
        background-color: #faf376; }

@keyframes xb-cookie-yellow {
  30%, 90% {
    background-image: url(./assets/cookie-yellow.svg); }
  100% {
    background-image: url(./assets/cookie.svg);
    .xb-cookie-kit__cookie-icon--yellow:before {
      animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 3s; } } }
    .xb-cookie-kit__cookie-icon--red {
      animation: xb-cookie-red 5s;
      background-image: url(./assets/cookie.svg); }
      .xb-cookie-kit__cookie-icon--red:before {
        background-color: #f37026; }

@keyframes xb-cookie-red {
  30%, 90% {
    background-image: url(./assets/cookie-red.svg); }
  100% {
    background-image: url(./assets/cookie.svg);
    .xb-cookie-kit__cookie-icon--red:before {
      animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 3s; } } }
  .xb-cookie-kit__pulsing:before {
    content: '';
    position: absolute;
    display: block;
    width: 6vw;
    height: 6vw;
    top: -1vw;
    left: -1vw;
    box-sizing: border-box;
    border-radius: 50%;
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }

@keyframes pulse-ring {
  0% {
    transform: scale(0.33); }
  80%, 100% {
    opacity: 0; } }
  .xb-cookie-kit .xb-cookie-kit-overlay {
    position: fixed;
    opacity: 0.9;
    color: #3a3a3a;
    background: #d3d2d2;
    display: flex;
    padding: 8px;
    width: 100%;
    box-sizing: border-box;
    overflow: auto; }
    .xb-cookie-kit .xb-cookie-kit-overlay__content {
      display: flex;
      flex-direction: column;
      flex: 1; }
    .xb-cookie-kit .xb-cookie-kit-overlay__main {
      display: flex;
      margin-top: 12px;
      flex-wrap: wrap; }
      .xb-cookie-kit .xb-cookie-kit-overlay__main > * {
        margin: 0 4px; }
    .xb-cookie-kit .xb-cookie-kit-overlay__links-container {
      display: flex;
      flex-direction: column;
      justify-content: space-evenly; }
    .xb-cookie-kit .xb-cookie-kit-overlay__links {
      display: flex;
      justify-content: space-around; }
      .xb-cookie-kit .xb-cookie-kit-overlay__links > * {
        margin: 4px; }
    .xb-cookie-kit .xb-cookie-kit-overlay__login-container {
      display: flex;
      justify-content: space-around; }
      .xb-cookie-kit .xb-cookie-kit-overlay__login-container > * {
        margin: 4px; }
    .xb-cookie-kit .xb-cookie-kit-overlay__powered-by-container {
      display: flex;
      justify-content: center;
      align-items: center; }
    .xb-cookie-kit .xb-cookie-kit-overlay__powered-by {
      font-size: 12px; }
    .xb-cookie-kit .xb-cookie-kit-overlay__powered-by-link {
      color: inherit;
      text-decoration: none;
      cursor: pointer;
      font-weight: bold; }
    .xb-cookie-kit .xb-cookie-kit-overlay__login-button {
      display: flex;
      justify-content: center;
      align-items: center; }
    .xb-cookie-kit .xb-cookie-kit-overlay__link {
      color: #505050;
      text-decoration: underline;
      cursor: pointer;
      text-align: center; }
      .xb-cookie-kit .xb-cookie-kit-overlay__link:hover {
        color: #808080; }
    .xb-cookie-kit .xb-cookie-kit-overlay__consents-container {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: space-around;
      flex: 1; }
      .xb-cookie-kit .xb-cookie-kit-overlay__consents-container-body, .xb-cookie-kit .xb-cookie-kit-overlay__consents-container-foot {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        margin: 4px; }
    .xb-cookie-kit .xb-cookie-kit-overlay__consent {
      margin: 4px; }
    .xb-cookie-kit .xb-cookie-kit-overlay__cookie-list {
      display: flex;
      justify-content: space-around;
      align-items: center; }
    .xb-cookie-kit .xb-cookie-kit-overlay__checkbox-container {
      display: flex;
      justify-content: center;
      align-items: center; }
    .xb-cookie-kit .xb-cookie-kit-overlay__consent-label {
      text-align: center; }
      .xb-cookie-kit .xb-cookie-kit-overlay__consent-label-link {
        color: inherit; }
    .xb-cookie-kit .xb-cookie-kit-overlay__check-all {
      margin-top: 8px;
      cursor: pointer;
      text-decoration: underline; }
      .xb-cookie-kit .xb-cookie-kit-overlay__check-all:hover {
        color: #808080; }
    .xb-cookie-kit .xb-cookie-kit-overlay__button-container {
      display: flex;
      justify-content: center; }
    .xb-cookie-kit .xb-cookie-kit-overlay__button {
      height: 40px;
      min-width: 100px;
      background: #505050;
      color: #fff;
      font-size: 18px;
      padding: 0 8px;
      transition: .1s; }
      .xb-cookie-kit .xb-cookie-kit-overlay__button:hover {
        background: #808080; }
    .xb-cookie-kit .xb-cookie-kit-overlay__actions {
      display: flex;
      flex-direction: column;
      padding: 4px;
      justify-content: space-between; }
    .xb-cookie-kit .xb-cookie-kit-overlay__close-button {
      cursor: pointer; }
    .xb-cookie-kit .xb-cookie-kit-overlay__close-button-icon {
      height: 15px;
      width: 15px; }
    .xb-cookie-kit .xb-cookie-kit-overlay__language-picker-container {
      position: relative; }
    .xb-cookie-kit .xb-cookie-kit-overlay__language-picker {
      font-weight: bold; }
      .xb-cookie-kit .xb-cookie-kit-overlay__language-picker:hover {
        color: #808080; }
    .xb-cookie-kit .xb-cookie-kit-overlay__custom-select {
      display: flex;
      position: absolute;
      top: -2px;
      right: 28px;
      background: #fff;
      border-radius: 4px; }
    .xb-cookie-kit .xb-cookie-kit-overlay__language-picker-button {
      cursor: pointer;
      font-weight: bold;
      padding: 2px 4px;
      border-right: 1px solid #a0a0a0; }
      .xb-cookie-kit .xb-cookie-kit-overlay__language-picker-button:last-child {
        border: none; }
      .xb-cookie-kit .xb-cookie-kit-overlay__language-picker-button:hover {
        color: #808080; }
    .xb-cookie-kit .xb-cookie-kit-overlay__country-picker {
      position: relative; }
    .xb-cookie-kit .xb-cookie-kit-overlay__country-picker-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: absolute;
      bottom: 20px;
      right: -3px; }
      .xb-cookie-kit .xb-cookie-kit-overlay__country-picker-container > button {
        height: 15px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .xb-cookie-kit .xb-cookie-kit-overlay__country-picker-container > button > img {
          height: 15px;
          cursor: pointer; }
    .xb-cookie-kit .xb-cookie-kit-overlay__country-picker-select {
      max-height: 68px;
      display: flex;
      flex-direction: column;
      background: #fff;
      overflow: scroll;
      border-radius: 4px;
      z-index: 10;
      -ms-overflow-style: none;
      scrollbar-width: none;
      box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.65) inset, 0 -8px 8px -8px rgba(0, 0, 0, 0.65) inset; }
      .xb-cookie-kit .xb-cookie-kit-overlay__country-picker-select::-webkit-scrollbar {
        width: 0;
        height: 0;
        opacity: 0; }
      .xb-cookie-kit .xb-cookie-kit-overlay__country-picker-select > * {
        padding: 0 4px; }
        .xb-cookie-kit .xb-cookie-kit-overlay__country-picker-select > *:hover {
          background: #808080; }
  .xb-cookie-kit input[type=checkbox] {
    display: none; }
  .xb-cookie-kit .xb-cookie-kit-overlay__checkbox {
    height: 30px;
    width: 30px;
    background-color: transparent;
    border: 3px solid #505050;
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: border-color ease 0.1s;
    -o-transition: border-color ease 0.1s;
    -webkit-transition: border-color ease 0.1s;
    transition: border-color ease 0.1s;
    cursor: pointer; }
    .xb-cookie-kit .xb-cookie-kit-overlay__checkbox[disabled] {
      cursor: default; }
    .xb-cookie-kit .xb-cookie-kit-overlay__checkbox::before, .xb-cookie-kit .xb-cookie-kit-overlay__checkbox::after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: absolute;
      height: 0;
      width: 6px;
      background-color: #505050;
      display: inline-block;
      -moz-transform-origin: left top;
      -ms-transform-origin: left top;
      -o-transform-origin: left top;
      -webkit-transform-origin: left top;
      transform-origin: left top;
      border-radius: 5px;
      content: ' ';
      -webkit-transition: opacity ease 0.2s;
      -moz-transition: opacity ease 0.2s;
      transition: opacity ease 0.2s; }
    .xb-cookie-kit .xb-cookie-kit-overlay__checkbox::before {
      top: 21.6px;
      left: 12.3px;
      -moz-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg); }
    .xb-cookie-kit .xb-cookie-kit-overlay__checkbox::after {
      top: 11.1px;
      left: 1.5px;
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .xb-cookie-kit input[type=checkbox]:checked + .xb-cookie-kit-overlay__checkbox,
  .xb-cookie-kit .xb-cookie-kit-overlay__checkbox.checked {
    border-color: #505050; }
    .xb-cookie-kit input[type=checkbox]:checked + .xb-cookie-kit-overlay__checkbox::after,
    .xb-cookie-kit .xb-cookie-kit-overlay__checkbox.checked::after {
      height: 15px;
      -moz-animation: dothabottomcheck 0.1s ease 0s forwards;
      -o-animation: dothabottomcheck 0.1s ease 0s forwards;
      -webkit-animation: dothabottomcheck 0.1s ease 0s forwards;
      animation: dothabottomcheck 0.1s ease 0s forwards; }
    .xb-cookie-kit input[type=checkbox]:checked + .xb-cookie-kit-overlay__checkbox::before,
    .xb-cookie-kit .xb-cookie-kit-overlay__checkbox.checked::before {
      height: 36px;
      -moz-animation: dothatopcheck 0.2s ease 0s forwards;
      -o-animation: dothatopcheck 0.2s ease 0s forwards;
      -webkit-animation: dothatopcheck 0.2s ease 0s forwards;
      animation: dothatopcheck 0.2s ease 0s forwards; }

@-moz-keyframes dothabottomcheck {
  0% {
    height: 0; }
  100% {
    height: 15px; } }

@-webkit-keyframes dothabottomcheck {
  0% {
    height: 0; }
  100% {
    height: 15px; } }

@keyframes dothabottomcheck {
  0% {
    height: 0; }
  100% {
    height: 15px; } }

@keyframes dothatopcheck {
  0% {
    height: 0; }
  50% {
    height: 0; }
  100% {
    height: 36px; } }

@-webkit-keyframes dothatopcheck {
  0% {
    height: 0; }
  50% {
    height: 0; }
  100% {
    height: 36px; } }

@-moz-keyframes dothatopcheck {
  0% {
    height: 0; }
  50% {
    height: 0; }
  100% {
    height: 36px; } }

xbee-script {
  display: none; }

xbee-cookie {
  display: none; }