.gutena-tabs-block {
    display: flex;
    flex-direction: column;
    position: relative;
    row-gap: var(--gutena--tabs-tab-after-gap)
}

@media only screen and (max-width:780px)and (min-width:361px) {
    .gutena-tabs-block.tablet-scroll>.gutena-tabs-tab {
        flex-wrap: nowrap;
        justify-content: flex-start !important;
        overflow: auto;
        white-space: nowrap
    }

    .gutena-tabs-block.tablet-scroll>.gutena-tabs-tab>.gutena-tab-title {
        flex: 1 0 auto
    }
}

@media only screen and (max-width:360px) {
    .gutena-tabs-block.mobile-scroll>.gutena-tabs-tab {
        flex-wrap: nowrap;
        justify-content: flex-start !important;
        overflow: auto;
        white-space: nowrap
    }

    .gutena-tabs-block.mobile-scroll>.gutena-tabs-tab>.gutena-tab-title {
        flex: 1 0 auto
    }
}

.gutena-tabs-block>.gutena-tabs-tab {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gutena--tabs-tab-spacing, 10px);
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.gutena-tabs-block>.gutena-tabs-tab .gutena-tab-title {
    min-width: var(--gutena--tabs-tab-min-width)
}

.gutena-tabs-block>.gutena-tabs-tab.tab-center {
    justify-content: center
}

.gutena-tabs-block>.gutena-tabs-tab.tab-right {
    justify-content: flex-end
}

.gutena-tabs-block>.gutena-tabs-tab.tab-flex .gutena-tab-title {
    flex: 1 0 var(--gutena--tabs-tab-min-width, auto);
    min-width: none
}

.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title {
    background: var(--gutena--tabs-tab-background-gradient-color, var(--gutena--tabs-tab-background-color));
    border-bottom: var(--gutena--tabs-tab-border-bottom);
    border-left: var(--gutena--tabs-tab-border-left);
    border-radius: var(--gutena--tabs-tab-border-radius);
    border-right: var(--gutena--tabs-tab-border-right);
    border-top: var(--gutena--tabs-tab-border-top);
    box-shadow: var(--gutena--tabs-tab-box-shadow);
    color: var(--gutena--tabs-tab-text-color);
    cursor: pointer;
    font-family: var(--gutena--tabs-tab-font-family, inherit);
    font-size: var(--gutena--tabs-tab-font-size, 14px);
    font-style: var(--gutena--tabs-tab-font-style);
    font-weight: var(--gutena--tabs-tab-font-weight);
    padding: var(--gutena--tabs-tab-padding);
    position: relative;
    text-align: center;
    text-transform: var(--gutena--tabs-tab-text-transfrom)
}

@media only screen and (max-width:780px) {
    .gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title {
        padding: var(--gutena--tabs-tab-padding-tablet, var(--gutena--tabs-tab-padding))
    }
}

@media only screen and (max-width:360px) {
    .gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title {
        padding: var(--gutena--tabs-tab-padding-mobile, var(--gutena--tabs-tab-padding-tablet, var(--gutena--tabs-tab-padding)))
    }
}

.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title:hover {
    background: var(--gutena--tabs-tab-hover-background-gradient-color, var(--gutena--tabs-tab-hover-background-color));
    border-bottom: var(--gutena--tabs-tab-hover-border-bottom, var(--gutena--tabs-tab-border-bottom));
    border-left: var(--gutena--tabs-tab-hover-border-left, var(--gutena--tabs-tab-border-left));
    border-radius: var(--gutena--tabs-tab-hover-border-radius, var(--gutena--tabs-tab-border-radius));
    border-right: var(--gutena--tabs-tab-hover-border-right, var(--gutena--tabs-tab-border-right));
    border-top: var(--gutena--tabs-tab-hover-border-top, var(--gutena--tabs-tab-border-top));
    box-shadow: var(--gutena--tabs-tab-hover-box-shadow, var(--gutena--tabs-tab-box-shadow));
    color: var(--gutena--tabs-tab-hover-text-color, var(--gutena--tabs-tab-text-color));
    z-index: 4
}

