/* Telegram Ads Preview Styles - Variables */
:root {
  --text-color: #222;
  --link-color: #0288db;
  --accent-color: #119af5;
}

/* Base preview wrapper */
.tg-preview-telegram {
  --text-color: #222;
  --link-color: #0288db;
  --accent-color: #119af5;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: #6fa786 url('https://telegram.org/img/AdPreviewBackground.jpg') no-repeat center;
  background-size: cover;
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 8px;
  min-height: 100px;
  position: relative;
}
.tg-preview-telegram a {
  text-decoration: none !important;
}
.tg-preview-telegram a:hover {
  text-decoration: none !important;
}

.tg-preview-telegram * {
  box-sizing: border-box;
}

.tg-preview-label-tg {
  font-size: 10px;
  color: rgba(255,255,255,0.7);
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* Hide/show based on target type */
.tg-preview-telegram .js-preview {
  display: none;
}
.tg-preview-telegram .js-preview[data-target-type="channels"].active,
.tg-preview-telegram .js-preview[data-target-type="bots"].active,
.tg-preview-telegram .js-preview[data-target-type="users"].active,
.tg-preview-telegram .js-preview[data-target-type="search"].active {
  display: block;
}

/* Hide video_banner by default, show only when placement matches */
.tg-preview-telegram .js-preview[data-placement="video_banner"] {
  display: none !important;
}
.tg-preview-telegram.placement-video_banner .js-preview[data-placement="video_banner"].active {
  display: block !important;
}
.tg-preview-telegram.placement-video_banner .js-preview[data-placement="channel_post"] {
  display: none !important;
}

/* Video Banner Preview - looks like video player */
.tg-preview-telegram .pr-preview-ad-bottombox-wrap[data-placement="video_banner"] {
  min-height: 145px;
  position: relative;
  background: #1a1a1a url('https://telegram.org/img/AdPreviewBackgroundVideo.jpg') no-repeat center;
  background-size: cover;
  border-radius: 6px;
  overflow: hidden;
}

/* Video progress bar - background track */
.tg-preview-telegram .pr-preview-ad-bottombox-wrap[data-placement="video_banner"]:before {
  display: block;
  content: '';
  height: 3px;
  border-radius: 3px;
  background: rgba(255, 255, 255, .16);
  box-shadow: none;
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  pointer-events: none;
  z-index: 2;
}

/* Video progress bar - played portion */
.tg-preview-telegram .pr-preview-ad-bottombox-wrap[data-placement="video_banner"]:after {
  display: block;
  content: '';
  height: 3px;
  border-radius: 3px;
  background: rgba(255, 255, 255, .86);
  width: 60%;
  position: absolute;
  left: 10px;
  bottom: 10px;
  pointer-events: none;
  z-index: 3;
}

/* Make bottombox visible in video banner mode */
.tg-preview-telegram .pr-preview-ad-bottombox-wrap[data-placement="video_banner"].active .pr-preview-ad-bottombox {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  padding: 15px 10px 25px;
}

/* Video banner close icon */
.tg-preview-telegram .pr-preview-ad-bottombox-wrap[data-placement="video_banner"] .ad-msg-bottombox-close-icon {
  position: absolute;
  right: 5px;
  top: 5px;
  display: inline-block;
  width: 24px;
  height: 24px;
  pointer-events: none;
  background: url('data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m7%2017%2010-10m-10%200%2010%2010%22%20fill%3D%22none%22%20stroke%3D%22rgba(255,255,255,0.6)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.3%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
  z-index: 4;
}

/* Video banner empty state - light text on dark background */
.tg-preview-telegram .pr-preview-ad-bottombox-wrap[data-placement="video_banner"] .pr-preview-ad-empty .ad-msg-service {
  background: rgba(0, 0, 0, 0.5);
  color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.tg-preview-telegram .pr-preview-ad-wrap {
  display: block;
  overflow: visible;
  cursor: auto;
}
/* ===== Bot preview — matches original Telegram proportions ===== */

/* Bot wrap: flex column when active (overrides display:block from js-preview) */
.tg-preview-telegram .js-preview.pr-preview-ad-bot-wrap.active {
  display: flex;
  flex-direction: column;
}

/* Headerbox fills full width edge-to-edge (counters parent padding) */
.tg-preview-telegram .pr-preview-ad-bot-wrap .pr-preview-ad-headerbox {
  position: static;
  padding-bottom: 0;
  margin: -16px -16px 0 -16px;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
.tg-preview-telegram .pr-preview-ad-bot-wrap .pr-preview-ad-headerbox .ad-msg-headerbox {
  overflow: visible;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 18px;
}
.tg-preview-telegram .pr-preview-ad-bot-wrap .pr-preview-ad-headerbox .ad-msg-headerbox-title-wrap {
  white-space: normal;
}
.tg-preview-telegram .pr-preview-ad-bot-wrap .pr-preview-ad-headerbox .ad-msg-headerbox-image {
  width: 42px;
  margin: 0 -21px 0 5px;
}
.tg-preview-telegram .pr-preview-ad-bot-wrap .pr-preview-ad-headerbox .ad-msg-headerbox-desc {
  font-size: 13px;
  line-height: 16px;
}
.tg-preview-telegram .pr-preview-ad-bot-wrap .pr-preview-ad-headerbox .ad-msg-headerbox-close-icon {
  margin: 8px;
}

/* Bot message — visible, proper padding.
   Use .pr-preview-ad-wrap for higher specificity to override generic rules.
   max-width constrains bubble so text wraps to ~2 lines like original */
.tg-preview-telegram .pr-preview-ad-wrap .pr-preview-ad-bot-wrap .pr-preview-ad-message {
  padding: 8px 0 10px 13px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  max-height: none;
  max-width: 55%;
  overflow: visible;
  display: inline-block;
}

/* Bubble: auto width (content-determined), proper font like original.
   Override width:220px from .pr-preview-ad-wrap rule */
.tg-preview-telegram .pr-preview-ad-bot-wrap .pr-preview-ad-message .ad-msg-bubble {
  width: auto;
  max-width: none;
  padding: 7px 10px;
  border-radius: 10px 10px 10px 0;
  flex-grow: 0;
}
.tg-preview-telegram .pr-preview-ad-bot-wrap .pr-preview-ad-message .ad-msg-text {
  font-size: 14px;
  line-height: 18px;
}
.tg-preview-telegram .pr-preview-ad-bot-wrap .pr-preview-ad-message .ad-msg-date {
  font-size: 11px;
  line-height: 14px;
  margin-top: 2px;
}

/* Keyboard: sits right under the bubble */
.tg-preview-telegram .pr-preview-ad-bot-wrap .pr-preview-ad-message .ad-msg-keyboard {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  margin-top: 4px;
}
.tg-preview-telegram .pr-preview-ad-bot-wrap .pr-preview-ad-message .ad-msg-keyboard-button {
  padding: 10px 20px;
  border-radius: 6px 6px 10px 10px;
  margin-top: 4px;
}
.tg-preview-telegram .pr-preview-ad-bot-wrap .pr-preview-ad-message.with-keyboard .ad-msg-bubble {
  border-radius: 10px 10px 6px 0;
}
.pr-preview-ad-video-wrap .pr-preview-ad-bottombox,
.pr-preview-ad-bot-wrap .pr-preview-ad-headerbox {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.pr-form-control-wrap.pr-preview-ad-wrap:after,
.pr-form-control-wrap.pr-preview-ad-bot-wrap:after {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
}
.pr-preview-ad-wrap .pr-preview-ad-empty {
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .2s ease;
}
.pr-preview-ad-wrap .active .pr-preview-ad-empty {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.pr-preview-ad-empty .ad-msg-service {
  display: inline-block;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  background: #b5c0c8;
  background: rgba(0, 0, 0, .15);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  box-shadow: none;
  color: #fff;
  border-radius: 12px;
  padding: 3px 10px 2px;
  margin: 0 10px;
}
.pr-preview-ad-message {
  padding: 0 0 0 13px;
  display: inline-block;
  vertical-align: top;
}
.pr-preview-ad-message-wrap.bordered .pr-preview-ad-message {
  position: relative;
  display: block;
  padding: 0;
}
.pr-preview-ad-wrap .pr-preview-ad-message {
  padding: 16px 44px 16px 24px;
}
.tg-preview-telegram .pr-preview-ad-wrap .pr-preview-ad-message {
  padding: 6px 12px 6px 12px;
  margin-right: 0;
}
.pr-preview-ad-wrap .pr-preview-ad-message,
.pr-preview-ad-wrap .pr-preview-ad-search {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all .2s ease;
  overflow: hidden;
  max-height: 0;
}
.pr-preview-ad-wrap .active .pr-preview-ad-message,
.pr-preview-ad-wrap .active .pr-preview-ad-search {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  max-height: none;
}
.pr-preview-ad-message .ad-msg-photo-wrap {
  align-self: flex-end;
  margin: 0 13px 0 -13px;
}
.pr-preview-ad-message-wrap.bordered .pr-preview-ad-message .ad-msg-photo-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
}
.pr-preview-ad-message-wrap.bordered .pr-preview-ad-message .ad-msg-bubble {
  margin-left: 49px;
}
.pr-preview-ad-wrap .pr-preview-ad-message .ad-msg-photo-wrap {
  margin: 0 8px 0 -8px;
  transition: opacity .2s ease;
  opacity: 0;
}
.pr-preview-ad-message-wrap.picture .ad-msg-photo-wrap {
  opacity: 1;
}
.pr-preview-ad-message-wrap.has-media .ad-msg-photo-wrap {
  display: none;
}
.pr-preview-ad-message .ad-msg-photo,
.pr-preview-ad-message .ad-msg-photo img {
  display: inline-block;
  vertical-align: top;
  width: 36px;
  height: 36px;
  border-radius: 18px;
}
.pr-preview-ad-message .ad-msg-photo {
  position: relative;
  font-style: normal;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
  font-size: 16px;
  line-height: 37px;
  color: #999;
  background: #efefef;
  overflow: hidden;
}
.pr-preview-ad-message .ad-msg-photo:before {
  content: attr(data-content);
  font-weight: 500;
}
.pr-preview-ad-message .ad-msg-photo a {
  text-decoration: none;
  color: #999;
}
.pr-preview-ad-message .ad-msg-photo img {
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
}
.pr-preview-ad-message .ad-msg-bubble {
  position: relative;
  background: #fff;
  max-width: 100%;
  padding: 7px 10px;
  border-radius: 10px 10px 10px 0;
  box-shadow: 0 0 0 1px rgba(5, 28, 44, .07);
  flex-grow: 1;
}
.pr-preview-ad-message.with-keyboard .ad-msg-bubble {
  border-radius: 10px 10px 6px 0;

}
.pr-preview-ad-message .ad-msg-keyboard {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  margin-top: 4px;
}
.pr-preview-ad-message .ad-msg-keyboard-button {
  margin-top: 4px;
  background: rgba(0, 0, 0, .17);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  padding: 10px 20px;
  border-radius: 6px 6px 10px 10px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  color: #fff;
}
.pr-preview-ad-headerbox {
  position: absolute;
  inset: 0 0 auto;
  padding: 0;
  transform: translateY(-100%);
  visibility: hidden;
  opacity: 0;
  transition: all .2s ease;
  z-index: 1;
}
.ad-msg-headerbox-close-icon {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  content: '';
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin: 10px;
  pointer-events: none;
  background: url('data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m7%2017%2010-10m-10%200%2010%2010%22%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.3%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
  transition: all .2s ease;
  z-index: 1;
}
.pr-preview-ad-wrap .pr-preview-ad-headerbox-wrap.picture .ad-msg-headerbox-close-icon {
  opacity: 0;
  visibility: hidden;
}
.pr-preview-ad-wrap .pr-preview-ad-headerbox-wrap.active .pr-preview-ad-headerbox {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.pr-preview-ad-headerbox .ad-msg-headerbox {
  --preview-color1: var(--link-color) !important;
  display: block;
  position: relative;
  font-size: 14px;
  line-height: 18px;
  background: #fff;
  padding: 12px 16px;
  color: var(--text-color);
  overflow: hidden;
}
.pr-preview-ad-headerbox a.ad-msg-headerbox:hover,
.pr-preview-ad-headerbox a.ad-msg-headerbox:focus {
  text-decoration: none;
}
.pr-preview-ad-headerbox .ad-msg-headerbox-title-wrap {
  display: flex;
  align-items: flex-start;
  white-space: nowrap;
  font-weight: bold;
}
.pr-preview-ad-headerbox .ad-msg-headerbox-title-wrap > * {
  flex-shrink: 0;
}
.pr-preview-ad-headerbox .ad-msg-headerbox-title {
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 7px;
}
.pr-preview-ad-headerbox a.ad-msg-headerbox-title {
  color: #222;
}
.pr-preview-ad-headerbox .ad-msg-headerbox-desc {
/*  margin-top: 2px;*/
}
.pr-preview-ad-headerbox .ad-msg-headerbox-sitename {
  color: var(--link-color);
  margin-bottom: 2px;
}
.oneline-text .ad-msg-headerbox-title-wrap {
  flex-wrap: wrap;
}
.oneline-text .ad-msg-headerbox-title {
  flex-basis: 100%;
  margin-left: 0;
  order: 1;
}

.pr-preview-ad-bottombox {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  visibility: hidden;
  opacity: 0;
  transform: translateY(100%);
  transition: all .2s ease;
  z-index: 1;
  text-align: center;
}
.pr-preview-ad-wrap .pr-preview-ad-bottombox-wrap.active .pr-preview-ad-bottombox {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.pr-preview-ad-bottombox .ad-msg-bottombox {
  display: inline-block;
  position: relative;
  font-size: 13px;
  line-height: 17px;
  min-width: 70%;
  max-width: 100%;
  box-sizing: border-box;
  background: #343d43;
  border-radius: 12px;
  padding: 11px 20px;
  color: #fff;
  overflow: hidden;
  text-align: left;
  transition: padding .15s ease;
}
.pr-preview-ad-bottombox a.ad-msg-bottombox:hover,
.pr-preview-ad-bottombox a.ad-msg-bottombox:focus {
  text-decoration: none;
}
.pr-preview-ad-bottombox .ad-msg-bottombox-title-wrap {
  display: flex;
  align-items: flex-start;
  white-space: nowrap;
  font-weight: 500;
  line-height: 16px;
}
.pr-preview-ad-bottombox .ad-msg-bottombox-title-wrap > * {
  flex-shrink: 0;
}
.pr-preview-ad-bottombox .ad-msg-bottombox-title {
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 4px;
}
.pr-preview-ad-bottombox a.ad-msg-bottombox-title {
  color: #222;
}
.pr-preview-ad-bottombox .ad-msg-bottombox-desc {
  margin-top: 1px;
}
.pr-preview-ad-bottombox .ad-msg-bottombox-sitename {
  color: #57b9ff;
  font-size: 11px;
  line-height: 14px;
  padding: 1px 6px;
  font-weight: normal;
  background: rgba(83, 183, 255, 0.13);
  border-radius: 10px;
}
/*
.pr-preview-ad-headerbox-wrap,
.pr-preview-ad-bot-wrap,
.pr-preview-ad-message-wrap {
  min-height: 120px;
  position: relative;
  background: #6fa786 url('/img/AdPreviewBackground.jpg') no-repeat center;
  background-size: cover;
  border-radius: 6px;
}
.pr-preview-ad-bottombox-wrap,
.pr-preview-ad-video-wrap */
.tg-preview-telegram.colorless .pr-preview-ad-headerbox-wrap,
.tg-preview-telegram.colorless .pr-preview-ad-bottombox-wrap,
.tg-preview-telegram.colorless .pr-preview-ad-bot-wrap,
.tg-preview-telegram.colorless .pr-preview-ad-video-wrap,
.tg-preview-telegram.colorless .pr-preview-ad-message-wrap {
  background: #ebeef0;
}
.tg-preview-telegram.colorless .pr-form-control-wrap.pr-preview-ad-wrap:after {
  display: none;
}
.tg-preview-telegram.colorless .pr-preview-ad-message .ad-msg-link-preview {
  font-size: 14px;
  line-height: 17px;
  padding: 0 4px;
  margin: 0;
}
.tg-preview-telegram.colorless .pr-preview-ad-message .ad-msg-link-preview-media {
  margin: 4px 0 7px;
}
.tg-preview-telegram.colorless .pr-preview-ad-bottombox .ad-msg-bottombox {
  font-size: 14px;
}
.tg-preview-telegram.colorless .pr-preview-ad-message .ad-msg-link-preview-title {
  font-size: 14px;
  margin: 4px 0 6px;
  color: var(--link-color);
}
.tg-preview-telegram.colorless .pr-preview-ad-message .ad-msg-link-preview-btn {
  padding: 23px 0 5px;
  color: var(--link-color);
}
.tg-preview-telegram.colorless .pr-preview-ad-message .ad-msg-link-preview-btn:before {
  background-color: #000;
  opacity: 0.08;
  top: 11px;
}
.tg-preview-telegram.colorless .pr-preview-ad-message .ad-msg-link-preview:before,
.tg-preview-telegram.colorless .pr-preview-ad-message .ad-msg-link-preview:after {
  display: none;
}
.tg-preview-telegram.colorless .pr-preview-ad-message .ad-msg-bubble {
  box-shadow: 0 0 0 1px #dbdfe2;
}
.tg-preview-telegram.colorless .pr-preview-ad-message .ad-msg-bubble-corner:before {
  display: inline-block;
  vertical-align: bottom;
  content: '';
  width: 8px;
  height: 16px;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2216%22%20viewBox%3D%220%200%208%2016%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22spread%22%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%221%22%20result%3D%22spread%22%2F%3E%3CfeFlood%20flood-color%3D%22%23dbdfe2%22%20result%3D%22color%22%2F%3E%3CfeComposite%20in%3D%22color%22%20in2%3D%22spread%22%20operator%3D%22in%22%20result%3D%22coloredSpread%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22coloredSpread%22%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%3E%3Cpath%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%200.33%200%20L%200.4%203.17%20C%200.4%205.6%200.67%208.67%202%2010.67%20C%203%2012.17%204.35%2013.13%205.7%2013.7%20C%205.8%2013.75%206%2013.95%206%2014.25%20C%206%2014.34%206%2014.43%206%2014.56%20C%206%2014.7%205.86%2015%205.53%2015%20C%205.32%2015%203.14%2015%20-1%2015%20L%20-1%200%20L%200.33%200%20Z%22%20transform%3D%22matrix%28-1%200%200%201%207%200%29%22%20filter%3D%22url%28%23spread%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
}
.tg-preview-telegram.colorless .pr-preview-ad-bottombox .ad-msg-bottombox {
  background: #fff;
  box-shadow: 0 0 0 1px #dbdfe2;
  color: #222;
}
.tg-preview-telegram.colorless .pr-form-control-wrap.pr-preview-ad-video-wrap:before,
.tg-preview-telegram.colorless .pr-form-control-wrap.pr-preview-ad-video-wrap:after {
  background: rgba(0, 0, 0, .06);
}

.pr-preview-ad-wrap .pr-preview-ad-message .ad-msg-bubble {
  width: 220px;
  flex-grow: 0;
}
.tg-preview-telegram .pr-preview-ad-message .ad-msg-bubble {
  padding: 5px 8px;
  border-radius: 8px 8px 8px 0;
}
.pr-preview-ad-message .ad-msg-bubble-corner {
  display: inline-block;
  position: absolute;
  left: -1px;
  bottom: -1px;
  transform: translateX(-5.6px);
}
.pr-preview-ad-message-wrap.bordered .pr-preview-ad-message .ad-msg-bubble-corner {
  transform: translateX(-6px) translateY(0.4px);
}
.pr-preview-ad-message .ad-msg-bubble-corner:before {
  display: inline-block;
  vertical-align: bottom;
  content: '';
  width: 8px;
  height: 16px;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2216%22%20viewBox%3D%220%200%208%2016%22%20style%3D%22filter%3Adrop-shadow%280%200.5px%200%20rgba%28118%2C%20142%2C%20106%2C%20.3%29%29%3B%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%200.33%200%20L%200.4%203.17%20C%200.4%205.6%200.67%208.67%202%2010.67%20C%203%2012.17%204.35%2013.13%205.7%2013.7%20C%205.8%2013.75%206%2013.95%206%2014.25%20C%206%2014.34%206%2014.43%206%2014.56%20C%206%2014.7%205.86%2015%205.53%2015%20C%205.32%2015%203.14%2015%20-1%2015%20L%20-1%200%20L%200.33%200%20Z%22%20transform%3D%22matrix%28-1%200%200%201%207%200%29%22%20style%3D%22filter%3Adrop-shadow%280%201px%201px%20rgba%2825%2C%2044%2C%2089%2C%20.1%29%29%3B%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat;;
}
.pr-preview-ad-message .ad-msg-bubble-controls {
  display: inline-flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 100%;
  width: 32px;
  border-radius: 16px;
  background: rgba(0, 0, 0, .17);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  margin: 6px 10px;
  cursor: pointer;
}
.ad-msg-bubble-controls .control {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin: 4px;
  content: '';
  background: center no-repeat;
}
.ad-msg-bubble-controls .control-hide {
  background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.8%22%3E%3Cpath%20d%3D%22M8%2016%2016%208M8%208%2016%2016%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.ad-msg-bubble-controls .control-more {
  background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%226.5%22%20r%3D%221.8%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221.8%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2217.5%22%20r%3D%221.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.pr-preview-ad-message .ad-msg-from,
.pr-preview-ad-message .ad-msg-channel-from {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  color: var(--link-color);
}
.pr-preview-ad-wrap .pr-preview-ad-message .ad-msg-from,
.pr-preview-ad-wrap .pr-preview-ad-message .ad-msg-channel-from {
  color: #3487cb;
}
.pr-preview-ad-wrap .pr-preview-ad-message .ad-msg-from {
  color: #51983e;
}
.ad-msg-from .verified-icon,
.ad-owner-name .verified-icon,
.ad-msg-headerbox-title .verified-icon,
.pr-preview-ad-item-title .verified-icon,
.ad-msg-link-preview-title .verified-icon {
  padding: 0;
  vertical-align: -2px;
  margin-left: 5px;
}
.pr-preview-ad-message .ad-msg-text {
  font-size: 16px;
  line-height: 19px;
  word-break: break-word;
  color: #000;
}
.pr-preview-ad-wrap .pr-preview-ad-message .ad-msg-text {
  font-size: 14px;
  line-height: 16px;
}
.tg-preview-telegram .pr-preview-ad-message .ad-msg-text {
  font-size: 12px;
  line-height: 14px;
}
.tg-preview-telegram .pr-preview-ad-message .ad-msg-from,
.tg-preview-telegram .pr-preview-ad-message .ad-msg-channel-from {
  font-size: 12px;
  line-height: 14px;
}
.tg-preview-telegram .pr-preview-ad-message .ad-msg-date {
  font-size: 10px;
  line-height: 12px;
  margin-top: 3px;
}
.pr-preview-ad-message .ad-msg-from + .ad-msg-text {
  margin-top: 5px;
}
.pr-preview-ad-message .ad-msg-media {
  margin-top: 5px;
}
.pr-preview-ad-message .ad-msg-date {
  font-size: 12px;
  line-height: 14px;
  color: #a1aab3;
  text-align: right;
  margin-top: 5px;
}
.pr-preview-ad-message .before_footer + .ad-msg-date {
  margin-top: -14px;
}
.pr-preview-ad-message .before_footer + .ad-msg-date .label {
  position: relative;
  bottom: -2px;
}
.pr-preview-ad-message .ad-msg-btn {
  display: block;
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  color: #358dd4;
  border: 1px solid #448abf;
  border-radius: 6px;
  margin-top: 8px;
  margin-bottom: 2px;
}
.tg-preview-telegram .pr-preview-ad-message .ad-msg-btn {
  font-size: 11px;
  line-height: 13px;
  padding: 6px 12px;
  margin-top: 5px;
  border-radius: 4px;
}
.pr-preview-ad-message a.ad-msg-btn:hover {
  text-decoration: none;
}
.pr-preview-ad-message .ad-msg-link-preview {
  --preview-color1: var(--accent-color);
  --preview-gradient-2color:
    var(--preview-color1) 0 6px,
    var(--preview-color2) 6px 12px;
  --preview-gradient-3colors:
    var(--preview-color1) 0 6px,
    var(--preview-color2) 6px 12px,
    var(--preview-color3) 12px 18px;
  --preview-gradient-colors: var(--preview-gradient-3colors, var(--preview-gradient-2color, var(--preview-color1) 0% 100%));
  display: block;
  position: relative;
  color: var(--text-color);
  border-radius: 6px;
  font-size: 13px;
  line-height: 15px;
  padding: 0 7px 0 11px;
  margin: 1px -2px;
  overflow: hidden;
  z-index: 0;
}
.tg-preview-telegram .pr-preview-ad-message .ad-msg-link-preview {
  font-size: 11px;
  line-height: 13px;
  padding: 0 5px 0 8px;
  border-radius: 4px;
}
.pr-preview-ad-message .ad-msg-link-preview:hover {
  text-decoration: none;
}
.pr-preview-ad-message .ad-msg-link-preview:before {
  content: '';
  position: absolute;
  background-color: var(--preview-color1);
  opacity: 0.1;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.pr-preview-ad-message .ad-msg-link-preview:after {
  content: '';
  position: absolute;
  background-color: var(--preview-color1);
  background: repeating-linear-gradient(135deg, var(--preview-gradient-colors));
  background-position-y: 3px;
  background-size: 6px 51px;
  width: 3px;
  left: 0;
  top: 0;
  bottom: 0;
}
.pr-preview-ad-message .ad-msg-link-preview-media {
  margin: 7px 0 -1px;
  display: none;
}
.pr-preview-ad-message .ad-msg-link-preview-media .pr-ad-media {
  border-radius: 4px;
}
.pr-preview-ad-message .ad-msg-link-preview-media .pr-ad-media-duration {
  font-size: 10px;
  line-height: 12px;
  padding: 2px 4px 2px;
}
.pr-preview-ad-message-wrap.media .ad-msg-link-preview-media {
  display: block;
}
.pr-preview-ad-message .ad-msg-link-preview-media .pr-ad-media-photo {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 4px;
}
.pr-preview-ad-message .ad-msg-link-preview-sitename,
.pr-preview-ad-message .ad-msg-link-preview-title {
  line-height: 16px;
  font-weight: 500;
}
.pr-preview-ad-message .ad-msg-link-preview-sitename {
  color: var(--preview-color1);
  -webkit-font-smoothing: antialiased;
  text-transform: capitalize;
  margin: 7px 0 0;
}
.pr-preview-ad-headerbox .ad-msg-sitename-badge,
.pr-preview-ad-message .ad-msg-sitename-badge {
  display: inline-block;
  position: relative;
  color: var(--preview-color1);
  -webkit-font-smoothing: antialiased;
  font-size: 10px;
  line-height: 14px;
  font-weight: normal;
  vertical-align: top;
  text-transform: none;
  margin: 1px 2px;
  padding: 0px 5px;
}
.pr-preview-ad-headerbox .ad-msg-sitename-badge {
  margin: 1px 7px;
}
.pr-preview-ad-headerbox .ad-msg-sitename-badge:before,
.pr-preview-ad-message .ad-msg-sitename-badge:before {
  content: '';
  position: absolute;
  background-color: var(--preview-color1);
  border-radius: 8px;
  opacity: 0.1;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.pr-preview-ad-message .ad-msg-link-preview-title {
  margin: 7px 0 0;
}
.pr-preview-ad-message .ad-msg-link-preview-sitename + .ad-msg-link-preview-title,
.pr-preview-ad-message .ad-msg-link-preview-desc {
  margin: 1px 0 0;
}
.emoji_image .pr-preview-ad-wrap i.emoji {
  margin: -5px -2px;
}
.pr-preview-ad-headerbox .ad-msg-headerbox-image,
.pr-preview-ad-message .ad-msg-link-preview-image {
  display: inline-block;
  width: 42px;
  float: right;
  border-radius: 6px;
  margin: 4px -100px 2px 7px;
  overflow: hidden;
  opacity: 0;
  transform: translateX(42px);
  transition: margin 0s .15s ease, transform .15s ease, opacity .15s ease;
}
.pr-preview-ad-headerbox .ad-msg-headerbox-image {
  position: relative;
  margin-right: -21px;
  z-index: 2;
}
.pr-preview-ad-bottombox .ad-msg-bottombox-image {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto 0px;
  overflow: hidden;
  opacity: 0;
  transform: translateX(-32px);
  transition: margin 0s .15s ease, transform .15s ease, opacity .15s ease;
}
.pr-preview-ad-headerbox .ad-msg-headerbox-image img,
.pr-preview-ad-bottombox .ad-msg-bottombox-image img,
.pr-preview-ad-message .ad-msg-link-preview-image img {
  max-width: 100%;
  vertical-align: top;
  border-radius: 6px;
}
.pr-preview-ad-bottombox .ad-msg-bottombox-image img {
  border-radius: 16px;
}
.pr-preview-ad-headerbox-wrap.active .pr-preview-ad-message {
  margin-top: 80px;
}
.tg-preview-telegram .pr-preview-ad-bot-wrap.picture .pr-preview-ad-headerbox .ad-msg-headerbox-image,
.tg-preview-telegram .pr-preview-ad-video-wrap.picture .pr-preview-ad-bottombox .ad-msg-bottombox-image,
.pr-preview-ad-wrap .pr-preview-ad-headerbox-wrap.picture .pr-preview-ad-headerbox .ad-msg-headerbox-image,
.pr-preview-ad-wrap .pr-preview-ad-bottombox-wrap.picture .pr-preview-ad-bottombox .ad-msg-bottombox-image,
.pr-preview-ad-wrap .pr-preview-ad-message-wrap.picture .pr-preview-ad-message .ad-msg-link-preview-image {
  margin-right: 0;
  opacity: 1;
  transform: translateX(0px);
  transition: margin 0s ease, transform .15s ease, opacity .15s ease;
}
.tg-preview-telegram .pr-preview-ad-video-wrap.picture .ad-msg-bottombox,
.pr-preview-ad-wrap .pr-preview-ad-bottombox-wrap.picture .ad-msg-bottombox {
  padding-left: 60px;
}
.tg-preview-telegram-status.pr-ad-status-colored ~ .tg-preview-telegram-wrap .pr-preview-ad-bot-wrap.picture .pr-preview-ad-headerbox .ad-msg-headerbox-image {
  margin-right: -21px;
}
.pr-preview-ad-wrap .pr-preview-ad-headerbox-wrap.has-media .pr-preview-ad-headerbox .ad-msg-headerbox-image,
.pr-preview-ad-wrap .pr-preview-ad-bottombox-wrap.has-media .pr-preview-ad-bottombox .ad-msg-bottombox-image,
.pr-preview-ad-wrap .pr-preview-ad-message-wrap.has-media .pr-preview-ad-message .ad-msg-link-preview-image {
  display: none;
}
.pr-preview-ad-message .ad-msg-link-preview-btn {
  display: block;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: var(--preview-color1);
  padding: 16px 0 8px;
  margin: 1px 0 0;
  text-align: center;
  position: relative;
  clear: right;
}
.pr-preview-ad-message a.ad-msg-link-preview-btn:hover,
.pr-preview-ad-message a.ad-msg-link-preview-btn:focus {
  text-decoration: none;
}
.pr-preview-ad-message .ad-msg-link-preview-btn:before {
  content: '';
  position: absolute;
  background-color: var(--preview-color1);
  opacity: 0.2;
  top: 7px;
  height: 1px;
  left: 0;
  right: 0;
}

.pr-preview-ad-search-wrap {
  background-color: #fff;
  border-radius: 6px;
}
.pr-preview-ad-search-wrap .pr-preview-ad-empty {
  background-color: #f5f5f5;
}
.pr-preview-ad-search-wrap .pr-preview-ad-empty .ad-msg-service {
  font-weight: normal;
  background: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: #808080;
}
.pr-layer-preview-ad .pr-preview-ad-wrap .pr-preview-ad-search-wrap {
  border: none;
  border-radius: 0;
  margin-top: -20px;
  padding-bottom: 55px;
}
.pr-preview-ad-search-header {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  padding: 5px 13px;
  background-color: #f5f5f5;
  border-radius: 6px 6px 0 0;
  color: #84888c;
}
.pr-layer-preview-ad .pr-preview-ad-wrap .pr-preview-ad-search-header {
  font-size: 14px;
  padding: 7px 24px;
  border-radius: 0;
}
.pr-preview-ad-search-item {
  display: flex;
  position: relative;
  vertical-align: top;
  padding: 5px 8px;
}
a.pr-preview-ad-search-item:hover,
a.pr-preview-ad-search-item:focus {
  text-decoration: none;
}
.pr-layer-preview-ad .pr-preview-ad-wrap .pr-preview-ad-search-item {
  padding: 7px 24px;
}
.pr-preview-ad-search-item + .pr-preview-ad-search-item:before,
.pr-preview-ad-search-item + .pr-preview-ad-search-items .pr-preview-ad-search-item:before {
  position: absolute;
  top: 0;
  left: 55px;
  right: 0;
  display: block;
  content: '';
  border-top: 1px solid #f0f0f0;
}
.pr-preview-ad-search-field-wrap {
  display: flex;
  justify-content: space-between;
}
.pr-preview-ad-search-field-wrap .preview-search-prev,
.pr-preview-ad-search-field-wrap .preview-search-next {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all .2s ease;
  cursor: pointer;
  margin: 9px;
}
.pr-preview-ad-search-field-wrap.multiple .preview-search-prev,
.pr-preview-ad-search-field-wrap.multiple .preview-search-next {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.pr-preview-ad-search-field-wrap .preview-search-prev {
  margin-right: -2px;
}
.pr-preview-ad-search-field-wrap .preview-search-icon:before,
.pr-preview-ad-search-field-wrap .preview-search-prev:before,
.pr-preview-ad-search-field-wrap .preview-search-next:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  background: center no-repeat;
}
.pr-preview-ad-search-field-wrap .preview-search-icon:before {
  background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23999%22%20stroke-width%3D%221.3%22%3E%3Ccircle%20cx%3D%2213.18%22%20cy%3D%2210.5%22%20r%3D%224.85%22%2F%3E%3Cpath%20d%3D%22m9.83%2014.38-3.83%203.83%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  margin: 9px 11px;
}
.pr-preview-ad-search-field-wrap .preview-search-prev:before {
  background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m14%206.5-4.9%205.4c-.1.1-.1.1%200%20.2l4.9%205.4%22%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.4%22%2F%3E%3C%2Fsvg%3E');
}
.pr-preview-ad-search-field-wrap .preview-search-next:before {
  background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m10%2017.5%204.9-5.4c.1-.1.1-.1%200-.2l-4.9-5.4%22%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.4%22%2F%3E%3C%2Fsvg%3E');
}
.pr-preview-ad-search-field-wrap .preview-search-field {
  flex-grow: 1;
  font-size: 14px;
  line-height: 18px;
  padding: 11px 0;
  color: #222;
}
.pr-preview-ad-search-field-wrap .preview-search-field:empty:before {
  content: attr(data-placeholder);
  color: #999;
}

/* Search preview items */
.pr-preview-ad-search-items {
  padding: 0;
}
.pr-preview-ad-search-item {
  display: flex;
  position: relative;
  align-items: center;
  padding: 5px 8px;
  color: #222;
  text-decoration: none;
}
a.pr-preview-ad-search-item:hover {
  background-color: #f5f5f5;
  text-decoration: none;
}
.pr-preview-ad-search-item + .pr-preview-ad-search-item:before,
.pr-preview-ad-search-items .pr-preview-ad-search-item:first-child:before {
  content: '';
  position: absolute;
  top: 0;
  left: 55px;
  right: 0;
  border-top: 1px solid #f0f0f0;
}
.pr-preview-ad-item-photo {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 10px;
  background: #ddd;
}
.pr-preview-ad-item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pr-preview-ad-item-photo img[src=""],
.pr-preview-ad-item-photo img:not([src]) {
  display: none;
}
.pr-preview-ad-item-content {
  flex-grow: 1;
  min-width: 0;
  overflow: hidden;
}
.pr-preview-ad-item-title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pr-preview-ad-item-title .verified-icon {
  color: #3390ec;
  font-style: normal;
  margin-left: 2px;
}
.pr-preview-ad-item-desc {
  font-size: 13px;
  line-height: 16px;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pr-preview-ad-item-ad {
  flex-shrink: 0;
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
  color: #999;
  background: #f0f0f0;
  padding: 2px 8px;
  border-radius: 10px;
  margin-left: 8px;
}