/* /var/web/alfa.topluyo.com/!public/rendex/Market/Form.Publish.html <css>*/














/* /var/web/alfa.topluyo.com/!public/rendex/Market/Form.PublishEdit.html <css>*/













































/* /var/web/alfa.topluyo.com/!public/rendex/Market/LeftMenu_Market.html <css>*/














/* /var/web/alfa.topluyo.com/!public/rendex/Market/Market.html <css>*/











/* /var/web/alfa.topluyo.com/!public/rendex/Market/Market_App.html <css>*/


























/* /var/web/alfa.topluyo.com/!public/rendex/Market/Market_App_Comment.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/Market/Market_App_Comment_Item.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/Market/Market_Item.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/Market/Market_Publisher.html <css>*/






/* /var/web/alfa.topluyo.com/!public/rendex/Message/Message.List.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/Message/Message.Panel.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/Message/Message.PreviewList.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/Message/Message.SourceList.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/Message/Message.User.html <css>*/


/* /var/web/alfa.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);
}

/* /var/web/alfa.topluyo.com/!public/rendex/Main/Main.css */
.title-bar{
  border-bottom:2px solid #8882;
  height: 2.5em;
  width: 100%;
  padding: 0 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* /var/web/alfa.topluyo.com/!public/rendex/Main/Channel.Home/Channel.css */
.content iframe{
  width: 100%;
  height: 100%;
  border: none;
  display: flex;
}

/* /var/web/alfa.topluyo.com/!public/rendex/Main/Channel.Home/Posts.html <css>*/


  [tp-badge]{
    display:flex;
    flex-direction:row;
    gap:.2em;
  }
  [tp-badge] img{
    width:1.2em;height:1.2em;
  }
  [tp-badge]:empty{
    display:none;
  }
  .post[same-user=true] [posts-user-view]{
    display:none;
  }

  .post [post-text]:hover{
    background:#8881;
    border-radius:.5em;
  }















  [post-text]{
    position:relative;
  }
  [position-absolute]{
    position:absolute;
  }











  #user-profile-book [visible=false]{
    display:none;
  }







/* /var/web/alfa.topluyo.com/!public/rendex/Main/Explore/Explore.Index.css */
[explore-index-group]{
  border-radius: .5em;
  x-overflow: hidden;
  position: relative;
  transition: transform .2s;
  align-items: center;
  x-background: #8882;
  x-box-shadow: 0 0 6px #0008;
}
[explore-index-group]:hover{
  x-transform: scale(0.98);
}
[explore-index-group][is-live="1"]{
  order: -1;
}

[explore-index-group-box]{
  padding: .5em;
  padding-right: 0;
  padding-left: 1em;
  gap: .25em;
  justify-content: center;
  overflow: hidden;
}
[explore-index-group-name]{
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.1em;
  font-weight: bold;
  max-height: 3em;
}
[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);
  border-radius: .25em;
  padding: .1em .5em;
  font-size: .8em;;
}


@media (max-width: 599px) {
  [explore-index-group] {
    width: 100%;
  }
}

/*
[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%;
}
*/

/* /var/web/alfa.topluyo.com/!public/rendex/Main/Explore/Explore.Index.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/Main/Explore/Explore.Item.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/Main/Group.Home/Group.Home.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/Main/Group.Home/Group_EditHomePage.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/Main/User.Home/ContextMenuUserAction.html <css>*/



/* /var/web/alfa.topluyo.com/!public/rendex/Main/User.Home/ContextMenuUserAction_Content.html <css>*/






/* /var/web/alfa.topluyo.com/!public/rendex/Main/User.Home/User.Home.html <css>*/











/* /var/web/alfa.topluyo.com/!public/rendex/Main/User.Home/User.Home_Groups.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/Forms/Modal.css */
.topluyo-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  opacity: 1;
  visibility: visible;
}


