.tabby_and_tamara_snappet {
  display: flex;
  gap: 8px;
  margin: 16px 0px;
  width: 100%;
}
.tabby_and_tamara_snappet > div {
  width: 100%;
}
/* Tabby Snappet Style */
.tabby_snappet {
  position: relative;
  cursor: pointer;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  padding: 16px 12px 8px;
  background: rgb(255, 255, 255);
  border-radius: 8px;
  border: 1px solid rgb(49, 232, 168);
  width: 100%;
}
.tabby_snappet_card {
  position: absolute;
  top: -10px;
  left: 9px;
}

.tabby_snappet_img {
  width: 56px;
  max-width: unset;
  height: 24px;
  max-height: unset;
}

.tabby_snappet_content {
  margin-left: auto;
  width: 100%;
  display: block;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.tabby_snappet_title {
  width: 100%;
  color: #404553;
}
.tabby_snappet_title_more {
  color: rgb(56, 102, 223);
  margin: 0px 5px;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  text-decoration: underline;
}
/* End Tabby Snappet Style */

/* Tamara Snappet Style */
.tamara_snappet {
  position: relative;
  cursor: pointer;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  padding: 16px 12px 8px;
  background: rgb(255, 255, 255);
  border-radius: 8px;
  border: 1px solid rgb(212, 124, 132);
  width: 100%;
}
.tamara_snappet_card {
  position: absolute;
  top: -10px;
  left: 9px;
}
.tamara_snappet_img {
  width: 60px;
  max-width: unset;
  height: 22px;
  max-height: unset;
}
.tamara_snappet_content {
  margin-left: auto;
  width: 100%;
  display: block;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.tamara_snappet_title {
  width: 100%;
  color: #404553;
}
.tamara_snappet_title_more {
  color: rgb(56, 102, 223);
  margin: 0px 5px;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  text-decoration: underline;
}
/* End Tamara Snappet Style */


/* Snappet Model Style */
.snappet-modal-content {
  background-color: rgb(255, 255, 255);
  position: absolute;
  height: 70%;
  max-height: 90%;
  width: calc(100% - 20px);
  max-width: 600px;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 4px;
}

.snappet-modal-header {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.snappet-modal-title {
  font-size: 1.5rem;
  font-weight: bold;
  color: #404553;
}
.snappet-model-body {
  height: 100%;
  grid-template-columns: [ navColumn ] 90px [ modalContent ] auto;
  overflow: hidden;
  width: 100%;
}
.snappet-model-iframe {
  flex: 1 1 0%;
  overflow-y: auto;
  padding: 5px 15px;
  height: 100%;
}
.modal-dialog {
  max-width: 100% !important;
}
/* End Snappet Model Style */