:root, :root.light {
  --cactus-text-color: var(--foreground-color);
  --cactus-text-color--soft: var(--foreground-color3);
  --cactus-background-color: var(--background-color);
  --cactus-background-color--strong: var(--background-color1);
  --cactus-border-color: var(--background-color1);
  --cactus-box-shadow-color: rgba(0, 0, 0, 0.2);
  --cactus-button-text-color: var(--background-color);
  --cactus-button-color: var(--accent-color);
  --cactus-button-color--strong: var(--accent-color2);
  --cactus-button-color--stronger: var(--accent-color2);
  --cactus-login-form-text-color: var(--foreground-color);
  --cactus-border-width: 2px;
  --cactus-border-radius: 0em;
  --cactus-error-color: red;
}

@media (prefers-color-scheme: dark) {
  :root {
    --cactus-text-color: var(--foreground-color);
    --cactus-text-color--soft: var(--foreground-color3);
    --cactus-background-color: var(--background-color);
    --cactus-background-color--strong: var(--background-color1);
    --cactus-border-color: var(--background-color1);
    --cactus-box-shadow-color: rgba(0, 0, 0, 0.4);
    --cactus-button-text-color: var(--background-color);
    --cactus-button-color: var(--accent-color);
    --cactus-button-color--strong: var(--accent-color2);
    --cactus-button-color--stronger: var(--accent-color2);
    --cactus-login-form-text-color: var(--foreground-color);
  }
}

:root.dark {
  --cactus-text-color: var(--foreground-color);
  --cactus-text-color--soft: var(--foreground-color3);
  --cactus-background-color: var(--background-color);
  --cactus-background-color--strong: var(--background-color1);
  --cactus-border-color: var(--background-color1);
  --cactus-box-shadow-color: rgba(0, 0, 0, 0.4);
  --cactus-button-text-color: var(--background-color);
  --cactus-button-color: var(--accent-color);
  --cactus-button-color--strong: var(--accent-color2);
  --cactus-button-color--stronger: var(--accent-color2);
  --cactus-login-form-text-color: var(--foreground-color);
}

