:root {
  --ss-primary-color: var(--bs-primary);
  --ss-bg-color: var(--bs-body-bg);
  --ss-font-color: var(--bs-body-color);
  --ss-border-color: var(--bs-border-color);
}

.navbar {
    --bs-navbar-padding-y: 0;
}

.navbar .nav-link {
    padding: 0.7em 0.8em !important;
    border-bottom: 0.15em solid transparent;
}

.navbar .nav-link:hover {
    border-bottom-color: #555;
}

.navbar .nav-link.active {
    border-bottom-color: #888;
}

.navbar-brand {
    font-size: 1.2rem;
}
.nav-tabs {
    border: none;
}

.nav-tabs .nav-link {
    background-clip: padding-box;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 0% 0px;
    transition: background 0.3s ease-out;
    border: none;
}

.nav-tabs .nav-link.active {
    background-size: 100% 2px;
    background-image: radial-gradient(#ffac00, transparent) !important;
}

.steam-label::before {
    content: '';
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    mask: url(/images/icons/steam.svg) no-repeat right center;
    background-color: white;
    margin-top: 39px;
    margin-left: 10px;
}

.steam-label + input {
    padding-left: 40px;
}

.form-row {
    margin-bottom: 1rem;
}

.form-select {
    background-image: none;
}

.ss-content {
    border-radius: 0;
    padding: 0px;
}