/* Modal Container */
.topluyo-modal-container {
  background: var(--back, #1a1a1a);
  border-radius: 12px;
  width: 90%;
  max-width: 400px;
  transform: translateY(-10px) scale(0.95);
  opacity: 0;
  transition: all 0.2s ease;
  border: 1px solid var(--border, rgba(255, 255, 255, 0.1));
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.topluyo-modal.w-80-modal .topluyo-modal-container{
  max-width: 80%;
  width: 80%;
  height: 80%; 
  display: flex;
  flex-direction: column;
}

.topluyo-modal.fullscreen-modal{
  top: 3em;
  bottom: 3em;
}
.topluyo-modal.fullscreen-modal .topluyo-modal-container{
  max-width: 100%;
  width: 100%;
  height: 100%; 
  display: flex;
  flex-direction: column;
  border-radius: 0;
  border:none;
}

.topluyo-modal-container .topluyo-modal-content{
  overflow-y: auto;
  flex: 1;
}

body:not(.theme-dark) .topluyo-modal-container {
  background: var(--back, #ffffff);
  border-color: var(--border, rgba(0, 0, 0, 0.1));
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.topluyo-modal .topluyo-modal-container {
  transform: translateY(0) scale(1);
  opacity: 1;
}

/* Modal Header */
.topluyo-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1em;
}

.topluyo-modal-title {
  x-font-size: 18px;
  font-weight: 600;
  color: var(--front, #ffffff);
}

body:not(.theme-dark) .topluyo-modal-title {
  color: var(--front, #000000);
}


/* FIXED BY SEKO */
.topluyo-modal-content {
  color: var(--text-secondary, rgba(255, 255, 255, 0.7));
  x-font-size: 14px;
  line-height: 1.5;
}

body:not(.theme-dark) .topluyo-modal-content {
  color: var(--text-secondary, rgba(0, 0, 0, 0.7));
}

/* Modal Footer */
.topluyo-modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}


#full-content .topluyo-modal-container .topluyo-modal-content{
  margin: 0 -24px;
  margin-bottom: -24px;
}

#full-content .topluyo-modal-header{
  margin-left: calc(-24px + 1em);
  margin-bottom: 4px;
  padding-bottom: 16px;
  margin-top: -8px;
}

/* /var/web/alfa.topluyo.com/!public/rendex/Forms/Modal.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/Forms/Question.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/Forms/TopluyoForm.css */
.topluyo-form-color-active{
  position: relative;
}
.topluyo-form-color-active:after{
  content:"";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjRkZGIiBzdHJva2U9IiMwMDAiPjxwYXRoIHN0cm9rZS13aWR0aD0iMzAiIGQ9Im0zODItMzY4IDMzOC0zMzhxMTYuMDktMTYgMzcuNTUtMTZRNzc5LTcyMiA3OTUtNzA2LjIxcTE2IDE1Ljc5IDE2IDM3LjVUNzk1LTYzMUw0MTktMjU1cS0xNS44MiAxNi0zNi45MSAxNlEzNjEtMjM5IDM0NS0yNTVMMTY3LTQzM3EtMTYtMTUuNzMtMTUuNS0zNy4zN1ExNTItNDkyIDE2Ny43OS01MDhxMTUuNzktMTYgMzcuNS0xNlQyNDMtNTA4bDEzOSAxNDBaIi8+PC9zdmc+);
  background-size: contain;
  background-position: center;
}


[auto-color-background][value="#000000"]{
  background: var(--front);
  color: var(--back);
}
[auto-color-background][value="#FF0000"]{
  background: #FF0000;
  color: #FFF;
}
[auto-color-background][value="#FF8800"]{
  background: #FF8800;
  color: #FFF;
}
.theme-dark [auto-color-background][value="#FFFF00"]{
  background: #FFFF00;
  color: #FFF;
}
.theme-light [auto-color-background][value="#FFFF00"]{
  background: #AACC00;
  color: #FFF;
}
.theme-dark [auto-color-background][value="#00FF00"]{
  background: #00FF00;
  color: #FFF;
}
.theme-light [auto-color-background][value="#00FF00"]{
  background: #00CC00;
  color: #FFF;
}
.theme-light [auto-color-background][value="#0000FF"]{
  background: #0000FF;
  color: #FFF;
}
.theme-dark [auto-color-background][value="#0000FF"]{
  background: #0088FF;
  color: #FFF;
}
[auto-color-background][value="#FF00FF"]{
  background: #FF00FF;
  color: #FFF;
}
[auto-color-background][value="#FF0088"]{
  background: #FF0088;
  color: #FFF;
}








[auto-color-front="#000000"]{
  color: var(--front);
  --color:var(--front);
}
[auto-color-front="#ff0000"]{
  color: #FF0000;
  --color:#FF0000;
}
[auto-color-front="#ff8800"]{
  color: #FF8800;
  --color:#FF8800;
}
.theme-dark [auto-color-front="#ffff00"]{
  color: #FFFF00;
  --color:#FFFF00;
}
.theme-light [auto-color-front="#ffff00"]{
  color: #AACC00;
  --color:#AACC00;
}
.theme-dark [auto-color-front="#00ff00"]{
  color: #00FF00;
  --color:#00FF00;
}
.theme-light [auto-color-front="#00ff00"]{
  color: #00CC00;
  --color:#00CC00;
}
.theme-light [auto-color-front="#0000ff"]{
  color: #0000FF;
  --color:#0000FF;
}
.theme-dark [auto-color-front="#0000ff"]{
  color: #0088FF;
  --color:#0088FF;
}
[auto-color-front="#ff00ff"]{
  color: #FF00FF;
  --color:#FF00FF;
}
[auto-color-front="#ff0088"]{
  color: #FF0088;
  --color:#FF0088;
}













[auto-color="#000000"]{
  --color:var(--front);
  --color-text:var(--back);
}
[auto-color="#FF0000"],[auto-color="#ff0000"]{
  --color:#FF0000;
  --color-text:#FFF;
}
[auto-color="#FF8800"],[auto-color="#ff8800"]{
  --color:#FF8800;
  --color-text:#FFF;
}
.theme-dark [auto-color="#FFFF00"],.theme-dark [auto-color="#ffff00"]{
  --color:#FFFF00;
  --color-text:#000;
}
.theme-light [auto-color="#FFFF00"],.theme-light [auto-color="#ffff00"]{
  --color:#AACC00;
  --color-text:#000;
}
.theme-dark [auto-color="#00FF00"],.theme-dark [auto-color="#00ff00"]{
  --color:#00FF00;
  --color-text:#FFF;
}
.theme-light [auto-color="#00FF00"],.theme-light [auto-color="#00ff00"]{
  --color:#00CC00;
  --color-text:#FFF;
}
.theme-light [auto-color="#0000FF"],.theme-light [auto-color="#0000ff"]{
  --color:#0000FF;
  --color-text:#FFF;
}
.theme-dark [auto-color="#0000FF"],.theme-dark [auto-color="#0000ff"]{
  --color:#0088FF;
  --color-text:#FFF;
}
[auto-color="#FF00FF"],[auto-color="#ff00ff"]{
  --color:#FF00FF;
  --color-text:#FFF;
}
[auto-color="#FF0088"],[auto-color="#ff0088"]{
  --color:#FF0088;
  --color-text:#FFF;
}

/* /var/web/alfa.topluyo.com/!public/rendex/Header/Profile-Form.css */
[tab-menu]{
  margin:.5em;
  border-radius:.5em;
}
[input-placeholder] {
  display:grid;
}

[input-placeholder] input:not([high-selector]):not([high-selector]){
  height: auto;
  padding: .75em 1em;
}
[input-placeholder] label {
  --padding: 1em;
  --height: 2.2em;
  display: inline-block;
  position: relative;
}

[input-placeholder] label:before {
  --left: calc(.5 * var(--padding));
  content: attr(aria-label);
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  left: var(--left);
  max-width: calc(100% - 2 * var(--left));
  transition: transform .4s, top .4s, opacity .4s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 calc(.5 * var(--padding));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  transform-origin: left;
  background-color: var(--back);
  z-index:2;
  border-radius:4px;
  line-height: 1;
  opacity: .6;
}

[input-placeholder] input,[input-placeholder] textarea {
  background: var(--back)!important;
  width:100%;
}

[input-placeholder] input:autofill {
  
}

[input-placeholder] input::placeholder,[input-placeholder] textarea::placeholder {
  color: transparent;
}

[input-placeholder] label:has(input:focus):before,
[input-placeholder] label:has(input:autofill):before,
[input-placeholder] label:has(:not(input:placeholder-shown)):before, 
[input-placeholder] label:has(textarea:focus):before{
  top:0;
  transform: translateY(-50%) scale(.8);
  opacity: 1;
}


[input-placeholder] label[name=nick] input:focus{
  box-shadow:inset 0 0 0 2px #8884;
}
[input-placeholder] label[name=nick][status=error] input,[input-placeholder] label[name=nick][status=error] input:focus{
  box-shadow:inset 0 0 0 2px #F22!important;
}

[input-placeholder] label[name=nick][status=success] input,[input-placeholder] label[name=nick][status=success] input:focus{
  box-shadow:inset 0 0 0 2px #2B2!important;
}


label[disabled],input[disabled]:not([high-selector]):not([high-selector]){
  opacity: .45;
}















select,
::picker(select) {
  appearance: base-select;
}

select {
  flex: 1;
}

select::picker-icon {
  color: #888;
  transition: 0.4s rotate;
}
select:open::picker-icon {
  rotate: 180deg;
}
::picker(select) {
  border: none;
}
option {
  display: flex;
  justify-content: flex-start;
  gap: 1em;
  border: 2px solid var(--light);
  padding:.5em;
  font-size:.85em;
  outline:none;
}

option:not(option:last-of-type) {
  border-bottom: none;
}
option:nth-of-type(odd) {
  x-background: var(--light);
}

option:hover {
  background: #8884;
}
/*
option:focus{
  background:var(--primary);
  color:var(--primary-text);
}
*/
option:checked {
  font-weight: bold;
}
option::checkmark {
  order: 1;
  margin-left: auto;
  content: "✔";
}
::picker(select) {
  opacity: 0;
}
::picker(select):popover-open {
  opacity: 1;
}
@starting-style {
  ::picker(select):popover-open {
    opacity: 0;
  }
}
::picker(select) {
  top: calc(anchor(bottom) + 1px);
}






[input-placeholder=input]{
  padding-top: 1.5em;
}

[input-placeholder=select] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}