.cactus-container{display:flex;flex-direction:column;gap:1em;color:
var(--cactus-text-color);background-color:
var(--cactus-background-color)}
.cactus-error{padding:.5em;padding-inline-end:1.5em;border:
var(--cactus-border-width) 
solid var(--cactus-error-color);
border-radius:var(--cactus-border-radius);
position:relative}.cactus-error-close{position:absolute;
right:.2em;top:0;color:var(--cactus-button-color);
background-color:transparent;
border:none}.cactus-error-close:hover:not([disabled]){color:var(--cactus-button-color--strong);
cursor:pointer}.cactus-error-close:active:not([disabled]){color:var(--cactus-button-color--stronger);
cursor:pointer}.cactus-error-close-icon{inline-size:20px;block-size:20px}
.cactus-error-text{color:
var(--cactus-error-color);font-weight:700;margin:0}
.cactus-editor{display:flex;flex-direction:column;gap:.5em}
.cactus-editor>span{display:flex}
.cactus-editor-textarea{display:flex;flex:1;height:4rem;border-radius:
var(--cactus-border-radius);border:solid 
var(--cactus-border-width) 
var(--cactus-border-color);padding:.5em;box-sizing:content-box;background-color:transparent;color:inherit;font:inherit}
.cactus-editor-textarea::placeholder{text-align:center;line-height:4rem;font-size:1.5rem;color:var(--cactus-text-color--soft)}
.cactus-editor-below{display:flex;flex-wrap:wrap;gap:.5em;justify-content:flex-end}
.cactus-editor-name{display:flex;flex:1}
.cactus-editor-name>span{display:flex;flex:1;min-inline-size:20ch;max-inline-size:40ch}
.cactus-editor-name>span>input{inline-size:100%;border-radius:
var(--cactus-border-radius);border:solid 
var(--cactus-border-width) 
var(--cactus-border-color);padding:.5em;background-color:transparent;color:inherit;font-size:inherit}
.cactus-editor-name>span>input::placeholder{color:var(--cactus-text-color--soft)}.cactus-editor-buttons{display:flex;gap:.5em}.cactus-matrixdotto-only{align-self:center;text-decoration:none}.cactus-login-form-wrapper{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1;display:flex;align-items:center;justify-content:center}.cactus-login-form{display:flex;flex-direction:column;gap:2em;padding:2rem;border-radius:var(--cactus-border-radius);background-color:var(--cactus-background-color--strong);color:var(--cactus-login-form-text-color);box-shadow:0 .0em 0em .0em var(--cactus-box-shadow-color);box-sizing:border-box;inline-size:100%;max-inline-size:300px}.cactus-login-close{align-self:flex-end;position:relative;margin:-1em;padding:0;color:var(--cactus-button-color);scale:2;background-color:transparent;border:none}.cactus-login-close:hover:not([disabled]){color:var(--cactus-button-color--strong);cursor:pointer}.cactus-login-close:active:not([disabled]){color:var(--cactus-button-color--stronger);cursor:pointer}.cactus-login-close-icon{inline-size:20px;block-size:20px}.cactus-login-title{align-self:center;font-size:1.17em;font-weight:700;margin:0}.cactus-login-client{display:flex;flex-direction:column;gap:1em}.cactus-login-client-title{font-size:1em;font-weight:700;margin:0}.cactus-matrixdotto-button{justify-content:center;text-decoration:none}.cactus-login-credentials{display:flex;flex-direction:column;gap:1em}.cactus-login-credentials-title{font-size:1em;font-weight:700;margin:0}.cactus-login-field{display:flex;flex-direction:column;gap:.25em}.cactus-login-label{font-size:1em;padding-bottom:.25em;color:var(--cactus-text-color--soft)}.cactus-login-error{margin:0;font-size:.8em;color:var(--cactus-text-color--soft)}.cactus-login-field>input{border-radius:var(--cactus-border-radius);border:solid var(--cactus-border-width) var(--cactus-border-color);padding:.5em;background-color:transparent;color:inherit;font-size:inherit}.cactus-login-field>input::placeholder{color:var(--cactus-text-color--soft)}.cactus-login-credentials-button{justify-content:center}.cactus-comments-container{display:flex;flex-direction:column;gap:1em}.cactus-comments-list{display:flex;flex-direction:column;gap:.5em}.cactus-comment{display:flex;flex-direction:row;gap:1em;padding-block-end:.5em;border-block-end:var(--cactus-border-width) solid var(--cactus-border-color)}.cactus-comment-avatar{display:flex}.cactus-comment-avatar>*{width:2.5rem;height:2.5rem;border-radius:50%;margin:0}.cactus-comment-avatar-placeholder{display:flex;justify-content:center;align-items:center;background-color:var(--cactus-border-color);color:var(--cactus-text-color--soft)}.cactus-comment-avatar-placeholder:before{content:"?"}.cactus-comment-content{display:flex;flex-direction:column;gap:.5em}.cactus-comment-header{display:flex;gap:.5em;flex-wrap:wrap}.cactus-comment-displayname{font-weight:700;cursor:pointer;text-decoration:none;color:inherit}.cactus-comment-time{color:var(--cactus-text-color--soft)}.cactus-message-text>:first-child{margin-block-start:0}.cactus-message-text>:last-child{margin-block-end:0}.cactus-message-emote{padding-top:.5em;color:var(--cactus-text-color--soft)}.cactus-message-image{max-width:100%;height:auto}.cactus-message-file{line-height:3em;margin-left:1em}.cactus-message-video{max-width:100%}.cactus-button{display:flex;align-items:center;padding-block:.6em;padding-inline:1em;background-color:var(--cactus-button-color);font-weight:700;border-radius:var(--cactus-border-radius);color:var(--cactus-button-text-color);font-size:inherit;border:none}.cactus-button:hover:not([disabled]){background-color:var(--cactus-button-color--strong);cursor:pointer}.cactus-button:active:not([disabled]){background-color:var(--cactus-button-color--stronger);cursor:pointer}.cactus-view-more{display:flex;justify-content:center}.spinner{align-self:center;width:2em;height:2em;display:flex;gap:.3em}.spinner>div{flex:1;background-color:var(--cactus-border-color);animation:sk-stretchdelay 2.4s ease-in-out infinite}.spinner .rect2{animation-delay:-2.2s}.spinner .rect3{animation-delay:-2s}.spinner .rect4{animation-delay:-1.8s}@keyframes sk-stretchdelay{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}
/*# sourceMappingURL=/style.css.map */