@media (-moz-bool-pref: "uwp.sun-valley.round-tabs") {
    .tabbrowser-tab>.tab-stack>.tab-background {
        background-color: transparent !important;
        background-clip: padding-box !important;
        background-image: none !important;
        border: none !important;
        border-radius: 8px 8px 0px 0px !important;
        margin: 0px 0px !important;
        box-shadow: none !important;
        opacity: 1 !important;
        overflow: visible !important;
        transition: background-color 83ms !important;

        @media (-moz-bool-pref: "uwp.sun-valley") {
            @media (prefers-color-scheme: dark) {
                & {
                    border-top-color: var(--uwp-control-stroke-secondary) !important;
                }
            }

            @media (prefers-color-scheme: light) {
                & {
                    border-bottom-color: var(--uwp-control-stroke-secondary) !important;
                }
            }
        }
    }

    .tabbrowser-tab:hover>.tab-stack>.tab-background {
        clip-path: inset(1px) !important;
        transition: 0s !important;
        background-color: var(--uwp-button-background-hover) !important;
        border: none !important;

        @media (-moz-bool-pref: "uwp.sun-valley") {
            @media (prefers-color-scheme: dark) {
                & {
                    border-top-color: transparent !important;
                }
            }

            @media (prefers-color-scheme: light) {
                & {
                    border-bottom-color: transparent !important;
                }
            }
        }
    }

    .tabbrowser-tab[selected="true"]>.tab-stack>.tab-background {
        clip-path: inset(-10px) !important;
        background-color: var(--uwp-button-background) !important;
        transition: 0s !important;

        ::before,
        ::after {
            content: "" !important;
            display: block !important;
            position: absolute !important;
            min-width: 8px !important;
            max-width: 8px !important;
            min-height: 8px !important;
            max-height: 8px !important;
            bottom: 0px !important;
            pointer-events: none !important;
            clip-path: inset(0px) !important;

            transition-property: box-shadow !important;
            transition-duration: get-var("shortest-duration") !important;
            transition-timing-function: get-var("fade-in-out") !important;

        }

        .tab-context-line::before {
            border-bottom-right-radius: 8px !important;
            left: 0 !important;
            transform: translateX(-8px) translateY(1px) !important;
            box-shadow: 5px 5px 0 4px var(--uwp-button-background) !important;
        }

        .tab-context-line::after {
            border-bottom-left-radius: 8px !important;
            right: 0 !important;
            transform: translateX(8px) translateY(1px) !important;
            box-shadow: -5px 5px 0 4px var(--uwp-button-background) !important;
        }
    }

    .tabbrowser-tab:active[selected="true"]>.tab-stack>.tab-background {
        clip-path: inset(-10px) !important;
        background-color: var(--uwp-button-background) !important;
        transition: 0s !important;

        ::before,
        ::after {
            content: "" !important;
            display: block !important;
            position: absolute !important;
            min-width: 8px !important;
            max-width: 8px !important;
            min-height: 8px !important;
            max-height: 8px !important;
            bottom: 0px !important;
            pointer-events: none !important;
            clip-path: inset(0px) !important;

            transition-property: box-shadow !important;
            transition-duration: get-var("shortest-duration") !important;
            transition-timing-function: get-var("fade-in-out") !important;

        }

        .tab-context-line::before {
            border-bottom-right-radius: 8px !important;
            left: 0 !important;
            transform: translateX(-8px) translateY(1px) !important;
            box-shadow: 5px 5px 0 4px var(--uwp-button-background) !important;
        }

        .tab-context-line::after {
            border-bottom-left-radius: 8px !important;
            right: 0 !important;
            transform: translateX(8px) translateY(1px) !important;
            box-shadow: -5px 5px 0 4px var(--uwp-button-background) !important;
        }
    }
}