[input-placehoder="select"] label{
  display: inline-flex;
  left: .6em;
  position: relative;
  top: 0.8em;
  z-index: 1;
  background: var(--back);
  padding: 0 .6em;
  font-size: .8em;
  align-items: flex-start;
}

[input-placehoder="select"] select{
  padding: .75em 1em;
}

/* /var/web/alfa.topluyo.com/!public/rendex/Header/ContextMenuUserProfile/2FAInstall.html <css>*/










/* /var/web/alfa.topluyo.com/!public/rendex/Header/ContextMenuUserProfile/ContextMenuUserProfile.html <css>*/






/* /var/web/alfa.topluyo.com/!public/rendex/Header/ContextMenuUserProfile/Form.Profile.html <css>*/

























/* /var/web/alfa.topluyo.com/!public/rendex/Header/ContextMenuUserProfile/Form.ProfileDevices.html <css>*/





/* /var/web/alfa.topluyo.com/!public/rendex/Header/ContextMenuUserProfile/Form.Profile_BlockedUsers.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/Header/ContextMenuGroupProfile/ContextMenuGroupProfile.html <css>*/














/* /var/web/alfa.topluyo.com/!public/rendex/Header/ContextMenuGroupProfile/Form.Group.html <css>*/




















/* /var/web/alfa.topluyo.com/!public/rendex/Header/Login/Login.html <css>*/









/* /var/web/alfa.topluyo.com/!public/rendex/Header/Login/Login_WithEmail.html <css>*/







/* /var/web/alfa.topluyo.com/!public/rendex/Header/Login/Login_WithQR.html <css>*/















/* /var/web/alfa.topluyo.com/!public/rendex/Header/Login/Login_WithQR_Camera.html <css>*/










/* /var/web/alfa.topluyo.com/!public/rendex/Basic/ImageUserText.html <css>*/


  [info-title]{
    font-weight:bold;
  }

/* /var/web/alfa.topluyo.com/!public/rendex/Turbo/Turbo.Iframe.html <css>*/




/* /var/web/alfa.topluyo.com/!public/rendex/Turbo/Turbo.Send.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/Components/DocumenterAlert.css */

[documenter-alert] {
  position: fixed;
  left: 50%;
  max-width: calc(100% - 40px);
  bottom: 20px;

  z-index: 9999;
  background: #222;
  color: #fff;
  border-radius: 1em;
  box-shadow: 0 0 1em #000;
  padding: 1em;
  transform: translateX(-50%);
  transition: opacity .4s;
  animation: documenter-alert .4s forwards;
}

@keyframes documenter-alert{
  0%{ 
    transform:translate(-50%,100%) scale(0.9);
  }
  33%{ 
    transform:translate(-50%,-10%) scale(0.9);
  }
  66%{ 
    transform:translate(-50%, 0%) scale(0.9);
  }
  100%{ 
    transform:translate(-50%, 0%) scale(1);
  }
}

/* /var/web/alfa.topluyo.com/!public/rendex/Components/bam.css */
@keyframes bam{
  0%{transform: scale(.95);}
  50%{transform: scale(1.05);}
  100%{transform:scale(1);}
}

[bam]{
  animation: bam .2s forwards;
}

/* /var/web/alfa.topluyo.com/!public/rendex/Components/book.css */
[book]{
  border: 1px solid #8884;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  background: var(--back, #1a1a1a);
  padding:.8em;
  border-radius:.5em;
  animation: bam .2s forwards;
}

/* /var/web/alfa.topluyo.com/!public/rendex/Components/context-menu.css */
.context-menu {
  background: var(--back);
  border: 1px solid #8888;
  border-radius: 8px;
  padding: 8px 0;
  margin: 0 8px;
  min-width: 180px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  animation: bam .2s forwards;
}

.context-menu-item {
  padding: 8px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--front);
  font-size: 12px;
  transition: all 0.2s ease;
}

.context-menu-item:hover {
  background: var(--light);
  opacity: 0.9;
}

.context-menu-item svg {
  opacity: 0.8;
}

.context-menu-item:hover svg {
  opacity: 1;
}