.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title:hover>.gutena-tab-title-content .gutena-tab-title-icon svg {
    fill: var(--gutena--tabs-tab-hover-icon-color)
}

.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title.active {
    background: var(--gutena--tabs-tab-active-background-gradient-color, var(--gutena--tabs-tab-active-background-color));
    border-bottom: var(--gutena--tabs-tab-active-border-bottom);
    border-left: var(--gutena--tabs-tab-active-border-left);
    border-radius: var(--gutena--tabs-tab-active-border-radius);
    border-right: var(--gutena--tabs-tab-active-border-right);
    border-top: var(--gutena--tabs-tab-active-border-top);
    box-shadow: var(--gutena--tabs-tab-active-box-shadow);
    color: var(--gutena--tabs-tab-active-text-color);
    z-index: 4
}

.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title.active>.gutena-tab-title-content .gutena-tab-title-icon svg {
    fill: var(--gutena--tabs-tab-active-icon-color)
}

.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title.active>.gutena-tab-title-content .gutena-tab-title-icon svg path {
    stroke-width: 5px
}

.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title>.gutena-tab-title-content {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    height: 100%;
    justify-content: center
}

.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title>.gutena-tab-title-content .gutena-tab-title-icon {
    height: 100%
}

.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title>.gutena-tab-title-content .gutena-tab-title-icon svg {
    height: 100%;
    fill: var(--gutena--tabs-tab-icon-color)
}

.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title>.gutena-tab-title-content.icon-left .gutena-tab-title-icon {
    margin-left: -3px;
    margin-right: calc(var(--gutena--tabs-tab-icon-spacing, 10)*1px)
}

.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title>.gutena-tab-title-content.icon-right {
    flex-direction: row-reverse
}

.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title>.gutena-tab-title-content.icon-right .gutena-tab-title-icon {
    margin-left: calc(var(--gutena--tabs-tab-icon-spacing, 10)*1px);
    margin-right: -3px
}

.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title>.gutena-tab-title-content.icon-top {
    flex-direction: column
}

.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title>.gutena-tab-title-content.icon-top .gutena-tab-title-icon {
    margin-bottom: calc(var(--gutena--tabs-tab-icon-spacing, 10)*1px)
}

.gutena-tabs-block>.gutena-tabs-content {
    margin: 0 !important;
    position: relative;
    z-index: 2
}

.gutena-tabs-block>.gutena-tabs-content>.gutena-tab-block {
    background: var(--gutena--tabs-tab-container-background-gradient-color, var(--gutena--tabs-tab-container-background-color));
    border-bottom: var(--gutena--tabs-tab-container-border-bottom);
    border-left: var(--gutena--tabs-tab-container-border-left);
    border-radius: var(--gutena--tabs-tab-container-border-radius);
    border-right: var(--gutena--tabs-tab-container-border-right);
    border-top: var(--gutena--tabs-tab-container-border-top);
    box-shadow: var(--gutena--tabs-tab-container-box-shadow);
    color: var(--gutena--tabs-tab-container-text-color);
    margin: 0;
    padding: var(--gutena--tabs-tab-container-padding)
}

@media only screen and (max-width:780px) {
    .gutena-tabs-block>.gutena-tabs-content>.gutena-tab-block {
        padding: var(--gutena--tabs-tab-container-padding-tablet, var(--gutena--tabs-tab-container-padding))
    }
}

@media only screen and (max-width:360px) {
    .gutena-tabs-block>.gutena-tabs-content>.gutena-tab-block {
        padding: var(--gutena--tabs-tab-container-padding-mobile, var(--gutena--tabs-tab-container-padding-tablet, var(--gutena--tabs-tab-container-padding)))
    }
}

.gutena-tabs-block>.gutena-tabs-content>.gutena-tab-block:not(.active) {
    display: none
}