/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/tiktok-block/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-superprof-tiktok-block {
  margin-top: 5rem;
  position: relative;
  height: 757px;
}
.wp-block-superprof-tiktok-block .tiktok-embed {
  width: 325px !important;
  margin: auto !important;
}
.wp-block-superprof-tiktok-block .tiktok-embed:before {
  content: none !important;
}
.wp-block-superprof-tiktok-block .tiktok-embed iframe {
  margin: 0 !important;
  border-radius: 0 !important;
}
.wp-block-superprof-tiktok-block .tiktok-container {
  height: 100%;
  width: 325px;
  border: 1px solid rgba(22, 24, 35, 0.12);
  border-radius: 8px;
  margin: auto;
  overflow: hidden;
  background: white;
}
.wp-block-superprof-tiktok-block .tiktok-container.embedded {
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
}
.wp-block-superprof-tiktok-block .tiktok-container.embedded + .tiktok-embed {
  height: 100% !important;
  width: 325px !important;
  margin: auto !important;
  overflow: hidden !important;
  position: relative !important;
}
.wp-block-superprof-tiktok-block .tiktok-container.fade {
  transition: opacity 1s ease-out;
  opacity: 0;
}
.wp-block-superprof-tiktok-block .tiktok-preview {
  position: relative;
}
.wp-block-superprof-tiktok-block .tiktok-preview:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.wp-block-superprof-tiktok-block .tiktok-preview:after {
  content: "";
  position: absolute;
  top: 15px;
  right: 15px;
  width: 35px;
  height: 45px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDUiIHdpZHRoPSI0MCIgdmlld0JveD0iLTAuMzIyOTY3NDA5OTgwNjY0NzUgLTMuMTI4MzUyODk5OTgwMTg3MyA0Mi42ODQ0Njk1ODEyNTk2NiA0Mi4xMjgzNTI4OTk5ODAxODYiPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik0xNCAxNS41OTl2LTEuNDg2QTEzLjEgMTMuMSAwIDAgMCAxMi4zMzcgMTRDNS41MzUgMTQgMCAxOS4xOCAwIDI1LjU0NyAwIDI5LjQ1MiAyLjA4NiAzMi45MSA1LjI2NyAzNWMtMi4xMy0yLjEzMi0zLjMxNS00Ljk0Mi0zLjMxMy03Ljg2MSAwLTYuMjc2IDUuMzc3LTExLjM5NCAxMi4wNDYtMTEuNTQiIGZpbGw9IiMwMGYyZWEiLz48cGF0aCBkPSJNMTQuMzI3IDMyYzIuODc2IDAgNS4yMjEtMi4yNzMgNS4zMjgtNS4xMDdsLjAxLTI1LjI5Mmg0LjY1QTguNzIgOC43MiAwIDAgMSAyNC4xNjQgMGgtNi4zNWwtLjAxMSAyNS4yOTNjLS4xMDYgMi44MzItMi40NTMgNS4xMDUtNS4zMjggNS4xMDVhNS4zMjkgNS4zMjkgMCAwIDEtMi40NzYtLjYxQTUuMzQgNS4zNCAwIDAgMCAxNC4zMjcgMzJtMTguNjcyLTIxLjgxNFY4Ljc4YTguODE4IDguODE4IDAgMCAxLTQuODEtMS40MjFBOC44NSA4Ljg1IDAgMCAwIDMzIDEwLjE4NiIgZmlsbD0iIzAwZjJlYSIvPjxwYXRoIGQ9Ik0yOCA3LjcxOEE4LjYzIDguNjMgMCAwIDEgMjUuODMyIDJoLTEuNjk3QTguNzM1IDguNzM1IDAgMCAwIDI4IDcuNzE4TTEyLjMyNSAyMC4wNjVjLTIuOTQuMDA0LTUuMzIyIDIuMzYxLTUuMzI1IDUuMjdBNS4yNjcgNS4yNjcgMCAwIDAgOS44NTQgMzBhNS4yIDUuMiAwIDAgMS0xLjAwOC0zLjA3M2MuMDAzLTIuOTEgMi4zODUtNS4yNjggNS4zMjUtNS4yNzEuNTUgMCAxLjA3NS4wOSAxLjU3Mi4yNDR2LTYuNGExMS43MiAxMS43MiAwIDAgMC0xLjU3Mi0uMTE0Yy0uMDkyIDAtLjE4My4wMDYtLjI3NC4wMDd2NC45MTZhNS4yODYgNS4yODYgMCAwIDAtMS41NzItLjI0NCIgZmlsbD0iI2ZmMDA0ZiIvPjxwYXRoIGQ9Ik0zMi4xNTMgMTF2NC44ODRhMTUuMTUgMTUuMTUgMCAwIDEtOC44MTMtMi44MTFWMjUuODRjMCA2LjM3Ny01LjIzIDExLjU2NS0xMS42NTggMTEuNTY1LTIuNDg1IDAtNC43ODktLjc3OC02LjY4Mi0yLjA5N0ExMS42NyAxMS42NyAwIDAgMCAxMy41MjggMzljNi40MjkgMCAxMS42NTktNS4xODggMTEuNjU5LTExLjU2NFYxNC42NjhBMTUuMTUgMTUuMTUgMCAwIDAgMzQgMTcuNDc4di02LjI4M0E4Ljg3IDguODcgMCAwIDEgMzIuMTUzIDExIiBmaWxsPSIjZmYwMDRmIi8+PHBhdGggZD0iTTIzLjk3OSAyNS40MlYxMi42MzJBMTUuNzQxIDE1Ljc0MSAwIDAgMCAzMyAxNS40NDh2LTQuODlhOS4wODMgOS4wODMgMCAwIDEtNC45MTItMi44MkMyNi4wMTYgNi40MzEgMjQuNTg2IDQuMzU4IDI0LjEzMiAyaC00Ljc0N2wtLjAxIDI1LjIxNWMtLjExIDIuODI0LTIuNTA1IDUuMDktNS40NCA1LjA5LTEuNzU0LS4wMDItMy4zOTgtLjgyMi00LjQyLTIuMjA0LTEuNzk0LS45MTMtMi45MTktMi43MTYtMi45Mi00LjY4Mi4wMDMtMi45MiAyLjQ0LTUuMjg1IDUuNDUtNS4yODkuNTYgMCAxLjA5OC4wOSAxLjYwOC4yNDV2LTQuOTMzQzcuMjAyIDE1LjU4OSAyIDIwLjcyMiAyIDI3LjAxNmMwIDMuMDQ1IDEuMjE5IDUuODE2IDMuMjA1IDcuODg1QTEyLjExNSAxMi4xMTUgMCAwIDAgMTIuMDQ1IDM3YzYuNTggMCAxMS45MzQtNS4xOTUgMTEuOTM0LTExLjU4IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPgo=);
  z-index: 1;
}
.wp-block-superprof-tiktok-block .tiktok-preview img {
  display: block;
  margin: auto;
  width: 325px;
  height: 575px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.wp-block-superprof-tiktok-block .tiktok-preview .play-button {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  border: none;
  width: 96px;
  height: 96px;
  cursor: pointer;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIj4KCTxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2QpIj4KCQk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMzLjQzNzUgMjIuOTc3NUMzMi4yNSAyMi4yNDM0IDE4LjQzNzUgMTMuNjE4NyAxNy43NSAxMy4xOTA1QzE2Ljg3NSAxMi42NCAxNiAxMy4zNzQgMTYgMTQuMjMwM1YzMy44MDQzQzE2IDM0Ljc4MyAxNi45Mzc1IDM1LjI3MjQgMTcuNjg3NSAzNC44NDQyQzE4LjY4NzQgMzQuMjMyNSAzMi41NjI1IDI1LjYwNzcgMzMuNDM3NSAyNS4wNTcyQzM0LjE4NzUgMjQuNTY3OSAzNC4xODc1IDIzLjQwNTYgMzMuNDM3NSAyMi45Nzc1WiIgZmlsbD0id2hpdGUiLz4KCTwvZz4KCTxkZWZzPgoJCTxmaWx0ZXIgaWQ9ImZpbHRlcjBfZCIgeD0iMTUiIHk9IjEzIiB3aWR0aD0iMjAiIGhlaWdodD0iMjQiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KCQkJPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KCQkJPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz4KCQkJPGZlT2Zmc2V0IGR5PSIxIi8+CgkJCTxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjAuNSIvPgoJCQk8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xMiAwIi8+CgkJCTxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CgkJCTxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CgkJPC9maWx0ZXI+Cgk8L2RlZnM+Cjwvc3ZnPgo=);
  background-size: contain;
}
.wp-block-superprof-tiktok-block .tiktok-preview .play-button.loading {
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgdmlld0JveD0iLTEgLTEgNDIgNDIiPgo8ZGVmcz4KCTxsaW5lYXJHcmFkaWVudCB4MT0iOC4wNDIlIiB5MT0iMCUiIHgyPSI2NS42ODIlIiB5Mj0iMjMuODY1JSIgaWQ9ImEiPgoJCTxzdG9wIHN0b3AtY29sb3I9IndoaXRlIiBjbGFzcz0iY2lyY2xlIiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iMCUiLz4KCQk8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIgY2xhc3M9ImNpcmNsZSIgc3RvcC1vcGFjaXR5PSIuNjMxIiBvZmZzZXQ9IjYzLjE0NiUiLz4KCQk8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIgY2xhc3M9ImNpcmNsZSIgb2Zmc2V0PSIxMDAlIi8+Cgk8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+CjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+Cgk8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIj4KCQk8cGF0aCBkPSJNMzYgMThjMC05Ljk0LTguMDYtMTgtMTgtMTgiIGlkPSJPdmFsLTIiIHN0cm9rZT0idXJsKCNhKSIgc3Ryb2tlLXdpZHRoPSI0Ij4KCQkJPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMTggMTgiIHRvPSIzNjAgMTggMTgiIGR1cj0iMS4ycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KCQk8L3BhdGg+CgkJPGNpcmNsZSBmaWxsPSJ3aGl0ZSIgY3g9IjM2IiBjeT0iMTgiIHI9IjEiIGNsYXNzPSJjaXJjbGUiPgoJCQk8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCAxOCAxOCIgdG89IjM2MCAxOCAxOCIgZHVyPSIxLjJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgoJCTwvY2lyY2xlPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=);
}
.wp-block-superprof-tiktok-block .tiktok-preview.no-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 28px;
  color: #fff;
  height: 575px;
  background: #ccc url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0ODVweCIgaGVpZ2h0PSI0NjBweCIgdmlld0JveD0iMCAwIDQ2OCA0NjAiPgoJPHBhdGggZD0iTSAwIDY1LCA0NjAgNjUsIDQ2MCAzODUsIDcgMzg1LCA3IDU4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjE1IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPGNpcmNsZSBjeD0iOTAiIGN5PSIxMjAiIHI9IjM1IiBmaWxsPSJ3aGl0ZSIvPgoJPHBhdGggZD0iTSAzMCAzNjAsIDE3MCA5MCwgMjkwIDMxMCwgMzUwIDIzMCwgNDM1IDM2MCIgZmlsbD0id2hpdGUiLz4KCTxwYXRoIGQ9Ik0gMiA0NDUsIDQ1NSAyLCA0NjYgMTUsIDE1IDQ2MCwgMiA0NDMiIHN0cm9rZT0iI2NjYyIgc3Ryb2tlLXdpZHRoPSIzIiBmaWxsPSJ3aGl0ZSIgLz4KPC9zdmc+Cg==) no-repeat center center/60%;
}
.wp-block-superprof-tiktok-block .tiktok-embed-desc {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  flex: 1;
  padding: 0 12px 14px;
  cursor: pointer;
  width: 323px;
  height: 180px;
}
.wp-block-superprof-tiktok-block .tiktok-embed-desc a {
  color: #161823;
  text-decoration: none;
  position: relative;
  padding-top: 12px;
  display: block;
  font-size: 1.7rem;
  line-height: 2rem;
  font-family: TikTokFont, Arial, Tahoma, PingFangSC, sans-serif;
  font-weight: 500;
}
.wp-block-superprof-tiktok-block .tiktok-embed-desc a:hover {
  text-decoration: underline;
}
.wp-block-superprof-tiktok-block .tiktok-embed-desc .video-title {
  width: 100%;
  font-family: TikTokFont, Arial, Tahoma, PingFangSC, sans-serif;
  display: block;
  font-size: 1.5rem;
  line-height: 1.8rem;
  margin-top: 8px;
  font-weight: 400;
  margin-bottom: 0px;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.wp-block-superprof-tiktok-block .tiktok-embed-desc a:not(.author-link a) {
  font-size: 1.5rem;
  line-height: 1.8rem;
  margin-top: 8px;
  font-weight: 400;
  padding: 0;
}

@media screen and (min-width: 1024px) {
  .wp-block-superprof-tiktok-block {
    margin-top: 8rem;
  }
  .wp-block-superprof-tiktok-block:before {
    position: absolute;
    right: 0;
    top: calc(-2rem + 4px);
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSIzNCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE0LjI4IDIwLjc2Yy0uNjQuMjQtMS4yOC40NC0xLjkyLjYtLjY0LjA4LTEuMjQuMTItMS44LjEyLTMuMDQgMC01LjU2LTEtNy41Ni0zcy0zLTQuNTItMy03LjU2QzAgNy44IDEuMDQgNS4yIDMuMTIgMy4xMiA1LjI4IDEuMDQgNy44OCAwIDEwLjkyIDBjMy41MiAwIDYuMjQgMS4yIDguMTYgMy42IDIgMi4zMiAzIDUuNTYgMyA5LjcyIDAgNS4xMi0xLjUyIDkuNTItNC41NiAxMy4yLTIuOTYgMy42OC02LjggNS45Mi0xMS41MiA2LjcyTDQuMzIgMzBjMi44OC0uNCA1LjEyLTEuMzYgNi43Mi0yLjg4IDEuNjgtMS41MiAyLjc2LTMuNjQgMy4yNC02LjM2em0yNS45MiAwYy0uNTYuMTYtMS4xNi4zMi0xLjguNDgtLjU2LjA4LTEuMi4xMi0xLjkyLjEyLTMuMTIgMC01LjY4LTEtNy42OC0zLTEuOTItMi0yLjg4LTQuNTItMi44OC03LjU2czEuMDQtNS42IDMuMTItNy42OFMzMy43MiAwIDM2Ljg0IDBjMy41MiAwIDYuMjQgMS4xNiA4LjE2IDMuNDggMiAyLjMyIDMgNS41NiAzIDkuNzIgMCA1LjEyLTEuNTIgOS41Ni00LjU2IDEzLjMyLTIuOTYgMy42OC02LjggNS45Mi0xMS41MiA2LjcyTDMwLjI0IDMwYzIuODgtLjQgNS4xMi0xLjM2IDYuNzItMi44OCAxLjY4LTEuNTIgMi43Ni0zLjY0IDMuMjQtNi4zNnoiIGZpbGw9IiNGRjYzNjMiLz48L3N2Zz4K);
    display: block;
    width: 4.8rem;
    height: 3.3rem;
  }
}

/*# sourceMappingURL=style-index.css.map*/