/* /var/web/alfa.topluyo.com/!public/rendex/Components/loading-box.css */
.loading-box, [loading-box]:not([loading-box=loading-box]), [\$\$loading-box]:not([loading-box=loading-box]) {
  animation-duration: 1.8s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: loading-box;
  animation-timing-function: linear;
  background: linear-gradient(to right, #8881 8%, #8882 38%, #8881 54%);
  background-size: 500px 100%;
  position: relative;
  color: transparent;
}

.loading-box *, [loading-box]:not([loading-box=loading-box]) *, [\$\$loading-box]:not([loading-box]) *{
  visibility: hidden;
}

@keyframes loading-box{
    0%{ background-position: -250px 0; }
    100%{ background-position: 250px 0; }
}

/* /var/web/alfa.topluyo.com/!public/rendex/Components/tab-panel.css */

[tab-panel]{
  display: flex;
  flex-direction: row;
  height: 100%;
}
[tab-menus]{
  overflow-y:auto;
  width:300px;
}
[tab-menu]{
  padding: 1em;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1em;
  cursor:pointer;
}
[tab-menu]:hover{
  background:var(--light);
}
[tab-menu].active{
  background:var(--primary);
  color:var(--primary-text);
}
[tab-areas]{
  flex:1
}
[tab-area]{
  height: 100%;
  display:none;
  padding:1em;
  overflow-y:auto;
}
[tab-title]{
  display:none;
}

@media screen and (max-width: 600px) {
  [tab-panel]{
    position:relative;
    overflow:hidden;
  }
  [tab-menus]{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    transition:all .2s linear;
  }
  [tab-areas]{
    position:absolute;
    left:100%;
    top:50px;
    width:100%;
    height:calc(100% - 50px);
    transition:all .2s linear;
  }
  [tab-title]{
    position:absolute;
    left:100%;
    top:0px;
    width:100%;
    height:50px;
    display:flex;
    flex-direction:row;
    gap:1em;
    padding:0 .5em;
    align-items:center;
    transition:all .2s linear;
  }
  [tab-panel][tab-panel-position=right] [tab-menus]{ left:-100%;}
  [tab-panel][tab-panel-position=right] [tab-areas]{ left:0;}
  [tab-panel][tab-panel-position=right] [tab-title]{ left:0;}
}



/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Online.css */
[online=null]{
  order:2;
}

[online=null] [menu-icon],
[online=null] [menu-link]{
  opacity:.4;
  font-weight: normal;
}

[online]:not([online=null]) img{
  x-outline: 2px solid var(--primary);
  x-outline-offset: -2px;
  padding: 1px;
}

[is-online="0"] [menu-icon],
[is-online="0"] [menu-link]{
  opacity:.4;
  font-weight: normal;
}

[is-online]:not([is-online="0"]) img{
  x-outline: 2px solid var(--primary);
  x-outline-offset: -2px;
  padding: 1px;
}

/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/RightMenu.css */
/*
.right-menu.show-stream [view=members]{
  display:none;
}
.right-menu:not(.show-stream) [view=stream]{
  display:none;
}
*/


[view=members] :not([user])>img[src="data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9IndpZHRoOiAxMDAlO2hlaWdodDoxMDAlIj4KICA8cGF0aCBpZD0ibGVmdC1leWUtdXAiICAgY2xhc3M9ImV5ZSIgZD0ibTIxMCwxNzggbCAwLC02OCIgc3Ryb2tlLXdpZHRoPSIxOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2U9IiM4ODgiIGZpbGw9InRyYW5zcGFyZW50Ij48L3BhdGg+CiAgPHBhdGggaWQ9ImxlZnQtZXllLWRvd24iIGNsYXNzPSJleWUiIGQ9Im0yMTAsMTc4IGwgMCw2OCIgc3Ryb2tlLXdpZHRoPSIxOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2U9IiM4ODgiIGZpbGw9InRyYW5zcGFyZW50Ij48L3BhdGg+CgogIDxwYXRoIGlkPSJyaWdodC1leWUtdXAiICAgY2xhc3M9ImV5ZSIgZD0ibTMwMiwxNzggbCAwLC02OCIgc3Ryb2tlLXdpZHRoPSIxOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2U9IiM4ODgiIGZpbGw9InRyYW5zcGFyZW50Ij48L3BhdGg+CiAgPHBhdGggaWQ9InJpZ2h0LWV5ZS1kb3duIiBjbGFzcz0iZXllIiBkPSJtMzAyLDE3OCBsIDAsNjgiIHN0cm9rZS13aWR0aD0iMTgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlPSIjODg4IiBmaWxsPSJ0cmFuc3BhcmVudCI+PC9wYXRoPgoKICA8cGF0aCBjbGFzcz0ibW91bnRoIiBpZD0ibW91bnRoLXJpZ2h0IiBkPSJNIDI1NS4yOSA0MTEuOTI0NSBDIDI3Ni43NzMgNDExLjkyNDUgMjkzLjQzODYgNDA2LjYwNDkgMjk5Ljg1NTYgNDA0LjIwNTUgQyAzNDkuNzU5NCAzODUuNTEyNSAzODQuNjA2NSAzMzQuNjQxNSAzODguNjQyNyAyNzQuNjEiIHN0cm9rZS13aWR0aD0iMTgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlPSIjODg4IiBmaWxsPSJ0cmFuc3BhcmVudCI+PC9wYXRoPgogIDxwYXRoIGNsYXNzPSJtb3VudGgiIGlkPSJtb3VudGgtbGVmdCIgZD0iTTI1Ni42MTA2IDQxMS45MjQ1QzIzNS4xMjc2IDQxMS45MjQ1IDIxOC40NjIgNDA2LjYwNDkgMjEyLjA0NSA0MDQuMjA1NSAxNjIuMTQxMiAzODUuNTEyNSAxMjcuMjk0MSAzMzQuNjQxNSAxMjMuMjU3OSAyNzQuNjEiIHN0cm9rZS13aWR0aD0iMTgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlPSIjODg4IiBmaWxsPSJ0cmFuc3BhcmVudCI+PC9wYXRoPgo8L3N2Zz4KCgo="]{
  display:none!important;
}
[view=members] img[src=""]{
  display:none!important;
}



[im-here="0"] [show-when="[im-here=1]"]{
  display: none;
}

[im-here="1"] [show-when="[im-here=0]"]{
  display: none;
}


[hide-offlines] [online="null"]{
  display: none;
}

[hide-onlines] [online]:not([online="null"]){
  display: none;
}

/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/toggle-next.css */
[toggle-next-button] svg{
  transition: transform .2s;
  transform: scaleY(-1);
}
.toggle-next [toggle-next-button] svg{
  transform: scaleY(1);
}

.toggle-next + * {
  display: none;
}


/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Home/Friend.Item.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Home/UserRightMenu.html <css>*/












/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Home/LeftMenu/Favorites.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Home/LeftMenu/Favorites_Channel.Item.html <css>*/










/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Home/LeftMenu/Favorites_Content.html <css>*/










/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Group/LeftMenu/Channel.Item.html <css>*/










/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Group/LeftMenu/ContextMenuChannel.html <css>*/










/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Group/LeftMenu/Form.Channel.html <css>*/




































/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Group/LeftMenu/GroupLeftMenu.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Group/LeftMenu/GroupLeftMenu_Content.html <css>*/













/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Group/RightMenu/ContextMenuCrew.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Group/RightMenu/ContextMenuMember.html <css>*/




/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Group/RightMenu/ContextMenuMemberInfo.html <css>*/






/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Group/RightMenu/ContextMenuMemberInfo_Crews.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Group/RightMenu/ContextMenuMemberInfo_Roles.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Group/RightMenu/ContextMenuRole.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Group/RightMenu/Crew.Item.html <css>*/




/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Group/RightMenu/Form.Crew.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Group/RightMenu/Form.Role.Edit.html <css>*/











/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Group/RightMenu/Form.Role.New.html <css>*/










/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Group/RightMenu/GroupRightMenu.html <css>*/







/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Group/RightMenu/GroupRightMenu_Content.html <css>*/











/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Group/RightMenu/Member.Item.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Group/RightMenu/Role.Item.html <css>*/



/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Group/RightMenu/Team.Item.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/LeftRightMenu/Group/RightMenu/Waiter.Item.html <css>*/



/* /var/web/alfa.topluyo.com/!public/rendex/Footer/Badge.html <css>*/
  [badge]{
    position: absolute;
    right: .5em;
    bottom: .5em;
    border-radius: 1em;
    background: var(--primary);
    color: var(--primary-text);
    font-size: .6em;
    font-weight: 500;
    min-width: 1.4em;
    min-height: 1.4em;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
  }
  [badge]:empty{
    opacity:0
  }


/* /var/web/alfa.topluyo.com/!public/rendex/Footer/Main.Footer.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/Footer/Search/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%;
}

/* /var/web/alfa.topluyo.com/!public/rendex/Footer/Search/Footer.Search.Panel.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/Footer/Search/Footer.Search.Users.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/Footer/Widget/Widget.html <css>*/

  [icon-button][widget]{
    border-radius:.25em;
  }
  [widget-container] iframe{
    border:none;
  }
  [widget-badge]{
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: .5em;
    background: var(--primary);
    color: var(--primary-text);
    font-size: .6em;
    font-weight: 500;
    min-width: 1.4em;
    min-height: 1.4em;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
  }
  [widget-badge]:empty{
    opacity:0
  }








/* /var/web/alfa.topluyo.com/!public/rendex/Footer/Messages/Footer.Message.Panel.html <css>*/


  [info]{
    padding:.4em;
    position:relative;
  }
  [info]:hover{
    cursor:pointer;
    background:#8882;
  }
  [info] [primary-outline]:not([primary-outline='null']){
    outline: 2px solid var(--primary);

  }
  [info-image]{
    border-radius:100%;
    object-fit:cover;
    width:1em;
    height:1em;
  }
  [info-title]{
    font-weight:bold;
    font-size:.8em;
  }
  [info-texts]{
    overflow:hidden;
    line-height:1.4;
  }
  [info-text]{
    font-size: .75em;
    opacity: .8;
    overflow: hidden;
    white-space: pre;
    width: 100%;
    text-overflow: ellipsis;
  }
  [here]{
    position: relative;
    display: inline-block;
    min-width: .6em;
    min-height: .6em;
    overflow: hidden;
    background: var(--primary);
    color: var(--primary-text);
    border-radius: 1em;
  }



  [info][message-seen="1"][message-is-mine="1"] [info-text]:before{
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjODg4Ij48cGF0aCBkPSJNNzAtNDM4cS0xMi0xMi0xMS41LTI4VDcxLTQ5NHExMi0xMSAyOC0xMS41dDI4IDExLjVsMTQyIDE0MiAxNCAxNCAxNCAxNHExMiAxMiAxMS41IDI4VDI5Ni0yNjhxLTEyIDExLTI4IDExLjVUMjQwLTI2OEw3MC00MzhabTQyNCA4NSAzNDAtMzQwcTEyLTEyIDI4LTExLjV0MjggMTIuNXExMSAxMiAxMS41IDI4VDg5MC02MzZMNTIyLTI2OHEtMTIgMTItMjggMTJ0LTI4LTEyTDI5Ni00MzhxLTExLTExLTExLTI3LjV0MTEtMjguNXExMi0xMiAyOC41LTEydDI4LjUgMTJsMTQxIDE0MVptMTY5LTI4Mkw1MjItNDk0cS0xMSAxMS0yNy41IDExVDQ2Ni00OTRxLTEyLTEyLTEyLTI4LjV0MTItMjguNWwxNDEtMTQxcTExLTExIDI3LjUtMTF0MjguNSAxMXExMiAxMiAxMiAyOC41VDY2My02MzVaIi8+PC9zdmc+);
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiM4ODgiPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjxwYXRoIGQ9Ik0yMS4yOSw1Ljg5bC0xMCwxMGMtMC4zOSwwLjM5LTEuMDIsMC4zOS0xLjQxLDBsLTIuODMtMi44M2MtMC4zOS0wLjM5LTAuMzktMS4wMiwwLTEuNDFsMCwwYzAuMzktMC4zOSwxLjAyLTAuMzksMS40MSwwIGwyLjEyLDIuMTJsOS4yOS05LjI5YzAuMzktMC4zOSwxLjAyLTAuMzksMS40MSwwbDAsMEMyMS42OCw0Ljg3LDIxLjY4LDUuNSwyMS4yOSw1Ljg5eiBNMTUuNzcsMi43NGMtMS42OS0wLjY5LTMuNjEtMC45My01LjYxLTAuNTcgQzYuMDksMi45LDIuODQsNi4xOCwyLjE1LDEwLjI1QzEuMDEsMTcsNi42MywyMi43OCwxMy4zNCwyMS45MWMzLjk2LTAuNTEsNy4yOC0zLjQ2LDguMzItNy4zMWMwLjQtMS40NywwLjQ0LTIuODksMC4yMS00LjIyIGMtMC4xMy0wLjgtMS4xMi0xLjExLTEuNy0wLjU0djBjLTAuMjMsMC4yMy0wLjMzLDAuNTctMC4yNywwLjg5YzAuMjIsMS4zMywwLjEyLDIuNzUtMC41Miw0LjI2Yy0xLjE2LDIuNzEtMy42OCw0LjctNi42MSw0Ljk3IGMtNS4xLDAuNDctOS4zMy0zLjg1LTguNy04Ljk4YzAuNDMtMy41NCwzLjI4LTYuNDIsNi44MS02LjkxYzEuNzMtMC4yNCwzLjM3LDAuMDksNC43NywwLjgxYzAuMzksMC4yLDAuODYsMC4xMywxLjE3LTAuMThsMCwwIGMwLjQ4LTAuNDgsMC4zNi0xLjI5LTAuMjQtMS42QzE2LjMxLDIuOTgsMTYuMDQsMi44NSwxNS43NywyLjc0eiIvPjwvc3ZnPg==);
    background-size: cover;
    line-height: 0;
    width: 1.4em;
    height: 1.4em;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em;
  }

  [info][message-seen="0"][message-is-mine="1"] [info-text]:before{
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjODg4Ij48cGF0aCBkPSJNNDgwLTgwcS04MyAwLTE1Ni0zMS41VDE5Ny0xOTdxLTU0LTU0LTg1LjUtMTI3VDgwLTQ4MHEwLTgzIDMxLjUtMTU2VDE5Ny03NjNxNTQtNTQgMTI3LTg1LjVUNDgwLTg4MHE4MyAwIDE1NiAzMS41VDc2My03NjNxNTQgNTQgODUuNSAxMjdUODgwLTQ4MHEwIDgzLTMxLjUgMTU2VDc2My0xOTdxLTU0IDU0LTEyNyA4NS41VDQ4MC04MFptMC04MHExMzQgMCAyMjctOTN0OTMtMjI3cTAtMTM0LTkzLTIyN3QtMjI3LTkzcS0xMzQgMC0yMjcgOTN0LTkzIDIyN3EwIDEzNCA5MyAyMjd0MjI3IDkzWm0wLTMyMFoiLz48L3N2Zz4=);
    background-size: cover;
    line-height: 0;
    width: 1.4em;
    height: 1.4em;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em;
  }

  [info-text][message-unread]:not([message-unread="0"])[info-text]:before{
    content: attr(message-unread);
    background: var(--primary);
    color: var(--primary-text);
    justify-content: center;
    align-items: center;
    background-size: cover;
    line-height: 0;
    width: 1.4em;
    height: 1.4em;
    border-radius: 100%;
    display: inline-flex;
    vertical-align: middle;
    margin-right: .5em;
  }













