html,body {
  margin:0;
  padding:0;
  height:100%;

  font-family:Arial;
}

@media only screen and (max-width: 767px) {
  .sidenav {
    position:fixed!important;
    height:100%;
    width:100%!important;
    z-index:9999;
  }
  .sidenav.hidden {
    left:-100%!important;
  }
  .main-content {
    width:100%!important;
  }
  .main-card {
    width:75%!important;
  }
}
@media only screen and (min-width: 768px) {
  .toggle-sidenav {
    display:none;
  }
  .sidenav-close {
    display:none!important;
  }
}
.toggle-sidenav {
  position:fixed;
  top:0;
  left:0;
  color:#fff;
  padding:10px;
}

.full-center {
  display:flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height:100%;
}


/* load sc07 icons */
/* @font-face{
  font-family:RocketChat;
  font-weight:400;
  font-style:normal;
  font-display:auto;
  src:url(https://app.aftermath.gg/fonts/rocketchat.eot);
  src:url(https://app.aftermath.gg/fonts/rocketchat.eot?#iefix) format("embedded-opentype"),
      url(https://app.aftermath.gg/fonts/rocketchat.woff2) format("woff2"),
      url(https://app.aftermath.gg/fonts/rocketchat.woff) format("woff"),
      url(https://app.aftermath.gg/fonts/rocketchat.ttf?a) format("truetype"),
      url(https://app.aftermath.gg/fonts/rocketchat.svg#RocketChat) format("svg");
} */

