.os-tab-group {
    menu[role="tablist"] {
        position: relative;
        margin: 0 0 -2px 0;
        text-indent: 0;
        list-style-type: none;
        display: flex;
        padding-left: 3px;

        .os-button {
            background: linear-gradient(
                180deg,
                rgba(255, 255, 255, 1) 0%,
                rgba(250, 250, 249, 1) 26%,
                rgba(240, 240, 234, 1) 95%,
                rgba(236, 235, 229, 1) 100%
            );
            margin-left: -1px;
            margin-right: 2px;
            border-radius: 0;
            border-color: #91a7b4;
            border-top-right-radius: 3px;
            border-top-left-radius: 3px;
            padding: 0 12px 3px;
            z-index: 1;
            display: flex;
            text-decoration: none;
            min-width: unset;

            &:hover:not(.os-disabled) {
                box-shadow: unset;
                border-top: 1px solid #e68b2c;
                box-shadow: inset 0px 2px #ffc73c;
            }

            &:focus {
                outline: 1px dotted #222;
                outline-offset: -4px;
            }

            &[aria-selected="true"] {
                padding-bottom: 2px;
                background: #fcfcfe;
                border-color: #919b9c;
                margin-top: -1px;
                margin-right: -1px;
                margin-left: -3px;
                border-bottom: 1px solid transparent;
                border-top: 1px solid #e68b2c;
                box-shadow: inset 0px 2px #ffc73c;
                position: relative;
                z-index: 8;

                &:first-of-type {
                    &::before {
                        content: "";
                        display: block;
                        position: absolute;
                        z-index: -1;
                        top: 100%;
                        left: -1px;
                        height: 2px;
                        width: 0;
                        border-left: 1px solid #919b9c;
                    }
                }
            }
        }
    }

    [role="tabpanel"] {
        padding: 14px;
        clear: both;
        background: linear-gradient(180deg, rgba(252, 252, 254, 1) 0%, rgba(244, 243, 238, 1) 100%);
        border: 1px solid #919b9c;
        position: relative;
        z-index: 2;
        margin-bottom: 9px;
        box-shadow: inset 1px 1px #fcfcfe, inset -1px -1px #fcfcfe, 1px 2px 2px 0px rgba(208, 206, 191, 0.75);
    }
}
