.g44-tabs:not(#editor .g44-tabs) {
	position: relative;
}

.g44-tabs .tabs {
    display: flex;
    gap: 5px;
    margin-bottom: 0px;
}

.g44-accordion .tabs{
	display:none;
}

.g44-tabs .tabs>button,
.g44-tabs .panels>button{
    padding: 1em 1em;
    font-size:1em;
    color:var(--g44-black-color);
    background: transparent;
    border:0;
    border-bottom: 2px solid rgb(0 0 0 / 8%);
    cursor: pointer;
}
.g44-tabs .tabs>button:hover {
    border-bottom: 2px solid var(--g44-primary-color);
}
.g44-tabs .tabs>button[aria-selected="true"] {
    border-bottom: 2px solid var(--g44-secondary-color);
    font-weight: bold;
}
.g44-tabs.g44-dark .tabs>button,
.g44-tabs.g44-dark .panels>button{
	color:var(--g44-primary-color-dark);
    border-color: rgb(255 255 255 / 8%);
}
.g44-tabs.g44-dark .tabs>button:hover {
    border-color: var(--g44-primary-color-dark);
}
.g44-tabs.g44-dark .tabs>button[aria-selected="true"] {
    border-bottom: 2px solid var(--g44-secondary-color-dark);
    font-weight: bold;
}

.g44-tabs .panels>button{
	display:none;
	position: relative;
	border-bottom: 1px solid var(--g44-primary-color);
	width:100%;
	text-align:left;
	margin:5px 0px;
}
.g44-tabs .panels>button.accordion{
	margin:0px 0px;
	padding-right: 50px;
}
.g44-tabs .panels>button[aria-expanded="true"],
.g44-accordion .panels>button:has(+ div[role="tabpanel"].found),
.g44-tabs .panels>button.found{
    font-weight: bold;
}

.g44-tabs .panels>button:after {
	background-color: var(--g44-primary-color);
	bottom: 0px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transform-origin: bottom right;
	transition: transform .3s;
	width: 100%;
	z-index: 9;
	border-radius:0px;
}
.g44-tabs .panels>button:hover:after,
.g44-tabs .panels>button[aria-expanded="true"]:after,
.g44-accordion .panels>button:has(+ div[role="tabpanel"].found):after,
.g44-tabs .panels>button.found:after{
	transform: scaleX(1);
	transform-origin: bottom left;
}

.g44-tabs .panels>button:before{
	position:absolute;
	content:'\F64D';
	font-size: 28px;
	width: 30px;
	height: 30px;
	display: flex !important;
	align-items: center;
	justify-content:center;
	top: calc(50% - 15px);
	right: 15px;
	-webkit-transition: transform .4s ease 0s;
}
.g44-tabs .panels>button[aria-expanded="true"]:before,
.g44-tabs .panels>button:has(+ div[role="tabpanel"].found):before,
.g44-tabs .panels>button.found:before{
	transform: rotate(180deg);
	content:'\F63B';
}

.g44-tabs.ind-plus .panels>button:before{
	content:'\F64D';
}
.g44-tabs.ind-plus .panels>button[aria-expanded="true"]:before,
.g44-tabs.ind-plus .panels>button:has(+ div[role="tabpanel"].found):before,
.g44-tabs.ind-plus .panels>button.found:before{
	content:'\F63B';
	transform: rotate(180deg);
}

.g44-tabs.ind-arrow .panels>button:before{
	content:'\F12F';
}
.g44-tabs.ind-arrow .panels>button[aria-expanded="true"]:before,
.g44-tabs.ind-arrow .panels>button:has(+ div[role="tabpanel"].found):before,
.g44-tabs.ind-arrow .panels>button.found:before{
	content:'\F12F';
	transform: rotate(-90deg);
}

.g44-accordion .panels>button{
	display:block;
}
.g44-accordion .panels>button:has(+ div[role="tabpanel"].found) {
	display:block !important;
}

@keyframes g44-panel-open{
	0% {
		transform:translateY(50px);
		opacity:0;
	}
	100% {
		transform:translateY(0px);
		opacity:1;
	}
}

.g44-tabs .panels > div[role="tabpanel"]>div {
    padding: 1em;
	opacity:0;
	transform:translateY(50px);
}
.modal-content .g44-tabs .panels > div[role="tabpanel"]>div {
    padding: 1em 0;
}

.g44-tabs .panels > div[role="tabpanel"].open>div,
.g44-tabs .panels > div[role="tabpanel"]:not([hidden])>div,
.g44-tabs .panels > div[role="tabpanel"].found>div,
.g44-accordion .panels>button.found + div[role="tabpanel"]>div{
	animation-name: g44-panel-open;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	animation-duration: 0.4s;
	opacity:1;
	transform:translateY(0px)
}

.g44-tabs .panels > div[role="tabpanel"] {
    display: none;
}

