body {
    --fas-bookmark-tabs: flat; /* disable, flat, or volume */
}

@container not style(--fas-bookmark-tabs: disable) {
    .mod-sidedock {
        .workspace-tab-header-container {
            position: absolute;
            z-index: 1;
            top: -2px;
            width: 100%;
        }

        .workspace-tab-header-container-inner {
            height: calc(var(--header-height) + 0.5 * var(--cutout-corner-radius, 0));
            filter: drop-shadow(2px 2px 2px var(--shadow-color));
            gap: var(--size-2-3);
            margin-top: var(--workspace-top-margin);
        }

        .workspace-tab-header {
            background-color: var(--workspace-background);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%);
        }

        .workspace-tab-header.is-active {
            background-color: var(--color-accent);
        }

        .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner {
            margin-top: 0;
        }

        .mod-top .workspace-tab-container {
            margin-top: var(--workspace-top-margin);
        }

        .workspace-leaf {
            padding-top: calc(var(--header-height) - var(--workspace-top-margin));
        }
    }

	.mod-macos .mod-sidedock .sidebar-toggle-button {
        margin-top: var(--workspace-top-margin);
        padding: 0;
        height: calc(var(--header-height) + 0.5 * var(--cutout-corner-radius, 0))
    }
}

@media (hover: hover) {
    @container not style(--fas-bookmark-tabs: disable) {
        .mod-sidedock {
            .workspace-tab-header-container:hover {
                --icon-opacity: var(--icon-opacity-inactive);
            }

            .workspace-tab-header.is-active:hover {
                background-color: var(--color-accent-1);
            }
        }
    }
}

@container style(--fas-bookmark-tabs: volume) {
    .mod-sidedock .workspace-tab-header {
        background-image: linear-gradient(
            to bottom,
            rgb(255 255 255 / 0.08) 2px,
            rgb(255 255 255 / 0.03) 8px,
            transparent 20px
        );
        background-size: 100% 100%;
    }
}
