
label {
        margin-bottom: 0;

    }

    .tabset>label.ribboned {

    padding-left: 2rem;
    }
    .tabset>label.ribboned::after {
        
    width: 49px;
    }
    /*
 CSS for the main interaction
*/
    .tabset>input[type="radio"] {
        position: absolute;
        left: -200vw;
    }

    .tabset .tab-panel {
        display: none;
    }

    .tab-panels>section {

        background: white;
        padding: 0 1rem;
        padding: 1.5rem 1rem;
        gap: 1.5rem;
        display: flex;
        flex-direction: column;


    border-color: black;
    border: solid 1px;

    width: 100%;
    }
    .tab-panels{
    width: 100%;
    }

    .tabset>input:first-child:checked~.tab-panels>.tab-panel:first-child,
    .tabset>input:nth-child(3):checked~.tab-panels>.tab-panel:nth-child(2),
    .tabset>input:nth-child(5):checked~.tab-panels>.tab-panel:nth-child(3),
    .tabset>input:nth-child(7):checked~.tab-panels>.tab-panel:nth-child(4),
    .tabset>input:nth-child(9):checked~.tab-panels>.tab-panel:nth-child(5),
    .tabset>input:nth-child(11):checked~.tab-panels>.tab-panel:nth-child(6) {
        display: block;
        display: flex;
    }

    /*
 Styling
*/
    body {
        /* font: 16px/1.5em ; */
        /* "Overpass", "Open Sans", Helvetica, sans-serif; */
        color: #333;
        font-weight: 300;

    }

    .tabset>label {
        position: relative;
        display: inline-block;
        padding: 15px 15px 25px;
        border: 1px solid transparent;
        border-bottom: 0;
        cursor: pointer;
        font-weight: 600;
        width: 30%;
        width: 33%;
        flex: 1;

    overflow: hidden;

    text-wrap: nowrap;

        text-wrap: wrap;
    }
.cornerbanner::after{
    /* left: calc(15px + 3.5rem); */
    transform: translateX(2rem);
    transform: translateX(1.5rem);
}
.cornerbanner,
.expired{
    padding-left: 2.5rem!important;
    /* padding-left: 3rem!important; */
    /* padding-left: 3.5rem!important; */
}
    .expired._10am::before 
    {
        content: '@ 10AM';
    }
    .expired::before ,
    .cornerbanner::before 
    {
        content: 'SOLD OUT';
        position: absolute;
        width: 6rem;
        width: 7rem;
        height: 1.5rem;
        background-color: darkred;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0;
        left: 0;
        transform: rotate(-45deg) translate(-1.8rem,-.6rem);
        transform: rotate(-45deg) translate(-1.95rem,-.6rem);
        color: #fff;
        font-size: 1rem;
        z-index: 2;
    }
    .lastfew::before{
        content: 'LAST FEW';
        content: 'FEW LEFT';
        background-color: darkgreen;

    }
    .tabset>label::after {
        content: "";
        position: absolute;
        left: 15px;
        bottom: 10px;
        width: 22px;
        height: 4px;
        background: #8d8d8d;
        z-index: 1;
    }

    input:focus-visible+label {
        outline: 2px solid rgba(0, 102, 204, 1);
        border-radius: 3px;
    }

    .tabset>label:hover,
    .tabset>input:focus+label,
    .tabset>input:checked+label {
        color: #06c;
        background-color: #fff;
    }

    .tabset>label:hover::after,
    .tabset>input:focus+label::after,
    .tabset>input:checked+label::after {
        background: #06c;
    }

    .tabset>input:checked+label {
        border-color: #ccc;
        border-color: #000;
        border-bottom: 1px solid #fff;
        /* border-bottom: 1px solid #e9ebe8; */
        margin-bottom: -1px;
        text-wrap: wrap;
    }

    .tab-panel {
        padding: 30px 0;
        border-top: 1px solid #ccc;
        border-top: 1px solid #000;
    }

    /*
 Demo purposes only
*/
    *,
    *:before,
    *:after {
        /* box-sizing: border-box; */
    }

    /* body {
        padding: 30px;
    } */

    .tabset {
        max-width: 100vw;
        max-width: 95vw;
        width: max(50vw, 50vh);
        /* max-width:  */
    max-width: 1000px;

    overflow: hidden;
    

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;


    width: 100%;
    }