.g44-tabs .panels > div[role="tabpanel"]:not([hidden]) {
    display: block;
}
body.resize .g44-tabs .panels > div[role="tabpanel"]:not([hidden]) {
    max-height:none !important;
}

.g44-accordion .panels > div[role="tabpanel"] {
	display: block;
	overflow: hidden;
	max-height:0;
	opacity:1;
	padding: 0;
	-webkit-transition: max-height 0.5s ease 0s;
	-moz-transition: max-height 0.5s ease 0s;
	-o-transition: max-height 0.5s ease 0s;
	-ms-transition: max-height 0.5s ease 0s;
	transition: max-height 0.5s ease 0s;
}
.g44-accordion .panels > div[role="tabpanel"]:not([hidden]),
.g44-accordion .panels > div[role="tabpanel"].found,
.g44-accordion .panels>button.found + div[role="tabpanel"]{
	display:block;
	overflow: unset;
	max-height: var(--g44-maxexpand-tab-height);
	opacity:1;
	border-bottom: 1px solid var(--g44-primary-color);
}
.g44-accordion .panels>button.found + div[role="tabpanel"]{
	display:block !important;
}

.g44-accordion .panels > div[role="tabpanel"]::-webkit-scrollbar,
.g44-accordion-mobile .panels > div[role="tabpanel"]::-webkit-scrollbar{
    display: none;
}

@media (max-width: 781px) {
	.g44-accordion .tabs,
	.g44-accordion-mobile .tabs{
	    display: none;
	}
	.g44-accordion .panels>button,
	.g44-accordion-mobile .panels>button{
		display:block;
	}
	.g44-tabs .tabs>button{
	    padding: 1em 0.75em;
	}

	.g44-accordion-mobile .panels > div[role="tabpanel"] {
		display:block;
	    max-height: 0;
	    overflow: scroll;
	    transition: max-height 0.5s ease;
	}
	.g44-accordion-mobile .panels > div[role="tabpanel"]:not([hidden]) {
		display:block;
	    max-height: 0px;
	    overflow: scroll;
	    transition: max-height 0.5s ease;
	}
	.g44-accordion-mobile .panels > div[role="tabpanel"].open,
	.g44-accordion-mobile .panels > div[role="tabpanel"]:not([hidden]){
	    max-height: var(--g44-maxexpand-tab-height);
	}
}



.wp-block-g44-tabs{
	border: 1px solid #bbb;
    padding:5px
}

.wp-block-g44-tabs.g44-tabs:before{
	content:'TABS';
	position:absolute;
	right:0px;
	top:-20px;
	height:20px;
	line-height:20px;
	background:#bbb;
	padding:0px 5px;
	font-size:12px;
}

.wp-block-g44-tabs.g44-tabs.g44-accordion:before{
	content:'ACCORDION';
}

.wp-block-g44-tabs .wp-block{
	margin:0px 0px 1em;
}

.g44-tab-title-container{
    cursor: pointer;
	font-weight: normal;
	padding: 10px 10px;
	margin-bottom: 5px;
	background-color: #fff9a5;
	color:#000 !important;
	border:1px solid #bbb;
	border-radius:10px;
}

.wp-block-g44-tabs .is-selected .g44-tab-title-container,
.wp-block-g44-tabs .has-child-selected .g44-tab-title-container,
.wp-block-g44-tabs .wp-block:has(.is-selected, .has-child-selected) .g44-tab-title-container{
    font-weight:bold;
	background-color: #ffee00;
}
.wp-block-g44-tabs .wp-block:first-child .g44-tab-title-container:not(.wp-block-g44-tabs:has(.is-selected, .has-child-selected) .wp-block:first-child .g44-tab-title-container){
    font-weight:bold;
	background-color: #ffee00;
}

.g44-tab-content{
    padding: 10px;
	border:1px solid #bbb;
	display:none;
}
.wp-block-g44-tabs .is-selected .g44-tab-content,
.wp-block-g44-tabs .has-child-selected .g44-tab-content,
.wp-block-g44-tabs .wp-block:has(.is-selected, .has-child-selected)  .g44-tab-content{
    display:block;
}
.wp-block-g44-tabs .wp-block:first-child .g44-tab-content:not(.wp-block-g44-tabs:has(.is-selected, .has-child-selected) .wp-block:first-child .g44-tab-content){
    display:block;
}




.wp-block-g44-tabs .block-list-appender {
    background-color: #f5f5f5;
    border: 1px dashed #ccc;
    padding: 10px;
    margin-top: 10px;
    text-align: center;
    cursor: pointer;
    position:relative;
}

.wp-block-g44-tabs .block-list-appender:hover {
    background-color: #e8e8e8;
    border-color: #bbb;
}

.wp-block-g44-tabs .g44-tab-content .block-list-appender{
    opacity:0.5;
}