/*********************
*Tag Banner
*********************/
.twc-tag-banner {
    position:absolute; left:80px; top:0; bottom:0; z-index:3;
    writing-mode:vertical-rl; transform:rotate(180deg);
}
.twc-tag-banner__inner {padding:0 20px 10px; position:relative;}
.twc-tag-banner__inner:before {
    content:""; display:block;
    width:72px; height:72px; background:#000; border-radius:50% 50% 0 50%;
    position:absolute; top:-30px; left:0; transform:rotate(-135deg);
}
.twc-tag-banner__inner-label {color:#fff; font-size:var(--twc-size-h6); font-weight:500; position:relative;}

/*background*/
.twc-tag-banner__inner.style-black, .twc-tag-banner__inner.style-black:before {background:#000;}

/*********************
*RESPONSIVE
*********************/
@media only screen and (max-width:1280px) {
    .twc-tag-banner {left:var(--twc-gap-container);}
}

@media only screen and (max-width:1024px) {
    .twc-tag-banner__inner {padding:0 10px 10px;}
    .twc-tag-banner__inner:before {width:52px; height:52px; top:-25px;}
}

@media only screen and (max-width:480px) {
    .twc-tag-banner {bottom:30px;}
    .twc-tag-banner__inner:before {width:45px; height:45px; top:-20px;}
}