.piku-pt-tabs-wrapper {
    --piku-pt-wrapper-direction: row;
    --piku-pt-tabs-direction: column;
    --piku-pt-tabs-section-direction: column;
    display: var(--piku-pt-tabs-wrapper-display, flex);
    flex-direction: var(--piku-pt-wrapper-direction);
    overflow: hidden;
}

/* Style the tab */
.piku-pt-tabs {
    display: flex;
    flex-direction: var(--piku-pt-tabs-direction);
    box-sizing: border-box;
    scrollbar-width: thin;
    overflow: auto;
    flex-shrink: 0;
}

.piku-pt-tabs-section {
    display: flex;
    box-sizing: inherit;
    flex-direction: var(--piku-pt-tabs-section-direction);
}

.piku-pt-tab-section-header {
    padding: 10px;
    width: 100%;
    box-sizing: inherit;
}

.piku-pt-tabs-section-tabs {
    display: flex;
    box-sizing: inherit;
    flex-direction: inherit;
}

.piku-pt-tabs-section-tabs .piku-pt-tab-button {
    color: black;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    box-sizing: inherit;
}

.piku-pt-tabs-section-tabs .piku-pt-tab-button i {
    font-size: 20px;
    align-self: center;
}

.piku-pt-tabcontent {
    /*display: none;*/
    align-items: center;
    justify-items: center;
    flex: 1;
    width: 100%;
    height: 100%;
}

.piku-pt-tabcontent-show {
    opacity: 1;
    display: flex;
}

.piku-pt-tabcontent-hide {
    opacity: 0;
    display: none;
}

.piku-pt-tabcontent-wrapper {
    position: relative;
    width: 100%;
}


.piku-pt-acc-wrapper {
    display: var(--piku-pt-acc-wrapper-display, flex);
    flex-direction: column;
    width: 100%;
}

.piku-pt-acc-term {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease-in-out;
}

.piku-pt-acc-post {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease-in-out;
}

.piku-pt-acc-active {}

.piku-pt-acc-term-content {
    display: flex;
    flex-direction: column;
}

.piku-pt-acc-term-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: right;
    transition: all 0.3s ease-in-out;
}

.piku-pt-acc-post-content {
    display: flex;
    flex-direction: column;
}


.piku-pt-acc-show {
    opacity: 1;
    display: flex;
}

.piku-pt-acc-hide {
    opacity: 0;
    display: none;
}