:root {
    --guildicon-size: 40;
    --enable-if-using-favorites-experiment: 0;
    --guildicon-size-px: calc(var(--guildicon-size) * 1.3px);
}

.guilds-2JjMmN {
    width: calc((var(--guildicon-size) * 70px) / 48);
}

.tutorialContainer-1pL9QS+.listItem-3SmSlK {
    height: calc((var(--guildicon-size-px) * var(--enable-if-using-favorites-experiment)) + (10px * (1 - var(--enable-if-using-favorites-experiment))));
}

.tutorialContainer-1pL9QS+.listItem-3SmSlK+.listItem-3SmSlK {
    height: calc((var(--guildicon-size-px) * (1 - var(--enable-if-using-favorites-experiment))) + (2px * var(--enable-if-using-favorites-experiment)));
}

.listItem-3SmSlK {
    height: var(--guildicon-size-px);
    width: calc((var(--guildicon-size) * 70px) / 48);
    margin-bottom: calc((var(--guildicon-size) * 1px) / 48);
}

.listItem-3SmSlK .wrapper-z5ab_q,
.listItem-3SmSlK .pill-2RsI5Q {
    height: calc((var(--guildicon-size) * 60px) / 48);
    width: calc((var(--guildicon-size) * 8px) / 48);
}

.listItem-3SmSlK .pill-2RsI5Q {
    overflow: visible;
}

.listItem-3SmSlK .wrapper-28eC3z,
.listItem-3SmSlK .wrapper-28eC3z .svg-2zuE5p {
    height: var(--guildicon-size-px);
    width: var(--guildicon-size-px);
}

.wrapper-38slSD>ul {
    height: auto !important;
}

.wrapper-38slSD {
    width: var(--guildicon-size-px);
}

.wrapper-38slSD .expandedFolderBackground-1kSAf6 {
    left: calc((var(--guildicon-size) * 1px) / 48);
    bottom: calc((var(--guildicon-size) * 1px) / 48);
    width: calc(var(--guildicon-size) * 1.5px);
    border-radius: calc((var(--guildicon-size) * 0px) / 48);
}

/* Using an imported font. Example using Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
::-webkit-input-placeholder, body, button, input, select, textarea {
    font-family: "Roboto";
}

/* Round window corners */
body {
    background-color: transparent;
}

#app-mount {
    border-radius: 10px;
}

#app-mount::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    pointer-events: none;
    border: 2px solid #504A4B;
    border-radius: 12px;
}

body::before,
body::after {
    border-radius: 12px;
}

#app-mount {
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
}

.backdrop-2ByYRN {
    border-radius: 12px;
}

.typeWindows-2-g3UY {
  padding-right: 10px;
}


.wordmark-2u86JB {
  left: 50%;
  margin-left: -36.5px;
}

.svg-2ifYOU foreignObject[mask*="url#"] {
  mask: none;
  border-radius: 4px;  
}
.folder-241Joy {
  box-shadow: inset 0 0 0 2px #504A4B;
}

.folderIconWrapper-1oRIZr {
  background: transparent!important;
}

.svg-2ifYOU foreignObject[mask*="url"] {
  mask: none;
  border-radius: 3px;  
}
.folder-241Joy {
  box-shadow: inset 0 0 0 2px #504A4B;
}

:root {
    background-color: red;
    color: red;
}