@font-face {
    font-family: "Segoe UI";
    src: url("/static/themes/gloss/segoeui.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body {
    background: radial-gradient(circle at 55% 45%, #74b2d1, #131c1f);
}

.main {
    border: 1px solid rgba(0,0,0,.7);
    box-shadow: 2px 2px 10px 1px rgba(0,0,0,.7), inset 0 0 0 1px #fffa;
    background: radial-gradient(circle at 75% 0, rgba(101, 137, 106, 0.6), rgba(145, 255, 145, 0.6));
    font-family: "Segoe UI", sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #1b1b1b;
}

#lyphebig {
    border: 1px solid rgba(0,0,0,.7);
    border-radius: 6px;
    box-shadow: 2px 2px 10px 1px rgba(0,0,0,.4), inset 0 0 0 1px #fffa;
    background: rgba(240, 240, 240, 0.6);
    padding: 30px;
}

input[type=text] {
    background: white;
    width: unset;
    height: 23px;
    border: 1px solid #ccc;
    border-top: 1px solid #8e8f8f;
    box-sizing: border-box;
    padding: 3px 4px 5px;
    padding-inline: unset;
    font-family: "Segoe UI", sans-serif;
    font-weight: normal;
    font-size: 12px;
}

input[type=text]:focus {
    border: 1px solid #ccc;
    border-top: 1px solid #8e8f8f;
}

button, .button {
    background: linear-gradient(to bottom, #f2f2f2 45%, #ebebeb 45%, #cfcfcf);
    border: 1px solid #8e8f8f;
    border-radius: 3px;
    width: unset;
    height: 23px;
    vertical-align: center;
    padding: 0 12px;
    font-family: "Segoe UI", sans-serif;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    line-height: normal;
    color: black;
}

button:hover, .button:hover {
    filter: unset;
    cursor: pointer;
    border-color: #3c7fb1;
}

.user-bar > form > button {
    background: linear-gradient(to bottom, #f2f2f2 45%, #ebebeb 45%, #cfcfcf);
    width: 69px;
    height: 23px;
    margin-top: unset;
    vertical-align: bottom;
    border: 1px solid #8e8f8f;
    font-family: "Segoe UI", sans-serif;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    line-height: normal;
    color: black;
}

.user-bar > a.button {
    background: linear-gradient(to bottom, #f2f2f2 45%, #ebebeb 45%, #cfcfcf);
    width: 69px;
    height: 21px;
    margin: 3px;
    vertical-align: bottom;
    border: 1px solid #8e8f8f;
    font-family: "Segoe UI", sans-serif;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    line-height: normal;
    color: black;
    padding: unset;
}

.user-bar > form > button:hover, .user-bar > a.button:hover {
    cursor: pointer;
    border-color: #3c7fb1;
}

.index-bar {
    align-items: center !important;
    justify-content: start;
    height: 26px !important;
}

.index-bar > a > img {
    width: 57px;
    height: 23px !important;
}

.index-bar > a {
    height: 23px !important;
}

#websearch-img {
    content: url("/static/themes/gloss/websearch.png");
}

#websearch-img-selected {
    content: url("/static/themes/gloss/websearch_selected.png");
}

#imagesearch-img {
    content: url("/static/themes/gloss/imagesearch.png");
}

#imagesearch-img-selected {
    content: url("/static/themes/gloss/imagesearch_selected.png");
}
