/*
Block Name: Tabs
Description: A simple tab group.
*/

.block-tabs .tab-triggers .tab-trigger{cursor: pointer;padding: 1rem 2rem;background-color: var(--brand-2);display:inline-block;color:#ffffff;}
.block-tabs .tab-triggers .tab-trigger.active, .block-tabs .tab-triggers .tab-trigger:hover {background-color: var(--brand-1);}

.block-tabs .tab-contents .tab-content {padding: 2rem;display:none; background: var(--brand-8);}
.block-tabs .tab-contents .tab-content.active{display:block;}

.block-tabs .tabs-area.vertical{display: grid; grid-template-columns: 1fr 3fr;}
.block-tabs .tabs-area.vertical .tab-triggers .tab-trigger{display:block;}