/* /web/sites/app.topluyo.com/!public/rendex/Post/Helper.css */
[post-mention-helper] > div img{
  width: 1.5em;
  height: 1.5em;
  border-radius: 100%;
  object-fit: cover;
}

[post-mention-helper]{
  max-height: 50vh;
  overflow: auto;
  position: absolute;
  bottom: 100%;
  width: calc(100% - 1em);
  height: auto;
  left: .5em;
  border-radius: 0.5em;
  background: var(--back);
}

[post-mention-helper] > div{
  padding: .5em;
}

[post-mention-helper] [focus]{
  background: var(--primary);
  color: var(--primary-text);
}
/* /web/sites/app.topluyo.com/!public/rendex/Footer/Footer.Search.Panel.css */

[footer-search-panel-hint] a{
  padding: .5em;
}
[footer-search-panel-hint] a img{
  width: 24px;
  height: 24px;
  object-fit: cover;
  border-radius: 100%;
}
/* /web/sites/app.topluyo.com/!public/rendex/Message/Message.css */
[view="Message.PreviewList"] [message-seen='0']{
  background: var(--light);
  position: relative;
}
[view="Message.PreviewList"] [message-seen='0']:before{
  content:"";
  width: 0.75em;
  height: 0.75em;
  right: 1em;
  top: 50%;
  transform: translate(-50%,-50%);
  border-radius: 100px;
  background:var(--primary);
  position: absolute;
}
[view="Message.List"] [message-direction="-"] b{
  color:var(--primary);
}
/* /web/sites/app.topluyo.com/!public/rendex/Explore/Explore.Index.css */
[explore-index-group]{
  width: 140px;
  border-radius: .5em;
  overflow: hidden;
  background: #8882;
  position: relative;
  box-shadow: 0 0 6px #0008;
}
[explore-index-group][is-live="1"]{
  order: -1;
}
[explore-index-group] img{
  height:140px;
  width: 140px;
  object-fit: cover;
}
[explore-index-group-box]{
  padding: .5em;
  padding-top: 1em;
}
[explore-index-group-name]{
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}
[explore-index-group-is-live]{
  position: absolute;
  right: .5em;
  top: .5em;
  border-radius: .25em;
  padding: .1em .5em;
  background: #F33;
  color: white;
  display: flex;
  align-items: center;
  gap: .4em;
  font-weight: bold;
}


[explore-index-group-status]{
  background: var(--primary);
  color: var(--primary-text);
  position: absolute;
  left: .5em;
  top: calc(140px - 2em);
  top: calc(140px - 1em);
  border-radius: .25em;
  padding: .1em .5em;
  font-size: .8em;;
}


[api-search]{
  position: relative;
}



[api-search-hint]{
  display: none;
  overflow: hidden;
}
[api-search] input:focus + [api-search-hint], [api-search-hint]:hover{
  display: block;
}

[api-search-hint]{
  position: absolute;
  z-index: 2;
  background: var(--back);
  width: 100%;
  border-radius: .5em;
  box-shadow: inset 0 0 0 2px #8882;
  top: calc(100% - 2px);
}

[api-search-hint] a{
  padding: .5em;
}
[api-search-hint] a img{
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 100%;
}

/* /web/sites/app.topluyo.com/!public/rendex/!/Tooltip/Tooltip.css */
[tooltip-ui-up]{
  position:fixed;
  background-color:var(--back);
  color:var(--front);
  padding:.5em 1em;
  border-radius:.2em;
  z-index:1000;
  white-space:nowrap;
  text-align:center;
  box-shadow: 0 0 0 1px #888;
}

[tooltip-ui-up]:before{
  content: "";
  width: 1em;
  height: 1em;
  top: 0px;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  position: absolute;
  border-radius: 0 .2em 0 0;
  z-index: 1000;
  clip-path: polygon(-10% -10%, 110% -10%, 110% 110%);
  background: var(--back);
  box-shadow: 0 0 0 1px #888;
}