﻿#islandPanel {
    display: flex;
    border-end-start-radius: 12px;
    border-end-end-radius: 12px;
    padding: 4px 12px 8px 12px;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
}

#islandPanel button, #islandPanel a {
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content:center;
}

html[data-bs-theme="light"] #islandPanel {
    background-color: #e6e6e6;
}

html[data-bs-theme="dark"] #islandPanel {
    background-color: #121416;
}

.btn-autosave {
    background: linear-gradient(-45deg, #FFA63D, #FF3D77, #338AFF, #3CF0C5);
    background-size: 600%;
    animation: colorShift 16s ease infinite;
}

#islandPanel, #idsErrors {
    margin-top: 2px;
}