@charset "utf-8";
/* CSS Document */
:root{
  --c8ke-multi-page-ionc-with:0px;
  --c8ke-gpt-ionc-with:0px;
  --c8ke-is-coll-ionc-with:90px;
  --c8ke-multi-page-float-right:0px;
  --c8ke-gpt-float-right:0px;
  --c8ke-gpt-margin-right:10px;
  --c8ke-more-btn-right:10px;
  --c8ke-count-right-btn-amount:1;

  --c8ke-bio-link-toasts-top:30%;
  --c8ke-bio-link-toasts-height:100px;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}
body {margin: 0;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;text-align: left;background-color: #fff;
}

button{text-transform: none;-webkit-appearance: button;overflow: visible;outline:none;}

.c8ke-com-content{ margin:0 auto; width:100%;}


.c8ke-com-userprofile-photo-size{width:96px;height:96px;border-radius: 50%!important;border:1px solid #ccc;}

.c8e-com-contentTop{margin-top: 10px;}
.c8ke-com-mb-4{ margin-bottom: 1.5rem!important;}
.c8ke-com-mb-075{ margin-bottom: 0.75rem!important;}
.c8ke-com-mb-2{ margin-bottom: 2rem!important;}
.c8ke-com-mb-15{ margin-bottom: 1.5rem!important;}
.c8ke-com-mt-5{ margin-top:3rem!important;}
.c8ke-com-ml-3{margin-left: 1rem!important;}
.c8ke-com-text-black-50 {color: rgba(0,0,0,.5)!important;font-family: "Arial", "microsoft yahei"!important;font-size: 12px;}
.c8ke-com-text-center {text-align: center!important;}
.c8ke-com-clearfix::after {display: block;clear: both;content: "";}


.letterpic{width: 100px;height: 100px;margin-right: 5px;border-radius: 50%;/*float:left;*/}
.letterpic-no-float{ float:none!important;}

.letterpic-name{height:32px;line-height:32px;padding-left: 5px;font-size:14px;font-weight:normal;position: absolute;}
.letterpic-name-none-position{position:relative;}


.c8ke-com-footer-c8kelogo {width:63px;height:20px;background: url('https://cdn.c8ke.com/static/images/c8ke-logo-3x.png') no-repeat center bottom;background-size: 63px;margin-left: 5px;display:inline-block;
  margin-top:2px;}
.c8ke-com-pb-text{line-height:26px; vertical-align:top;font-size:13px;}

/* float header*/
.c8ke-com-phone-header{ max-width:1200px; height:54px;position: relative;}
.c8ke-com-phone-icon-bar{ max-width:1200px; height:50px;position: relative;}
.c8ke-com-phone-header p{ margin:0; padding:0 0 0 5px;}
.c8ke-com-phone-icon-bar p{ margin:0; padding:0 0 0 5px;}
.c8ke-com-phone-float-left{ float:left;}
.c8ke-com-phone-middle{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.c8ke-com-userprofile-photo-size-small{width:100%;height:100%;max-width:40px;max-height:40px;border-radius: 50%!important;border:1px solid #ccc;}
.c8ke-com-phone-pl-10{ padding-left:7px;}
.c8ke-com-description-float-right {
  white-space: pre-wrap;
  display: inline-block;
  font-size: 0.8rem;
  text-align: right;
  height: 22px;
  overflow: hidden;
  padding-top: 2px;
  position: absolute;
  width: 22px;
  margin-left: 8px;
}

.c8ke-ico-bg {
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50% 50%;
  border: 1px solid #dc3545;
  color: #dc3545;
  text-align: center;
  font-size: 16px;
  vertical-align: middle;
  font-weight: 600;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
  position: absolute;
}
.c8ke-info-tooltips {
  top: 50px;
  background-color: black;
  color: white;
  border-radius: 5px;
  padding: 10px;
  z-index: 1050;
  white-space: pre-wrap;
  opacity: 0.8;
  max-width: 600px;
}

/*.c8ke-info-tooltips:before {*/
  /*top: -41px;*/
  /*content: " ";*/
  /*left: 0px;*/
  /*display: block;*/
  /*height: 20px;*/
  /*position: absolute;*/
  /*border-color: transparent transparent black transparent;*/
  /*border-style: solid;*/
  /*border-width: 11px;*/
  /*white-space: normal;*/
/*}*/
.c8ke-info-tooltips a{color:#fff;}
.c8ke-com-float-header-div{width:100%;max-width:700var(--c8ke-bio-content-container,580px);position: relative;}
.c8ke-com-float-icon-bar-div{width:100%;max-width:700var(--c8ke-bio-content-container,580px);position: relative; margin:0 auto;}

@media screen and (max-width: 768px) {
  .c8ke-info-tooltips {
    left: 16px;
  }
  .c8ke-com-float-header-div{width:100%;max-width:var(--c8ke-bio-content-container,580px)px;position: relative;}
  .c8ke-com-float-icon-bar-div{width:100%;max-width:700var(--c8ke-bio-content-container,580px);position: relative; margin:0 auto;}
}
/*linktree box*/
.c8ke-com-profile-follow-btn, .c8ke-com-profile-follow-btn:visited {width: 24px;height: 24px;margin: 0 1px;   display: inline-block;text-align: center;vertical-align: middle;cursor: pointer;}
.c8ke-com-info-btn, .c8ke-com-info-btn:visited {width: 24px;height: 24px;margin: 0 1px;   display: inline-block;text-align: center;vertical-align: middle;cursor: pointer;background: url('https://cdn.c8ke.com/static/images/info.png') no-repeat center center;background-size: 22px;}

.c8ke-com-profile-bookmark-btn{width: 24px;height: 24px;margin: 0 1px;   display: inline-block;text-align: center;vertical-align: middle;cursor: pointer;}
.c8ke-com-linktree{width: 24px;height: 24px;margin: 0 8px;   display: inline-block;text-align: center;cursor: pointer;}
.c8ke-com-linktree-box{position: absolute;width:100%;max-width: 500px;left: 50%;right: 50%;margin-left: -250px;top: 30px;z-index:1050;}
.c8ke-com-linktree-tooltips {margin: 0 auto;border-radius: 5px;padding: 10px;}
.c8ke-com-linktree-box-direct{width:100%;max-width: var(--c8ke-bio-content-container,580px)px;margin: 0 auto;z-index:1050;clear: both;}

/*.c8ke-com-linktree-tooltips:before {top: -41px;content: " ";display: block;height: 20px;left: calc(48%);position: absolute;border-color: transparent transparent #fcedd6 transparent;border-style: solid;border-width: 11px;}*/

/*linktree box theme style*/
.c8ke-com-linktree-list{ list-style:none; margin:0; padding:0; width:100%;z-index:1050;}
.c8ke-com-linktree-list .c8ke-com-linktree-li{width:100%;display:block; margin-bottom:5px;  text-align:center;position: relative;}

.c8ke-com-linktree-list .c8ke-com-linktree-li .c8ke-com-linktrees-a{ display: block;padding:10px 50px;text-decoration: none;}
.c8ke-com-linktree-list a{text-decoration: none;}
ul.c8ke-com-linktree-list{ list-style:none; margin:0; padding:0; width:100%;z-index:1050;}
ul.c8ke-com-linktree-list li{width:100%;display:block; margin-bottom:5px;  text-align:center;position: relative;}

ul.c8ke-com-linktree-list li a{ display: block;padding:10px 50px;text-decoration: none;}
/*linktree box style*/

.c8ke-com-linktree-fixed{width: 24px;height: 24px; display:inline-block;position:absolute;right:10px;text-align: center;vertical-align: middle;cursor: pointer;border:none;margin-top:14px;}
.c8ke-com-linktree-div-fixed{margin:0 auto; padding-top:21px; width:25px; height:24px;z-index:1050;}
.c8ke-com-linktree-box-fixed{position: fixed;width:100%;max-width: 500px;left: 50%;right: 50%;margin-left: -250px;top: 50px;z-index:1050;left: 50%;right: 50%;}
.c8ke-com-linktree-box-for-tag-fixed{position: fixed;max-width: 500px;right: calc(50% - 350px);top: 50px;z-index:1050;color: #000;}

.c8ke-com-open-in-app{width: 90px;height: 18px;font-size: 12px;color: #dc3545;background: #fff; border-radius: 1rem;display: inline-block;text-align: center;vertical-align: middle;cursor: pointer;border:1px solid #dc3545;}
.c8ke-com-open-in-app:hover {color: #fff;border-color: #bd2130;text-decoration: none;background: #bd2130;}
/*@media (max-width:768px){
  .c8ke-com-linktree-box-fixed{position: absolute;width:100%;max-width: 400px;left: 50%;right: 50%;margin-left: -200px;top: 50px;}
  .c8ke-com-linktree-box {position: absolute;width: 100%;max-width: 400px;left: 50%;right: 50%;margin-left: -200px;top: 30px;z-index: 10000;}
}*/

@media (min-width:500px) and  (max-width:1000px) {
  .c8ke-com-linktree-box-for-tag-fixed{right: 0px;}

}
.c8ke-tag-list-div{height:70%; }
@media (max-width:500px){
  .c8ke-com-linktree-div-fixed{max-width: 500px;}
  .c8ke-com-linktree-box-fixed{position: fixed;width:100%;max-width: 500px;left: 50%;right: 50%;margin-left: -50%;top: 50px;}
  .c8ke-com-linktree-box-for-tag-fixed{position: fixed;max-width: 500px;right: 0px;top: 50px;}
  .c8ke-com-linktree-box {position: absolute;width: 100%;max-width: 500px;left: 50%;right: 50%;margin-left: -50%;top: 30px;z-index: 1050;}

}

.c8ke-com-modal-backdrop.fade {
  opacity: 0;
}
.c8ke-com-modal-backdrop.show {
  opacity: 0.5;
}
.c8ke-com-modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

@media (min-width:414px) {
  .c8ke-com-backdrop-no-scroll {
    overflow: hidden;
  }
}
.c8ke-custom-div-vertical{display: flex; justify-content: center;}
.c8ke-bio-bar-btn{display:flex;-webkit-box-pack:center;justify-content:center}
.c8ke-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c8ke-col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.c8ke-share-btn{
  border-radius: 50%!important;
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
  line-height: 26px;
  font-size: 16px;
  color:#fff;

}
.c8ke-share-fb-bg{background: #4267b2;}
.c8ke-share-tw-bg{background: #00acee;}
.c8ke-share-pin-bg{background: #bd081c;}
.c8ke-share-email-bg{background: orange;}
.c8ke-share-link-bg{background: #00f;}
.c8ke-share-code-bg{background: #006400;}
.tell-a-friend a:hover{color:#fff;}
.fa-facebook-f{color:#fff;}
.fa-twitter{ color:#fff;}
.fa-pinterest{ color:#fff;}
.fa-envelope{ color:#fff;}
.tell-a-friend a:hover{color:#fff;}

.c8ke-bio-bar-div{z-index: 1000;position: fixed ! important;bottom: 0px;width:100%;}
.c8ke-bio-bar-first-btn{display: flex;justify-content:flex-start;align-items: center;padding-left:10px;}
.c8ke-bio-bar-center-btn{display: flex;align-items: center;justify-content: center;}
.c8ke-bio-bar-end-btn{display: flex;justify-content:flex-end;align-items: center;padding-right:10px;}
.c8ke-bio-bar-btn-size{width: 24px;height: 24px;}
.c8ke-bio-bar-share-div{position: absolute;width: 40px;background: #333;opacity: 0.7;z-index: 10000;bottom: 50px;right: 10px;border-radius: 20px 20px 0 0;}
.c8ke-bio-bar-share-div ul{list-style:none;width: 40px;display: inline-block;height: 100%;z-index: 10001;padding: 0;margin: 0;}
.c8ke-bio-bar-share-div ul li{text-align: center;margin: 20px 0px;}
.c8ke-bio-bar-share-footer-margin-bottom {margin-bottom: 0.3rem;}
.c8ke-bio-bar-cursor {cursor:pointer;}
.c8ke-bio-bar-share-div-head{
  position: absolute;
  width: 280px;
  background: #f5f5f5;
  opacity: 1;
  z-index: 10000;
  left:0px;
  border-radius: 10px;
  margin-left: -250px;
}
.c8ke-bio-bar-share-div-head ul{ list-style: none;width: auto;display: flex;align-items:center;justify-content:center;box-sizing:border-box;height: 100%;z-index: 10001;padding: 0;}
.c8ke-bio-bar-share-div-head ul li{text-align: center;margin: 0px 10px;float: left;cursor: pointer;}
.c8ke-get-c8ke-page{display: flex;align-items: center;justify-content: center;width: auto;padding: 10px;border-top: 1px solid #ccc;color: #ed7e27;font-size: 16px;cursor: pointer;}
.c8ke-get-c8ke-page-text{line-height: 18px;}
.c8ke-get-c8ke-page-desc-desktop{color: #7d7474;}
.c8ke-get-c8ke-page-desc{font-size: 12px;opacity: 0.6;}
.c8ke-get-c8ke-page-logo{margin-left: 20px;display: flex;}
.c8ke-share-div-btn-get-page{display: flex;align-items: center;justify-content: center;}
/*.c8ke-container .c8ke-grid .container {*/
/*  min-height: 100vh;*/
/*}*/
/*.c8ke-container .c8ke-stack .container {*/
/*  min-height: 100vh;*/
/*}*/

.c8ke-bio-search-bar{
  position: fixed;
  top: 0px;
  width: calc(90% - 500px);
  left:360px;
  z-index: 122;
}
/*@media (max-width:576px){*/
  /*.c8ke-bio-search-bar{*/
    /*top:50px;*/
    /*width: 100%;*/
    /*left:0px;*/
    /*z-index: 1;*/
  /*}*/
/*}*/
@media (max-width:576px){
  .c8ke-bio-search-bar{
    width: calc(100% - 80px - calc(var(--c8ke-count-right-btn-amount)*36px));
    /*width: calc(90% - 110px);*/
    left:60px;
    /*left:95px;*/
    /*width: 125px;*/
  }
  /*.c8ke-share-div-flex-bottom{display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: flex-end;min-height: calc(100% - 1rem);}*/
  .c8ke-share-div-flex-bottom{display: -ms-flexbox;display: flex;-ms-flex-align: center;bottom: 10px;position: absolute;overflow-y: hidden;overflow: -moz-scrollbars-horizontal;}
  .c8ke-share-div-flex-bottom-2{display: -ms-flexbox;display: flex;-ms-flex-align: center;bottom: 10px;position: fixed;overflow-y: hidden;overflow: -moz-scrollbars-horizontal;left: 0;right:0;margin:0.5rem;z-index: 1041}
}
@media (min-width: 577px) and (max-width:1023px) {
  .c8ke-bio-search-bar{
    left: 40%;
    width: 300px;
  }
  .c8ke-bio-bar-share-div-head{left:unset !important;}
}
@media (min-width: 1024px) {
  .c8ke-bio-search-bar{
    left: 33%;
    width: calc(90% - 600px);
  }
  .c8ke-bio-bar-share-div-head{left:unset !important;}
}
@media (min-width: 1250px) {
  .c8ke-bio-search-bar{
    left: 40%;
    width: 360px;
  }
  .c8ke-bio-bar-share-div-head{left:unset !important;}
}
.c8ke-bio-bar-div-two{z-index: 3;position: fixed ! important;bottom: 70px;left:calc(50% - 20px);}
.native-input.sc-ion-input-md{padding:0px;}
.c8ke-com-share-btn{width:24px;height: 24px;margin:0 1px;display: inline-block;text-align:center;vertical-align:middle;cursor:pointer;}

.c8ke-share-div-backgroud{background-color: transparent;border:none;}
.c8ke-share-div-btn{width: 100%;border: none;background:#fff;border-bottom: 1px solid #f5f5f5;color:#3880ff;font-size: 20px;text-align: center;padding-top: 18px;padding-bottom: 18px;height: 56px;}


.c8ke-gallery-cart {
  position: fixed;
  right: 10px!important;
  top:unset !important;
  bottom: 70px!important;
  z-index: 3 !important;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 50%;
  background-color: #ff4500;
  box-shadow: rgba(0,0,0,.2) 0 3px 5px -1px, rgba(0,0,0,.14) 0 6px 10px 0, rgba(0,0,0,.12) 0 1px 18px 0;


}

/*.c8ke-gallery-cart {*/
  /*position: fixed;*/
  /*right: calc(50% - 40px) !important;*/
  /*bottom: 25px;*/
  /*z-index: 1000;*/
  /*width: 40px;*/
  /*height: 40px;*/
  /*border-radius: 20px;*/
  /*background: red;*/
  /*align-items: center;*/
  /*justify-content: center;*/
  /*display: flex;*/
/*}*/
.c8ke-gallery-cart ion-icon {
  --ion-color-base: #fff !important;
  max-width: 22px !important;
}

.c8ke-gallery-cart ion-badge {
  --ion-color-base: red !important;
  --ion-color-contrast: #fff !important;

}
.c8ke-bio-bar-backdiv{margin:0 auto;background: #ccc;opacity: 0.7;width: 150px;height: 60px;position: fixed;bottom: 60px;left: 50%;margin-left: -75px;border-radius: 30px;z-index: 2;}
.c8ke-bio-business-time-menu-ul{padding: 10px 0;margin: 0 auto;width: 100%;list-style: none;}
.c8ke-bio-business-time-menu-li{display: inline-block;width: 180px;padding: 2px 0;background: #ccc;color: #000;border-radius: 5px;margin: 2px 0; font-size: 0.8rem;}
.c8ke-bio-business-time-menu-li-div-week{width: 30%;float: left;text-align: right;}
.c8ke-bio-business-time-menu-li-div-time{width: calc(70% - 10px);float: left;text-align: left;padding-left: 10px;}
.c8ke-bio-business-time-menu-div{display: block;position: absolute;width: 200px;left: 50%;margin-top: 5px;margin-left: -100px;background: rgb(0,0,0,0.9);z-index: 4;border-radius: 5px;}
.c8ke-share-div-flex-bottom-2{display: -ms-flexbox;display: flex;-ms-flex-align: center;bottom: 10px;position: fixed;overflow-y: hidden;overflow: -moz-scrollbars-horizontal;left: 0;right:0;margin:0.5rem;z-index: 1041}
.c8ke-share-ig-bg{color:red !important;font-size:24px;}
.c8ke-share-yb-bg{color:red !important;font-size:24px;}

.c8ke-bio-social-icon{color: #000;font-size: 20px;}
.c8ke-bio-social-icon:before{display: block;width: 24px;height: 24px;}
.c8ke-bio-social-icon-a{text-align: center; text-decoration: none;color:#212529;display: inline-block;width: 24px;height: 24px;}
.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}

.c8ke-linktree-image{
  width: 36px;
  margin-left: 4px;
  border-radius: 50rem;
  display: flex;
  position: absolute;
  align-content: center;
  justify-content: center;
  top: 50%;
  transform: translateY(-50%);
}

.c8ke-shake
{
  position:relative;
  animation-iteration-count:infinite;
  animation:myfirst 1s .2s infinite ease both;
  -webkit-animation: myfirst 1s .2s infinite ease both;
  -moz-animation: myfirst 1s .2s infinite ease both;
}

.c8ke-shake-two
{
  position:relative;
  animation-iteration-count:infinite;
  animation:c8keshakeTwo 3s infinite;
  -webkit-animation:c8keshakeTwo 3s infinite; /* Safari and Chrome */
  -moz-animation:c8keshakeTwo 3s infinite; /* Safari and Chrome */
  -o-animation:c8keshakeTwo 3s infinite; /* Safari and Chrome */

}

@keyframes myfirst{
  0%{transform:scale(1);}
  10%,20%{transform:scale(1) rotate(-2deg);}
  30%,50%,70%,90%{transform:scale(1) rotate(2deg);}
  40%,60%,80%{transform:scale(1) rotate(-2deg);}
  100%{transform:scale(1) rotate(0);}
}

@-moz-keyframes myfirst{
  0%{-moz-transform:scale(1);}
  10%,20%{-moz-transform:scale(1) rotate(-2deg);}
  30%,50%,70%,90%{-moz-transform:scale(1) rotate(2deg);}
  40%,60%,80%{-moz-transform:scale(1) rotate(-2deg);}
  100%{-moz-transform:scale(1) rotate(0);}

}

@-webkit-keyframes myfirst{
  0%{-webkit-transform:scale(1);}
  10%,20%{-webkit-transform:scale(1) rotate(-2deg);}
  30%,50%,70%,90%{-webkit-transform:scale(1) rotate(2deg);}
  40%,60%,80%{-webkit-transform:scale(1) rotate(-2deg);}
  100%{-webkit-transform:scale(1) rotate(0);}
}


@keyframes  c8keshakeTwo{
  0%, 100% {
    -webkit-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-1px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(2px);
  }
}

@-moz-keyframes c8keshakeTwo{
  0%, 100% {
    -webkit-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-1px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(2px);
  }
}

@-webkit-keyframes c8keshakeTwo{

  0%, 100% {
    -webkit-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-1px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(2px);
  }
}
@-o-keyframes c8keshakeTwo{

  0%, 100% {
    -webkit-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-1px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(2px);
  }
}


.c8ke-scan-obj {
  /*display: inline-block;*/
  position: relative;
  overflow: hidden;
}
.c8ke-scan {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  width: 200%;
  height: 10px;

  /* linear-gradient() make a light */
  background-image: linear-gradient(
          to bottom,
          rgba(255, 255, 255, 0),
          rgba(255, 255, 255, 0.85),
          rgba(255, 255, 255, 0)
  );

  /* rotate light */
  transform-origin: center center;
  transform: translate(-100%, 50%) rotate(-60deg);

  /* keyframes animation */
  animation: c8ke-scanLights 2.5s linear 1s infinite;
  -webkit-animation: c8ke-scanLights 2.5s linear 1s infinite;
}

@keyframes c8ke-scanLights {
  0% {
    transform: translate(-100%, 50%) rotate(-60deg);
  }
  100% {
    transform: translate(100%, 50%) rotate(-60deg);
  }
}

.c8ke-bio-font-size{font-size:15px;}
.letterpic-name-diplay a{color:#212529;}
.letterpic-name-diplay a:active{color:#212529;}

.c8ke-tag-description-float{position: fixed;top:50px;border-top:3px solid #fff !important;width:100%;max-width:990px;}
.c8ke-tag-desc-override{font-size: 13px !important;color:#989aa2;white-space:pre;text-align:center;z-index:1000;border: unset !important;}

/**********************/
@-webkit-keyframes bounce_small {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -10px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -10px, 0);
  }

  85% {
    transform: translate3d(0, -2px, 0);
  }
}

@keyframes bounce_small {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -10px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -10px, 0);
  }

  85% {
    transform: translate3d(0, -2px, 0);
  }
}

.bounce_small {
  -webkit-animation-name: bounce_small;
  animation-name: bounce_small;
  transform-origin: center bottom;

  -webkit-animation-duration: 2s;

  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes bounce_small_infinite {
  from,
  10%,
  26.5%,
  40%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  20%,
  21.5% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -10px, 0);
  }

  35% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -10px, 0);
  }

  42.5% {
    transform: translate3d(0, -2px, 0);
  }
}

@keyframes bounce_small_infinite {
  from,
  10%,
  26.5%,
  40%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  20%,
  21.5% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -10px, 0);
  }

  35% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -10px, 0);
  }

  42.5% {
    transform: translate3d(0, -2px, 0);
  }
}

.bounce_small_infinite {
  -webkit-animation-name: bounce_small_infinite;
  animation-name: bounce_small_infinite;
  transform-origin: center bottom;

  -webkit-animation-duration: 4s;

  animation-duration: 4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes jello_small {
  from,
  11.1%,
  to {
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  33.3% {
    transform: skewX(3.125deg) skewY(3.125deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello_small {
  from,
  11.1%,
  to {
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  33.3% {
    transform: skewX(3.125deg) skewY(3.125deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello_small {
  -webkit-animation-name: jello_small;
  animation-name: jello_small;
  transform-origin: center;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes jello_small_infinite {
  from,
  5.55%,
  50% {
    transform: translate3d(0, 0, 0);
  }

  11.1% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  16.65% {
    transform: skewX(3.125deg) skewY(3.125deg);
  }

  22.2% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  27.75% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  33.3% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  38.85% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  44.4% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello_small_infinite {
  from,
  5.55%,
  50% {
    transform: translate3d(0, 0, 0);
  }

  11.1% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  16.65% {
    transform: skewX(3.125deg) skewY(3.125deg);
  }

  22.2% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  27.75% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  33.3% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  38.85% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  44.4% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello_small_infinite {
  -webkit-animation-name: jello_small_infinite;
  animation-name: jello_small_infinite;
  transform-origin: center;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes pulse_small {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse_small {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse_small {
  -webkit-animation-name: pulse_small;
  animation-name: pulse_small;
  transform-origin: center;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes pulse_small_infinite {
  from {
    transform: scale3d(1, 1, 1);
  }

  25% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  50% {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse_small_infinite {
  from {
    transform: scale3d(1, 1, 1);
  }

  25% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  50% {
    transform: scale3d(1, 1, 1);
  }
}

.pulse_small_infinite {
  -webkit-animation-name: pulse_small_infinite;
  animation-name: pulse_small_infinite;
  transform-origin: center;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes pulse_medium {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.3, 1.3, 1.3);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse_medium {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.3, 1.3, 1.3);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse_medium {
  -webkit-animation-name: pulse_medium;
  animation-name: pulse_medium;
  transform-origin: center;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes pulse_medium_infinite {
  from {
    transform: scale3d(1, 1, 1);
  }

  25% {
    transform: scale3d(1.3, 1.3, 1.3);
  }

  50% {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse_medium_infinite {
  from {
    transform: scale3d(1, 1, 1);
  }

  25% {
    transform: scale3d(1.3, 1.3, 1.3);
  }

  50% {
    transform: scale3d(1, 1, 1);
  }
}

.pulse_medium_infinite {
  -webkit-animation-name: pulse_medium_infinite;
  animation-name: pulse_medium_infinite;
  transform-origin: center;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes shake_small {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-5px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(5px, 0, 0);
  }
}

@keyframes shake_small {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-5px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(5px, 0, 0);
  }
}

.shake_small {
  -webkit-animation-name: shake_small;
  animation-name: shake_small;
  transform-origin: center;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes shake_small_infinite {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  5%,
  15%,
  25%,
  35%,
  45% {
    transform: translate3d(-5px, 0, 0);
  }

  10%,
  20%,
  30%,
  40% {
    transform: translate3d(5px, 0, 0);
  }

  50% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes shake_small_infinite {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  5%,
  15%,
  25%,
  35%,
  45% {
    transform: translate3d(-5px, 0, 0);
  }

  10%,
  20%,
  30%,
  40% {
    transform: translate3d(5px, 0, 0);
  }

  50% {
    transform: translate3d(0, 0, 0);
  }
}

.shake_small_infinite {
  -webkit-animation-name: shake_small_infinite;
  animation-name: shake_small_infinite;
  transform-origin: center;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes tada_small {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -1.5deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 1.5deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -1.5deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada_small {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -1.5deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 1.5deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -1.5deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada_small {
  -webkit-animation-name: tada_small;
  animation-name: tada_small;
  transform-origin: center;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes tada_small_infinite {
  from {
    transform: scale3d(1, 1, 1);
  }

  5%,
  10% {
    transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -1.5deg);
  }

  15%,
  25%,
  35%,
  45% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 1.5deg);
  }

  20%,
  30%,
  40% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -1.5deg);
  }

  50% {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada_small_infinite {
  from {
    transform: scale3d(1, 1, 1);
  }

  5%,
  10% {
    transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -1.5deg);
  }

  15%,
  25%,
  35%,
  45% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 1.5deg);
  }

  20%,
  30%,
  40% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -1.5deg);
  }

  50% {
    transform: scale3d(1, 1, 1);
  }
}

.tada_small_infinite {
  -webkit-animation-name: tada_small_infinite;
  animation-name: tada_small_infinite;
  transform-origin: center;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes wobble_small {
  from {
    transform: translate3d(0, 0, 0);
  }

  15% {
    transform: translate3d(-3%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  30% {
    transform: translate3d(3%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-3%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(2%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-1%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble_small {
  from {
    transform: translate3d(0, 0, 0);
  }

  15% {
    transform: translate3d(-3%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  30% {
    transform: translate3d(3%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-3%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(2%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-1%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.wobble_small {
  -webkit-animation-name: wobble_small;
  animation-name: wobble_small;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes wobble_small_infinite {
  from {
    transform: translate3d(0, 0, 0);
  }

  7.5% {
    transform: translate3d(-3%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  15% {
    transform: translate3d(3%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  22.5% {
    transform: translate3d(-3%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  30% {
    transform: translate3d(2%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  37.5% {
    transform: translate3d(-1%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  50% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble_small_infinite {
  from {
    transform: translate3d(0, 0, 0);
  }

  7.5% {
    transform: translate3d(-3%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  15% {
    transform: translate3d(3%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  22.5% {
    transform: translate3d(-3%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  30% {
    transform: translate3d(2%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  37.5% {
    transform: translate3d(-1%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  50% {
    transform: translate3d(0, 0, 0);
  }
}

.wobble_small_infinite {
  -webkit-animation-name: wobble_small_infinite;
  animation-name: wobble_small_infinite;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Background presets */
.link-body-background-one {
  background-image: linear-gradient(111.7deg, #a529b9 19.9%, #50b1e1 95%);
}

.link-body-background-two {
  background-image: linear-gradient(109.6deg, #ffb418 11.2%, #f73131 91.1%);
}

.link-body-background-three {
  background-image: linear-gradient(135deg, #79F1A4 10%, #0E5CAD 100%);
}

.link-body-background-four {
  background-image: linear-gradient(to bottom, #ff758c, #ff7eb3);
}

.link-body-background-five {
  background-image: linear-gradient(292.2deg, #3355ff 33.7%, #0088ff 93.7%);
}

.link-body-background-six {
  background: linear-gradient(to bottom, #fc5c7d, #6a82fb);
}

.c8ke-background-div{position: fixed;width: 100%;height: 100%;z-index: -1;inset:0px;}


/* V2.0 */
.c8ke-background-div-v2{width: 100%;height: 100%;z-index: -1;position: absolute;}
.link-body-v2 {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height: 180px;
}
.c8ke-com-header-div-v2{ margin:0 auto;width: 100%; max-width:var(--c8ke-bio-content-container,580px);height: auto; position: relative;padding-top: 129px;display: flex;flex-direction:row;justify-content: flex-start;}
.c8ke-com-userlogo{margin-left: 10px;margin-right: 20px;}
.c8ke-com-username {display: inline-block;}
.letterpic-name-diplay{	 font-size:20px;font-weight:bold;margin-bottom: 0px;}
.c8ke-com-text-left{text-align: left;}
.c8ke-com-bio-btn{color:#BD2130 !important;font-size: 20px !important;text-decoration: none;}
.c8ke-com-userinfo{padding-top: 5px;}
.c8ke-com-line-height{line-height: 1;}
.c8ke-pt-30{padding-top:30px;}
.c8ke-pt-15{padding-top:15px;}
.c8ke-pb-15{padding-bottom:15px;}
.c8ke-header-no-background-image-height{padding-top:15px;margin-bottom: 15px;}
.c8ke-header-center-background-image-height{padding-top:129px;}

.c8ke-paste-link .c8ke-paste-link-input{
  max-width: var(--c8ke-bio-content-container,580px) !important;
  border: 2px solid #a9a9a9 !important;
}
.c8ke-bio-page-preview-header-icon-style-float-bar{width: 28px;height: 28px;line-height: 28px;}
.c8ke-bio-page-preview-header-icon-size-float-bar{font-size: 16px;}
.c8ke-open-in-app-button {
  position: unset !important;
  height: 35px !important;
  width: 100px !important;
  right: unset !important;
  top: unset !important;
  background: rgba( 0, 0, 0, 0.27 );
  color: white;
  border: 0;
  margin-left: 5px !important;
}
.c8ke-open-app-btn a{text-decoration: unset;}

.c8ke-subscribe-compact .form-label-group input:focus~label{width: max-content !important;}
.c8ke-subscribe-compact .form-label-group input:not(:placeholder-shown)~label{width: max-content !important;}

.c8ke-custom-collapse .toggle .c8ke-subscribe-title{padding:20px;}
/*.c8ke-custom-collapse .toggle.open .c8ke-subscribe-title{padding:20px;}*/
.c8ke-custom-collapse .toggle .c8ke-subscribe-collapse-icon{padding:20px;position: absolute;right: 0;font-size: 20px;}
/*.c8ke-custom-collapse .toggle.open .c8ke-subscribe-collapse-icon{padding:20px;}*/

.c8ke-custom-popup {max-width: var(--c8ke-bio-content-container,580px);}
.c8ke-custom-popup .c8ke-subscribe-title{padding:20px;}
.c8ke-custom-popup .c8ke-subscribe-popup-icon{padding:20px;position: absolute;right: 0;font-size: 20px;}

.c8ke-custom-popup-fly.float{position: fixed;z-index: 1090;top:30%;width: 100%;display: flex;align-items: center;justify-content: center;}
.c8ke-custom-popup-fly.float .c8ke-custom-popup{width: 100%;max-width: 680px;}
.c8ke-custom-popup .c8ke-custom-popup-content{display: none;}
.c8ke-custom-popup-fly.float .c8ke-custom-popup .c8ke-custom-popup-content{display: block;}
.c8ke-custom-popup.success{width: 100%;max-width: var(--c8ke-bio-content-container,580px);min-height: 100px;display: flex;align-items: center;justify-content: center;position: relative;}
.c8ke-custom-popup.success .c8ke-subscribe-popup-icon{position: absolute;top: 0;right: 0;padding: 20px;font-size: 20px;}
.form-label-group.outline label{max-width: 96%;}

.c8ke-page-custom-btn{
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
@media(prefers-reduced-motion:reduce) {
  .c8ke-page-custom-btn {
    transition: none
  }
}
.c8ke-page-custom-btn:focus,.c8ke-page-custom-btn.focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0,123,255,0.25)
}

.c8ke-page-custom-btn.disabled,.c8ke-page-custom-btn:disabled {
  opacity: .65
}

a.c8ke-page-custom-btn.disabled,fieldset:disabled a.c8ke-page-custom-btn {
  pointer-events: none
}

.c8ke-float-hashtag-bar{
  position: fixed;
  top: 54px;
  background: white;
  z-index: 10;
  width: 100%;
  max-width: var(--c8ke-bio-content-container,580px);
}
.c8ke-visitor-container{
  position: fixed;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-direction: column;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 124px;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  font-family: inter;
  z-index: 1500;
  width: 100%;
}
.c8ke-visitor-btn-container{
  background-color: black;
  box-shadow: rgb(10 11 13 / 12%) 0px 12px 16px;
  border-radius: 24px;
  height: 48px;
  padding-left: 16px;
  padding-right: 16px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: auto;
}
@keyframes bounce_small_infinite_visitor {
  from,
  10%,
  26.5%,
  40%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  20%,
  21.5% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -5px, 0);
  }

  35% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -5px, 0);
  }

  42.5% {
    transform: translate3d(0, -2px, 0);
  }
}
.c8ke-visitor-btn-animation{
  animation: 4s linear 0s infinite normal none running bounce_small_infinite_visitor;
}
.c8ke-visitor-btn{
  padding: 0px;
  margin: 0px 8px 0px 0px;
  border: none;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  text-align: center;
  cursor: pointer;
  display: block;
  background: none;
  height: 100%;
  appearance: none;
  box-sizing: border-box;
  vertical-align: middle;
}
.c8ke-visitor-c8ke-logo{
  fill: currentcolor;
  width: 13.75px;
  height: 16px;
}
.c8ke-visitor-c8ke-com-text{
  margin-left: 8px;
  margin-right: 4px;
}
.c8ke-visitor-c8ke-com-text-content{
  padding: 0px;
  margin: 0px;
  color: rgb(104, 109, 115);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.57;
}
.c8ke-visitor-your-name-text{
  padding: 0px;
  margin: 0px;
  color: rgb(147, 151, 155);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.57;
}
.c8ke-visitor-close-container{
  margin: 0px;
  border: none;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  text-align: center;
  cursor: pointer;
  display: block;
  background: none;
  padding: 4px;
  appearance: none;
  box-sizing: border-box;
  vertical-align: middle;
}
.c8ke-visitor-close-btn{
  fill: currentcolor;
  color: rgb(147, 151, 155);
}
.c8ke-visitor-claim-text{
  padding: 0px;
  margin: 0px;
  color: white;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.57;
}
.c8ke-visitor-claim-text-margin{
  margin-top: 8px;
  margin-bottom: 8px;
}
.c8ke-visitor-additional-footer-height{
  padding-top: 50px;
}
.c8ke-com-mt-7{
  margin-top: 7rem !important;
}
.c8ke-maker-promotion{
  position: absolute;
  font-size: 0.3rem;
  right: 15px;
  top: 2px;
  color: grey;
  background: white;
  padding: 2px;
  opacity: 0.5;
  border-radius: 4px;
}
#mainSearchBarDiv{
  padding: 0 10px;
}

.c8ke-custom-popup-fly.prompt{
  position: fixed;
  z-index: 1090;
  top: 200px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c8ke-app-browser-prompt-arrow-img{
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1090;
  width: 100%;
  display: flex;
}
.c8ke-app-browser-prompt-arrow-img .prompt-arrow-img{
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
  max-width: 50%;
  margin-right: 10px;
  padding-top: 5px;
  padding-right: 5px;
  float: right;
}
.c8ke-custom-popup-fly.prompt .c8ke-custom-popup{width: 100%;max-width: 680px;}
.c8ke-custom-popup-fly.prompt .c8ke-custom-popup .c8ke-custom-popup-content{display: block;}
.c8ke-custom-popup .c8ke-app-browser-prompt-popup-icon{padding:20px;position: absolute;right: 0;font-size: 20px;}
.c8ke-custom-app-browser-prompt-popup-fly{
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, .55);
  margin-top: 0;
  display: block;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  z-index: 1090;
}
.c8ke-toast {
  position: fixed;
  top: var(--c8ke-bio-link-toasts-top);
  margin: auto;
  z-index: 1050;
  width: 100%;
  max-width: 100%;
  opacity: 0;
  /*overflow: hidden;*/
  font-family: sans-serif;
  font-size: 0.85em;
  border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--c8ke-bio-link-toasts-height);
}

.c8ke-toast.showing, .c8ke-toast.show {
  opacity: 1;
}

.c8ke-toast.hide {
  display: none;
}

.c8ke-toast-header {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.85);
}

.c8ke-toast-body {
  padding: 0.75rem 1rem;
  color: #fff;
  background-color: #1877d6;
  border-radius: 10px;
  width: 100%;
  word-break: break-all;
  margin: 0 10px;
}
.c8ke-toast-copied-text{
  display: flex;
  align-items: center;
  justify-content: center;
}
.c8ke-toast.c8ke-arrow-down::after{
  font-family: "Font Awesome 5 Free";
  content: "\f0dd";
  color: #1877d6;
  position: absolute;
  left: 50%;
  bottom: -1rem;
  font-size: 26px;
  font-weight: 900;
}
.c8ke-toast.c8ke-arrow-up::before{
  font-family: "Font Awesome 5 Free";
  content: "\f0de";
  color: #1877d6;
  position: absolute;
  left: 50%;
  top: -1rem;
  font-size: 26px;
  font-weight: 900;
}
@keyframes c8ke-banner-frame-1 {
  0% {
    opacity: 0.6;
    transform: translateY(-25px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.c8ke-advance-avatar-top-0{
  position: absolute;
  top:0;
  margin-top:0 !important;
}
.c8ke-block-position-style-content{
  overflow: hidden;
}