.block-tabs{display:grid;grid-template-columns:1fr;gap:3rem}@media screen and (min-width: 768px){.block-tabs{grid-template-columns:1fr 3fr}}.block-tabs nav.tab-list{display:grid;grid-template-columns:1fr 1fr;gap:3rem}@media screen and (min-width: 768px){.block-tabs nav.tab-list{grid-template-columns:1fr}}.block-tabs nav.tab-list .tab-item{cursor:pointer}.block-tabs nav.tab-list .tab-item h3{font-size:2.4rem;font-weight:normal;margin:0;position:relative}.block-tabs nav.tab-list .tab-item h3 svg{height:auto;opacity:0;pointer-events:none;position:absolute;top:50%;right:calc(100% + 3rem);width:1.8rem;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transition:all var(--duration) var(--ease);-moz-transition:all var(--duration) var(--ease);-ms-transition:all var(--duration) var(--ease);-o-transition:all var(--duration) var(--ease);transition:all var(--duration) var(--ease)}.block-tabs nav.tab-list .tab-item h3 svg use{fill:var(--text)}.block-tabs nav.tab-list .tab-item p{margin:0;font-family:var(--font-heading);font-size:1.4rem}.block-tabs nav.tab-list .tab-item.active h3{font-weight:bold}.block-tabs nav.tab-list .tab-item.active h3 svg{opacity:1;right:calc(100% + 1.5rem)}.block-tabs .tab-content-container .tab-content{display:none}.block-tabs .tab-content-container .tab-content.active{display:block}/*# sourceMappingURL=tabs.css.map */