/* /var/web/alfa.topluyo.com/!public/rendex/!Api/Api.html <css>*/



































/* /var/web/alfa.topluyo.com/!public/rendex/UIVisible/Page.css */
body[page="group"] [hide-page-group],
body[page="user"] [hide-page-user],
body[page="main"] [hide-page-main],
body[page="static"] [hide-page-static],
body[page="static"][user="1"] [hide-page-static-and-user-1]{
  display:none;
}


body[page="main"][user="1"] [hide-page-main-and-user-1]{
  display: none;
}

/* /var/web/alfa.topluyo.com/!public/rendex/UIVisible/Permission.css */
/*
permission_group="1" 
permission_role="1" 
permission_member="1" 
permission_channel="1" 
permission_room="1" 
permission_post="1" 
permission_team="1" 
permission_block="0"
*/

body[page="group"][permission-is-member="0"] [hide-permission-is-member-0],
body[permission-group="0"] [hide-permission-group-0],
body[permission-role="0"] [hide-permission-role-0],
body[permission-member="0"] [hide-permission-member-0],
body[permission-channel="0"] [hide-permission-channel-0],
body[permission-room="0"] [hide-permission-room-0],
body[permission-post="0"] [hide-permission-post-0],
body[permission-team="0"] [hide-permission-team-0],
body[permission-block="0"] [hide-permission-block-0],
body[user="0"] [hide-user-0]{
  display: none;
}



