.warning-btn {
    background: #791a1a;
    border: solid;
    color: #e5e5e5;
    border-color: #791a1a;
    border-radius: 0.5em;
    font-family: 'Nordic';
    font-size: 1em;
    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), 
                background 0.2s cubic-bezier(0.4, 0, 0.2, 1), 
                border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.2s cubic-bezier(0.4, 0, 0.2, 1), 
                transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0px 0px 10px 1px rgb(0 0 0), inset 0 0 3px #791a1a;
    filter: var(--svg-red-soft-glow);
    transform: scale(1.00);
}
.base-btn {
    background: #066b60;
    border: solid;
    color: #e5e5e5;
    border-color: #066b60;
    border-radius: 0.5em;
    font-family: 'Nordic';
    font-size: 1em;
    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), 
                background 0.2s cubic-bezier(0.4, 0, 0.2, 1), 
                border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.2s cubic-bezier(0.4, 0, 0.2, 1), 
                transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0px 0px 10px 1px rgb(0 0 0), inset 0 0 3px #066b60;
    filter: var(--svg-blue-soft-btn-glow);
    transform: scale(1.00);
}

.modal-buttons {
    display: flex;
    width: 8em;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.tab-header {
    position: absolute;
    left: 50%;
    transform: translate(-60%, 0);
    font-family: 'Nordic';
    font-size: 1.75em;
    border-bottom: solid;
    padding-bottom: 0.2em;
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 1em;
    border-width: 4px;
    filter: var(--svg-blue-soft-glow);
}

.tab-body {
    font-family: 'Nordic';
    padding: 0.5em;
    margin-top: 6em;
    margin-left: 1em;
}
.tab-content {
    height: 100%;
}
.tab-container {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.user-modal-content {
  background: #002d28e0;
  position: relative;
  display: flex;
  flex-direction: row;
  width: 50%;
  height: 60%;
  border-radius: 1em;
}
.user-modal-content::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at 30% 20%,
    rgba(80,220,255,0.08),
    transparent 60%
  );
  pointer-events: none;
  border-radius: 1em;
}


.account-info-label-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1.5em;
}
.user-modal-content .content-title {
    font-size: 1.4em;
    border-bottom: solid;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.125em;
    border-width: 2px;
    border-radius: 0.5em;
    margin-bottom: 0.5em;
    /*filter: var(--svg-blue-soft-glow);*/
}

.no-drag {
  user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
}


@media (any-hover: hover) and (any-pointer: fine) {
  .base-btn:hover {
    background: #0a9f8f;
    border-color: #14c3b0;
    box-shadow: inset 0 0 10px #14c3b0;
    filter: var(--svg-blue-glow);
    transform: scale(1.05);
  }
  .warning-btn:hover {
    background: #681616;
    border-color: #a02323;
    box-shadow: inset 0 0 10px #a02323;
    filter: var(--svg-red-glow);
    transform: scale(1.05);
  }
}