.iconup-container {
    width: 40px;
    position: relative;
}

.iconup-toggle {

}

.iconup-toggle:hover {
    
}

.iconup-btn {
    font-size: 18px;
    padding: 5px;
    border-radius: 6px;
}

.iconup-btn:hover {
    cursor:pointer;
}

body[data-theme="light"] .iconup-btn:hover {
    background: var(--lm-input-bg-color);
}
body[data-theme="dark"] .iconup-btn:hover {
    background: var(--dm-input-bg-color);
}

.iconup-window-closed {
    display: none !important;
}

.iconup-window {
    position: absolute;
    padding: 1em;
    top: 42px;
    margin-left: 10px;
    width: 300px;
    max-width: 200px;
    max-height: 300px;
    overflow-x:hidden;
    overflow-y: auto;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    z-index: 1000;
}

body[data-theme="light"] .iconup-window {
    background: var(--lm-card-bg-color);
    border: solid black 1px;
}
body[data-theme="dark"] .iconup-window {
    background: var(--dm-card-bg-color);
    border: solid black 1px;
}

/* Button container inside iconup window */
#iconup-button-container {
  width: 100%;
  height: 25px;
  margin-bottom: 0.5em;
}

.iconup-section {
    width: 100%;
    font-family: sans-serif;
    border-radius: 5px;
    padding: 3px 0;
    flex-grow: 1;
    text-align: center;
    top: 0;
    position: sticky;
    font-weight: bold;
}

body[data-theme="light"] .iconup-section {
background: var(--lm-card-bg-color);
}
body[data-theme="dark"] .iconup-section {
background: var(--dm-card-bg-color);
}


.iconup-window::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}


input.iconup-input {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 0.5em; /* adjust so image isn't clipped */
  font-size: 16px;
  caret-color: transparent;
  cursor: pointer;
  width:40px;
  text-align: center !important;
}

/* Default upload input (hidden) */
.iconup-upload {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}

/* Clear and upload links */
.iconup-clear-btn,.iconup-upload-link {
    position: absolute;
    z-index: 999;
}

/* Clear button */
.iconup-clear-btn {
  margin-left: 0px;
}

/* Upload button */
.iconup-upload-link {
  right: 1.16em;
}

/* icon input placeholder */
body[data-theme="light"] input.iconup-input:placeholder-shown {
    font-size: 20px;
}
body[data-theme="dark"] input.iconup-input:placeholder-shown {
    font-size: 20px;
}

/* Open popup to the left inside modals to avoid overflow */
.modal .iconup-window {
  left: auto;
  right: 0;
  margin-left: 0;
}