body[page="group"][permission-is-member="1"] [hide-permission-is-member-1],
body[permission-group="1"] [hide-permission-group-1],
body[permission-role="1"] [hide-permission-role-1],
body[permission-member="1"] [hide-permission-member-1],
body[permission-channel="1"] [hide-permission-channel-1],
body[permission-room="1"] [hide-permission-room-1],
body[permission-post="1"] [hide-permission-post-1],
body[permission-team="1"] [hide-permission-team-1],
body[permission-block="1"] [hide-permission-block-1],
body[user="1"] [hide-user-1]{
  display: none;
}




/* /var/web/alfa.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);
}

/* /var/web/alfa.topluyo.com/!public/rendex/Post/Post.MentionHelper.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/Post/Post.Posts.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/!/Layout.css */
:root{
  font-size:14px;
}

a,img{
  -webkit-user-drag: none;
}

button, .button, [button], input:not([type=checkbox]):not([type=radio]), textarea, select, dropdown, .input{
  font-size:1em;
  border-radius: .5em;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .5em 1em;
  height: unset;
}


[pointer]{
  cursor: pointer;
}

@media only screen and (max-width: 600px) {
  [pointer]{
    cursor: default;
  }
}

[down]{
  transition: all .05s;
}
[down]:active{
  transform: scale(.95);
}

[icon-button]{
  width: 2.5em;
  height: 2.5em;
  min-width: 2.5em;
  min-height: 2.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background:transparent;
  color:inherit;
  padding:0;
  overflow:hidden;
  gap:0!important;
  position:relative;
  border-radius:100%;
}

header{
  height: 3em;
  gap:.5em;
  padding-left:.5em;
  padding-right:.5em;
  z-index:11;
  box-shadow: unset;
  background:transparent;
}

.main{
  position: absolute;
  height: calc(100% - 6em);
  width: 100%;
  top: 3em;
}


/* footer */
footer{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3em;
  z-index:1;
  padding:0 0.5em;
}



/*@ channels */
.channel-sort-icon{
  touch-action:none;
}