.rc-icon {
  display: inline-block;
  user-select: none;
  vertical-align: middle;
  letter-spacing: 0;
  /* font-family: RocketChat; */
  font-size: inherit;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

main.svelte-1au1gvn.svelte-1au1gvn{background:#2f343d;display:inline-block;width:300px;color:#9ea2a8;position:relative;left:0%;transition:left 0.5s}.footer.svelte-1au1gvn.svelte-1au1gvn{position:absolute;bottom:0;left:0;width:100%;padding:15px 25px;font-size:0.9rem}.header.svelte-1au1gvn.svelte-1au1gvn{display:flex;justify-content:space-between;align-items:center;padding-block:1rem;padding:1rem;padding-inline:1rem}.header.svelte-1au1gvn .avatar.svelte-1au1gvn{position:relative}.header.svelte-1au1gvn .avatar-inner.svelte-1au1gvn{display:inline-flex;vertical-align:middle;width:1.5rem;height:1.5rem}.header.svelte-1au1gvn .avatar-inner img.svelte-1au1gvn{position:relative;border-radius:0.125rem;width:1.5rem;height:1.5rem}.header.svelte-1au1gvn .avatar-status.svelte-1au1gvn{justify-content:center;align-items:center;display:flex;width:0.75rem;height:0.75rem;position:absolute;background-color:#414852;border-radius:9999px;margin-inline-end:-0.125rem;margin-block-end:-0.125rem;bottom:0px;right:0px}.header.svelte-1au1gvn .avatar-status-inner.svelte-1au1gvn{background:#2de0a5;width:0.525rem;height:0.525rem;display:inline-block;flex-grow:0;flex-shrink:0;border-radius:9999px;background-size:contain}.header.svelte-1au1gvn .toolbar.svelte-1au1gvn{display:flex}.header.svelte-1au1gvn .toolbar button.svelte-1au1gvn{padding:0;border:0;color:inherit;font-size:1.25rem;display:flex;justify-content:center;align-items:center;cursor:pointer;background:transparent;width:28px;height:28px;margin-left:0.25rem;margin-right:0.25rem;margin-inline:0.25rem;transition:background-color 0.125s;border-radius:2px}.header.svelte-1au1gvn .toolbar button.svelte-1au1gvn:hover{background-color:#1b1e23}.tabs.svelte-1au1gvn.svelte-1au1gvn{display:flex;margin-bottom:15px}.tabs.svelte-1au1gvn .tab.svelte-1au1gvn{flex-grow:1;flex-basis:0;text-align:center;padding:10px;color:#aaa;background-color:rgba(27, 30, 35, 0.25);transition:background-color 0.5s;cursor:pointer;font-size:0.9rem}.tabs.svelte-1au1gvn .tab.active.svelte-1au1gvn,.tabs.svelte-1au1gvn .tab.svelte-1au1gvn:hover{background-color:#1b1e23}.room.svelte-1au1gvn.svelte-1au1gvn{display:flex;align-items:center;padding:8px var(--hpadding);color:inherit;text-decoration:none;position:relative;transition:background-color 0.125s}.room.svelte-1au1gvn.svelte-1au1gvn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.room.active.svelte-1au1gvn.svelte-1au1gvn{background:#1f2329}.room.svelte-1au1gvn.svelte-1au1gvn:hover{background:#1f2329}.room.svelte-1au1gvn:hover .room-action.svelte-1au1gvn{opacity:1}.room.svelte-1au1gvn.svelte-1au1gvn:active,.room.svelte-1au1gvn.svelte-1au1gvn:hover{color:inherit}.room-placeholder.svelte-1au1gvn.svelte-1au1gvn{height:100px;display:flex;justify-content:center;align-items:center}.room-list.svelte-1au1gvn.svelte-1au1gvn{padding:10px 0;--hpadding:20px;overflow-y:auto;max-height:calc(100% - 180px)}.room-group-header.svelte-1au1gvn.svelte-1au1gvn{font-size:0.8rem;padding:10px var(--hpadding)}.room-avatar.svelte-1au1gvn.svelte-1au1gvn{position:relative;width:28px;height:28px;border-radius:2px;margin-right:10px;display:flex;justify-content:center;align-items:center;color:#fff}.room-avatar.svelte-1au1gvn img.svelte-1au1gvn{max-width:100%;max-height:100%;border-radius:inherit}.room-avatar.svelte-1au1gvn svg{position:absolute;bottom:0;right:0;margin-right:-20%;margin-bottom:-20%;z-index:999}.room-name.svelte-1au1gvn.svelte-1au1gvn{display:flex;align-items:center}.room-name-inner.svelte-1au1gvn.svelte-1au1gvn{display:flex;flex-direction:column;padding-left:5px}.room-name-subtitle.svelte-1au1gvn.svelte-1au1gvn{font-size:0.7rem;color:rgba(158, 162, 168, 0.5)}.room-name-title.svelte-1au1gvn.svelte-1au1gvn{font-size:0.85rem}.room-action.svelte-1au1gvn.svelte-1au1gvn{margin-left:auto;color:#9ea2a8;opacity:0.5;transition:opacity 0.125s}
main.svelte-bn0frf{height:100%}.main-card.svelte-bn0frf{width:50%}.logo.svelte-bn0frf{max-width:100%}.main-bg.svelte-bn0frf{position:fixed;top:-5px;left:-5px;width:calc(100% + 20px);height:calc(100% + 20px);z-index:-1;background-size:cover;background-position:center;filter:blur(5px)}.main-bg-attribution.svelte-bn0frf{display:inline-block;text-align:right;position:absolute;bottom:0;right:0;padding:5px;color:rgba(255, 255, 255, 0.5)}.main-bg-attribution.svelte-bn0frf a{color:#aaa;opacity:0.5;transition:opacity 0.25s}.main-bg-attribution.svelte-bn0frf a:hover{opacity:1}
main.svelte-119vx3.svelte-119vx3{height:100%}.main-card.svelte-119vx3.svelte-119vx3{width:50%;position:relative;background:rgba(0, 0, 0, 0.5);padding:10px;color:#ddd}.main-card.svelte-119vx3 .header.svelte-119vx3{display:flex;justify-content:center}.main-card.svelte-119vx3 .content.svelte-119vx3{padding:10px}.main-card.svelte-119vx3 a.svelte-119vx3{padding:5px;color:#000;background:#ddd;text-decoration:none;transition:box-shadow 0.125s}.main-card.svelte-119vx3 a.svelte-119vx3:hover{box-shadow:inset 0 0 5px #000}.logo.svelte-119vx3.svelte-119vx3{max-width:25%}.main-bg.svelte-119vx3.svelte-119vx3{position:fixed;top:-5px;left:-5px;width:calc(100% + 20px);height:calc(100% + 20px);z-index:-1;background-size:cover;background-position:center;filter:blur(5px)}.main-bg-attribution.svelte-119vx3.svelte-119vx3{display:inline-block;text-align:right;position:absolute;bottom:0;right:0;padding:5px;color:rgba(255, 255, 255, 0.5)}.main-bg-attribution.svelte-119vx3 a{color:#aaa;opacity:0.5;transition:opacity 0.25s}.main-bg-attribution.svelte-119vx3 a:hover{opacity:1}
main.svelte-lz73c1.svelte-lz73c1{height:100%}#files.svelte-lz73c1 li.svelte-lz73c1{margin-bottom:15px}.main-card.svelte-lz73c1.svelte-lz73c1{width:50%;position:relative;background:rgba(0, 0, 0, 0.5);padding:10px;color:#ddd}.main-card.svelte-lz73c1 .header.svelte-lz73c1{display:flex;justify-content:center}.main-card.svelte-lz73c1 .content.svelte-lz73c1{padding:10px}.main-card.svelte-lz73c1 a.svelte-lz73c1{padding:5px;color:#000;background:#ddd;text-decoration:none;transition:box-shadow 0.125s}.main-card.svelte-lz73c1 a.svelte-lz73c1:hover{box-shadow:inset 0 0 5px #000}.logo.svelte-lz73c1.svelte-lz73c1{max-width:25%}.main-bg.svelte-lz73c1.svelte-lz73c1{position:fixed;top:-5px;left:-5px;width:calc(100% + 20px);height:calc(100% + 20px);z-index:-1;background-size:cover;background-position:center;filter:blur(5px)}.main-bg-attribution.svelte-lz73c1.svelte-lz73c1{display:inline-block;text-align:right;position:absolute;bottom:0;right:0;padding:5px;color:rgba(255, 255, 255, 0.5)}.main-bg-attribution.svelte-lz73c1 a{color:#aaa;opacity:0.5;transition:opacity 0.25s}.main-bg-attribution.svelte-lz73c1 a:hover{opacity:1}
main.svelte-lz73c1.svelte-lz73c1{height:100%}.main-card.svelte-lz73c1.svelte-lz73c1{width:50%;position:relative;background:rgba(0, 0, 0, 0.5);padding:10px;color:#ddd}.main-card.svelte-lz73c1 .header.svelte-lz73c1{display:flex;justify-content:center}.main-card.svelte-lz73c1 .content.svelte-lz73c1{padding:10px}.main-card.svelte-lz73c1 a.svelte-lz73c1{padding:5px;color:#000;background:#ddd;text-decoration:none;transition:box-shadow 0.125s}.main-card.svelte-lz73c1 a.svelte-lz73c1:hover{box-shadow:inset 0 0 5px #000}.logo.svelte-lz73c1.svelte-lz73c1{max-width:25%}.main-bg.svelte-lz73c1.svelte-lz73c1{position:fixed;top:-5px;left:-5px;width:calc(100% + 20px);height:calc(100% + 20px);z-index:-1;background-size:cover;background-position:center;filter:blur(5px)}.main-bg-attribution.svelte-lz73c1.svelte-lz73c1{display:inline-block;text-align:right;position:absolute;bottom:0;right:0;padding:5px;color:rgba(255, 255, 255, 0.5)}.main-bg-attribution.svelte-lz73c1 a{color:#aaa;opacity:0.5;transition:opacity 0.25s}.main-bg-attribution.svelte-lz73c1 a:hover{opacity:1}
main.svelte-1ok4ob4{display:flex;height:100%}.main-content.svelte-1ok4ob4{flex-grow:1;width:calc(100% - 300px)}.toggle-sidenav.svelte-1ok4ob4{font-size:2rem}