.cmp-tabs{margin:.5em}
.cmp-tabs__tablist{justify-content:space-around;border-bottom:3px solid #ccc !important}
.cmp-tabs__tab:nth-of-type(1):nth-last-of-type(2),.cmp-tabs__tab:nth-of-type(2):nth-last-of-type(1){width:50%}
.cmp-tabs__tab:nth-of-type(1):nth-last-of-type(3),.cmp-tabs__tab:nth-of-type(2):nth-last-of-type(2),.cmp-tabs__tab:nth-of-type(3):nth-last-of-type(1){width:33.33%}
.cmp-tabs__tab:nth-of-type(1):nth-last-of-type(4),.cmp-tabs__tab:nth-of-type(2):nth-last-of-type(3),.cmp-tabs__tab:nth-of-type(3):nth-last-of-type(2),.cmp-tabs__tab:nth-of-type(4):nth-last-of-type(1){width:24%}
.cmp-tabs__tab:nth-of-type(1):nth-last-of-type(5),.cmp-tabs__tab:nth-of-type(2):nth-last-of-type(4),.cmp-tabs__tab:nth-of-type(3):nth-last-of-type(3),.cmp-tabs__tab:nth-of-type(4):nth-last-of-type(2),.cmp-tabs__tab:nth-of-type(5):nth-last-of-type(1){width:20%}
.cmp-tabs__tab{height:2.625em;margin:0;padding:.5625em 1em .6875em 1em;color:$color-gray;font-size:1em;outline:0;border-bottom:0 !important;width:100%;text-align:center;position:relative;box-sizing:border-box}
.cmp-tabs__tab::after{content:"";display:block;width:100%;height:3px;background-color:var(--color-active-tab);position:absolute;bottom:0;left:0;transform:scaleX(0);transform-origin:left;transition:transform .5s ease-in-out}
.cmp-tabs__tab--active::after{transform:scaleX(1)}
.cmp-tabs__tabpanel--active{padding-right:.5em;padding-left:.5em}
@media(max-width:900px){.cmp-tabs__tab{height:40px;font-size:.8em;text-align:left;border-bottom:3px solid #ccc !important}
.cmp-tabs__tablist{justify-content:space-around !important;padding-bottom:0}
.cmp-tabs__tab:nth-of-type(1):nth-last-of-type(2),.cmp-tabs__tab:nth-of-type(2):nth-last-of-type(1){width:100%}
.cmp-tabs__tab:nth-of-type(1):nth-last-of-type(3),.cmp-tabs__tab:nth-of-type(2):nth-last-of-type(2),.cmp-tabs__tab:nth-of-type(3):nth-last-of-type(1){width:100%}
.cmp-tabs__tab:nth-of-type(1):nth-last-of-type(4),.cmp-tabs__tab:nth-of-type(2):nth-last-of-type(3),.cmp-tabs__tab:nth-of-type(3):nth-last-of-type(2),.cmp-tabs__tab:nth-of-type(4):nth-last-of-type(1){width:100%}
.cmp-tabs__tab:nth-of-type(1):nth-last-of-type(5),.cmp-tabs__tab:nth-of-type(2):nth-last-of-type(4),.cmp-tabs__tab:nth-of-type(3):nth-last-of-type(3),.cmp-tabs__tab:nth-of-type(4):nth-last-of-type(2),.cmp-tabs__tab:nth-of-type(5):nth-last-of-type(1){width:100%}
.cmp-tabs__tab--active{transform:scaleX(1)}
.cmp-tabs__tab--active:after{transform:scaleX(1)}
.cmp-tabs__tablist{border-bottom:0 solid transparent !important}
}