.p-dock-list-container {
    padding: 0 !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(10px) brightness(0.9) !important;
    -webkit-backdrop-filter: blur(10px) brightness(0.9) !important;
}
.title {
    font-size: 14px;
    font-weight: bold;
}
.light.dock-window {
    width: 100%;
    position: relative;
    z-index: 1;
    background-image: url("./assets/light_dock_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;

}
.light .tile-btn {
    background-image: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%);
    color: #222;
}

.image-remove-bg {
    mix-blend-mode: multiply; /* Blend the image with the background */
}

.dark.dock-window {
    position: relative;
    background-image: url("./assets/dark_bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    z-index: 1;
}

.bottom > .p-dock-list-container {
    height: 50px !important;
}

.dark.p-dock-list-container {
    background: rgba(255, 255, 255, 0.05) !important;
}

.light.p-dock-list-container {
    background: rgba(255, 255, 255, 0.5) !important;
}
.square-button {
    width: 35px !important; /* Same width and height for a square */
    height: 35px !important;
    border: none !important; /* Remove the default button border */
    border-radius: 10px !important; /* Optional: adjust to make slightly rounded corners */
    align-items: center !important;
    justify-content: center !important;
}
.square-button-p {
    width: 50px !important; /* Same width and height for a square */
    height: 50px !important;
    border: none !important; /* Remove the default button border */
    border-radius: 15px !important; /* Optional: adjust to make slightly rounded corners */
    align-items: center !important;
    justify-content: center !important;
}
.show-btns {
    color: rgba(255, 255, 255, 1) !important;
}