/* ----------- INTEREST SHRINE (PIXEL ART - Default) ----------- */

/* Tab Bar */
body:not(.skeuomorphic) .tab-bar {
    border-bottom: 4px solid #4c4c4c;
}

/* Tabs */
body:not(.skeuomorphic) .tab {
    background: #333;
    border-style: solid;
    border-width: 4px;
    border-color: #777 #333 #333 #777;
    border-bottom: none;
    color: #e4e4e4;
    box-shadow: 0 0 0 2px #000;
    bottom: -4px;
}

body:not(.skeuomorphic) .tab:hover {
    background: #444;
    border-color: #888 #444 #444 #888;
}

body:not(.skeuomorphic) .tab.active {
    background: #5858c8;
    border-color: #8888ff #4040a0 #4040a0 #8888ff;
    box-shadow: 0 0 0 2px #000;
}

/* Grid Container */
body:not(.skeuomorphic) .grid-container {
    background: rgba(30, 30, 30, 0.8);
    border-style: solid;
    border-width: 4px;
    border-color: #777 #333 #333 #777;
    box-shadow: 0 0 0 2px #000;
}

/* Grid Items */
body:not(.skeuomorphic) .grid-item {
    background: rgba(40, 40, 40, 0.9);
    border-style: solid;
    border-width: 4px;
    border-color: #555 #222 #222 #555;
    box-shadow: 0 0 0 2px #000;
}

body:not(.skeuomorphic) .grid-item:hover {
    border-color: #6666cc #3333aa #3333aa #6666cc;
    box-shadow: 0 0 0 2px #000, 0 0 0 4px #5858c8;
}