.groups{
  position: absolute;
  left: 0;
  top: 0;
  height:100%;
  width: 3.5em;
  transition: all .2s;
  overflow-y:auto;
  direction: rtl;
  z-index: 9;
  padding-right: .5em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.left-menu{
  width: 20em;;
}

.content{
  overflow:auto; 
  position:relative;
  x-display: flex;
  x-align-items: flex-start;
  x-justify-content: flex-start;
}

.right-menu{
  width: 20em;
  overflow: hidden;
}




/* MOBILE */
@media only screen and (max-width: 600px) {
  .left-menu{
    width:calc(100% - 3.5em)!important;
    background: transparent!important;
  }
  .groups{
    left:-1000%;
  }
  .open-left-menu .groups{
    left: 0;
  }
  .open-right-menu .groups{
    left: 0;
  }
  .right-menu{
    width:calc(100% - 3.5em)!important;
    background: transparent!important;
  }
  .content{
    transition: all .2s;
  }
  .open-left-menu .content,.open-right-menu .content{
    opacity: 0;
    transform: scale(0.8);
  }
}

/* TABLET */
@media only screen and (max-width: 900px) {
  .left-menu{
    position:absolute;
    left:-100%;
    top:0;
    height:100%;
    background:var(--back);
    z-index:10;
  }
  .groups{
    left: -1000%;
    background-color: var(--back);
  }
  body.allow-animation .left-menu{
    transition:left .4s;
  }
  .open-left-menu .left-menu{
    left:3.5em;
  }
  .open-left-menu .groups{
    left: 0;
  }
  .right-menu{
    position:absolute;
    right:-100%;
    top:0;
    height:100%;
    background:var(--back);
    z-index:10;
  }
  body.allow-animation .right-menu{
    transition:right .4s;
  }
  .open-right-menu .right-menu{
    right:0;
  }
}


/* DESKTOP */
@media only screen and (min-width: 900px) {
  .left-menu{
    position:absolute;
    left:-100%;
    top:0;
    height:100%;
    z-index:10;
  }
  .groups{
    left: -1000%;
  }

  .open-left-menu .left-menu{
    left:3.5em;
  }

  .open-left-menu .groups{
    left: 0;
  }



  .content{
    position:absolute;
    top:0;
    left:3.5em;
    left:0;
    right:0;
    bottom:0;
  }
  body.allow-animation .content{
    transition:all .2s;
  }
  .open-left-menu .content{
    left:23.5em;
  }  

  .right-menu{
    position:absolute;
    right:-100%;
    top:0;
    height:100%;
    z-index:10;
  }
  .open-right-menu .right-menu{
    right:0;
  }
  .open-right-menu .content{
    right:20em;
  }  

  body.allow-animation .right-menu,body.allow-animation .left-menu,body.allow-animation .content{
    transition:all .2s;
  }
}


/* /var/web/alfa.topluyo.com/!public/rendex/!/Scrollbar.css */
/* webkit-scrollbar */
::-webkit-scrollbar {
  width: .5em; 
  height: .5em;
}
::-webkit-scrollbar-track {
  background: #e0e0e0;
  background: var(--back);
  background: transparent;
  border-radius: 1em;
}
::-webkit-scrollbar-thumb {
  background-color: var(--light);
  border-radius: 1em;
  min-height: 25%;
  transition: all .2s;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--primary); 
}


/* /var/web/alfa.topluyo.com/!public/rendex/!/Standart.css */
[over]:hover{
  background: #8884;
  cursor: pointer;
}
[over]{
  border-radius: .5em;
}


[box] [grid-form] label{
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}





html,body{
  overflow: hidden!important;
  -webkit-font-smoothing: antialiased!important;
  -moz-osx-font-smoothing: grayscale!important;
  text-rendering: optimizeLegibility!important;
}

body{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}



*{box-sizing:border-box;}
hide{ display: none; }
html{
  user-select:none;
  -user-select: none;
  -webkit-user-select: none; /* Chrome/Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  display: block;
}


body{
  padding:0;
  font-optical-sizing: auto;
  letter-spacing: 0.36px;
  overflow:hidden;
  color-scheme: light;
  color:var(--front);
  background-color: var(--back);
}



/* Default (fallback for browsers without prefers-color-scheme) */
:root {
  --front: #000;
  --back: #fff;
  --back-opacity: #fff4;
  --light: #8881;
  color-scheme: light;
}

/* Force light theme if class is added manually */
body.theme-light {
  --front: #000;
  --back: #fff;
  --back-opacity: #fff4;
  --light: #8881;
  color-scheme: light;
}

/* Force dark theme if class is added manually */
body.theme-dark {
  --front: #fff;
  --back: #070809;
  --back-opacity: #0004;
  --light: #8881;
  color-scheme: dark;
}

/* Auto mode using system preference */
@media (prefers-color-scheme: light) {
  :root:not(.theme-dark):not(.theme-light) {
    --front: #000;
    --back: #fff;
    --back-opacity: #fff4;
    --light: #8881;
    color-scheme: light;
  }
}
@media (prefers-color-scheme: dark) {
  :root:not(.theme-dark):not(.theme-light) {
    --front: #fff;
    --back: #070809;
    --back-opacity: #0004;
    --light: #8881;
    color-scheme: dark;
  }
}

/* Transparent iframe background fix for ALL devices */
iframe {
  background: transparent !important;
  color-scheme: inherit !important;
}






h1,h2,h3,h4,h5,h6{ margin:8px 0;margin-top:0; }
h1{font-size:1.3em;}
h2{font-size:1.2em;}
h3{font-size:1.1em;}
b{ font-weight:400;}
input,select,textarea{color:inherit;}
a{
  text-decoration:none;
  color:inherit;
}


[button] svg,button svg,[icon-button] svg,.button svg{
  width: 1.5em;
  height: 1.5em;
}


hr{
  height: 1px;
  background: var(--light);
  border: none;
}

[documenter-progress-element]{
  x-display:none!important;
}
[documenter-modal]{
  backdrop-filter: blur(4px)!important;
  background:transparent!important;
}
[documenter-modal-content]{
  box-shadow: 0 0 100px #0008,0 0 0 1.5px #FFF!important;
  max-width:720px!important;
}

[mute],.mute,[muted],.muted{
  font-size:0.75em;
  opacity:0.75;
}

[header]{
  font-size:0.75em;
  opacity:0.75;
  text-transform: uppercase;
  font-weight: bold;
}

[bold],.bold{
  font-weight: bold;
}

[image-3em]{
  width: 3em;
  height: 3em;
  object-fit: cover;
  border-radius: 3em;
}
[image-2em]{
  width: 2em;
  height: 2em;
  object-fit: cover;
  border-radius: 2em;
}
[image-1em]{
  width: 1em;
  height: 1em;
  object-fit: cover;
  border-radius: 2em;
}

[documenter-icon]{
  display: flex;
}

.IS_APP [IS_APP_hide]{
  display:none;
}
  
:root{
  --fix-width:20em;
}
[fix]{
  display: grid;
  gap:2em;
  grid-template-columns: repeat(auto-fit, minmax(var(--fix-width), 1fr));
}



/*

.channel.menu-item [channel-users]{
  position:absolute;
  left: 0em;
  top: 2.5em;
  width: 100%;
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.channel.menu-item [channel-users]:empty{
  display: none;
}
.channel.menu-item [channel-users] img{
  width:1.5em;
  height:1.5em;
  border-radius:100%;
}

.channel.menu-item:not([user-count="0"]){
  padding-bottom:1.5em;
  position:relative; 
}

*/


/*@ groups  */
/*
.groups .group img{
  width:36px;
  height:36px;
  border-radius:4px;
}
.groups .group:hover img{
  transform:scale(1.1);
}



  .menu-link{
    padding:.4em .8em;
    width:100%;
    border-radius:.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  a.menu-link.selected-href,a.menu-link.selected-href-channel{
    background:var(--primary);
    color:var(--primary-text);
  }

  .channel-message{
    width:.6em;
    display:none;
    height:.6em;
    border-radius: 4px;
    background:var(--primary);
  }
  .unreaded .channel-message{
    display:block;
  }
  
*/

/* .content */







/* theme-blurx */




body.theme-dark{
  --front:#DDD!important;
}



body.theme-inbox .content{
  background: #0004;
  background: color-mix(in xyz, var(--back) 40%, transparent 60%);
  margin: 0 1em;
  border-radius: 4px;
  box-shadow: 0 0 5px #0004;
  x-backdrop-filter: blur(4px);
}
@media only screen and (max-width: 600px) {
  body.theme-inbox .content{
    margin: 0;
    box-shadow: none;
    backdrop-filter: none;
    background: transparent;
  }
}


body [background-image]{
  opacity: .3;
  filter:blur(10px);
}


/* /var/web/alfa.topluyo.com/!public/rendex/!/favicon.css */
[favicon]{
  display:inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 28%;
  background: linear-gradient(135deg, #FFFFFF11, #00000011);
  box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.25), 0 0.05em .1em rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
  width: 1em;
  height: 1em;
  min-width: 1em;
  min-height: 1em;
}
[favicon] svg,[favicon] img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[favicon]::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.01));
  pointer-events: none;
}



[icon]{
  display:inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  width: 1em;
  height: 1em;
  min-width: 1em;
  min-height: 1em;
}
[icon] svg,[icon] img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* /var/web/alfa.topluyo.com/!public/rendex/!/markdown.css */

/* [markdown]  */
  [markdown]{
    white-space: break-spaces;
    overflow-wrap: anywhere;
  }
  [markdown] strong{ color: var(--primary); }
  [markdown] code{font-family:monospace;}
  [markdown] pre,[markdown] code{
    user-select:text;
    cursor:text;
  }
  [markdown] a{text-decoration:underline;}
  [youtube-iframe],[kick-iframe],[video-iframe]{
    width:100%;
  }
  .content [youtube-iframe],.content [kick-iframe],.content [video-iframe]{
    height:320px;
  }
  
  [image-iframe]{
    width:100%;
  }

/* /var/web/alfa.topluyo.com/!public/rendex/!/menu.css */
[menu-title]{
  min-height: 2em;
  font-weight: 800;
  opacity: 0.95;
  text-transform: uppercase;
}
[menu-icon]{
  font-size: 1em;
  width: 1.8em;
  height: 1.8em;
  min-width: 1.8em;
  min-height: 1.8em;
  padding: 0.2em;
  object-fit: cover;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

[menu-icon] svg{
  width: 1.4em!important;
  height: 1.4em!important;
}


[menu-link]{
  font-size:.8em;
  padding:.4em 1em;
  font-weight: 700;
  width:100%;
  border-radius:.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[menu-settings]{
  font-size:.8em;
  padding:.4em 1em;
}



[menu]:not([user-count="0"]){
  padding-bottom:1.5em;
  position:relative; 
}

[menu-settings]{
  opacity: .5;
}

[menu-link]{
  color: var(--color);
}

/* FOR DESKTOP */
[menu-item]:not(:hover) [menu-settings]{
  display: none;
}
[menu-item] {
  padding-left: 1em;
}
[menu-title]:not(:hover) [menu-settings]{
  display: none;
}
[menu-channel]:not(:hover) [menu-settings]{
  display: none;
}


[menu-channel]{
  position: relative;
}

/*
[menu-channel]:has([user-in-channel]) {
  margin-bottom: 1.2em;
}

[menu-users]{
  position: absolute;
  left: 3.1em;
  top: 1.85em;
  width: calc(100% - 3.1em);
  height: 1.2em;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
*/
[menu-channel]:hover [menu-users] {
  display: none;
}

[menu-users]{
  position: absolute;
  right: .4em;
  top: .3em;
  width: calc(100% - 3.1em);
  height: 1.2em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}


[menu-users]:empty{
  display: none;
}
[menu-users] img{
  width:1.2em;
  height:1.2em;
  border-radius:100%;
}

/* /var/web/alfa.topluyo.com/!public/rendex/!/theme.css */
body:before{   
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(60% 60% at 0% 100%, rgba(155, 21, 120, .2) 14.61%, rgba(155, 21, 120, 0) 100%), radial-gradient(60% 60% at 100% 0%, rgba(244, 66, 56, .2) 0, rgba(155, 21, 120, 0) 100%), var(--back);
}

/* /var/web/alfa.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;
}

/* /var/web/alfa.topluyo.com/!public/rendex/!/Button/Button.css */
button.loading, .button.loading,[button].loading,.loading{
  color: transparent!important;
  position: relative;
}

button.loading:after, .button.loading:after, [button].loading:after,.loading:after{
  content:"";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1em;
  height: 1em;
  border-radius: 100%;
  border:2px solid var(--front);
  clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0% 100%);
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/* /var/web/alfa.topluyo.com/!public/rendex/!/Image/image-selector.css */
[image-selector]{
  outline: 2px dashed var(--light);
  outline-offset: -2px;
  width: 4.5em;
  min-width:4.5em;
  height:4.5em;
  cursor: pointer;
}

/* /var/web/alfa.topluyo.com/!public/rendex/Profile/Profile.Share.html <css>*/














/* /var/web/alfa.topluyo.com/!public/rendex/Groups/ContextMenuGroup.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/Groups/Form.NewGroup.html <css>*/







/* /var/web/alfa.topluyo.com/!public/rendex/Groups/Groups.css */


.groups::-webkit-scrollbar{
  width: 4px;
}
.groups .group{
  width:2.5em;
  height:2.5em;
  min-width:2.5em;
  min-height:2.5em;
  
  display:flex;
  align-items:center;
  justify-content: center;
  position:relative;
  margin-bottom:.5rem;
  border-radius:.5rem;
  background: var(--light, #ffffff);
}

.groups .group svg{
  width: 50%;
  height:50%;
}
.groups .group img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:.5em;
}


/* /var/web/alfa.topluyo.com/!public/rendex/Groups/MyGroupsList.html <css>*/


/* /var/web/alfa.topluyo.com/!public/rendex/Apps/Apps.html <css>*/