.ghostkit-tabs{--gkt-tabs--buttons__offset: 1em;--gkt-tabs--button__padding-v: 0.5em;--gkt-tabs--button__padding-h: 1.2em;--gkt-tabs--button__font-weight: 500;--gkt-tabs--button__border-width: 1px;--gkt-tabs--button__border-color: var(--gkt-color-light-gray-darken);--gkt-tabs--button__border-radius: var(--gkt-border-radius);--gkt-tabs--button__opacity: 0.6;--gkt-tabs--button-active__background-color: #fff;--gkt-tabs--button-active__opacity: 1;--gkt-tabs-pills--button__border-radius: var(--gkt-border-radius);--gkt-tabs-pills--button-active__color: #fff;--gkt-tabs-pills--button-active__background-color: var(--gkt-color-dark-gray);--gkt-tabs__transition-duration: var(--gkt-transition-duration);--gkt-tabs__transition-easing: var(--gkt-transition-easing)}.ghostkit-tabs.is-style-pills .ghostkit-tabs-buttons{border:none}.ghostkit-tabs.is-style-pills .ghostkit-tabs-buttons-item{margin-bottom:0;border:none;border-radius:var(--gkt-tabs-pills--button__border-radius)}.ghostkit-tabs.is-style-pills .ghostkit-tabs-buttons-item-active{color:var(--gkt-tabs-pills--button-active__color);background-color:var(--gkt-tabs-pills--button-active__background-color)}.ghostkit-tabs-buttons{display:flex;flex-wrap:wrap;margin-bottom:var(--gkt-tabs--buttons__offset);border-bottom:var(--gkt-tabs--button__border-width) solid var(--gkt-tabs--button__border-color)}.ghostkit-tabs-buttons-align-start{justify-content:flex-start}.ghostkit-tabs-buttons-align-center{justify-content:center}.ghostkit-tabs-buttons-align-end{justify-content:flex-end}.ghostkit-tabs-buttons-item{padding:var(--gkt-tabs--button__padding-v) var(--gkt-tabs--button__padding-h);margin-bottom:calc(-1*var(--gkt-tabs--button__border-width));font-weight:var(--gkt-tabs--button__font-weight);color:inherit;text-decoration:none;background-color:rgba(0,0,0,0);border:var(--gkt-tabs--button__border-width) solid rgba(0,0,0,0);border-top-left-radius:var(--gkt-tabs--button__border-radius);border-top-right-radius:var(--gkt-tabs--button__border-radius);opacity:var(--gkt-tabs--button__opacity);transition:var(--gkt-tabs__transition-duration) border-color var(--gkt-tabs__transition-easing),var(--gkt-tabs__transition-duration) background-color var(--gkt-tabs__transition-easing),var(--gkt-tabs__transition-duration) opacity var(--gkt-tabs__transition-easing)}.ghostkit-tabs-buttons-item:hover,.ghostkit-tabs-buttons-item:focus{opacity:var(--gkt-tabs--button-active__opacity)}.ghostkit-tabs-buttons-item-active{background-color:var(--gkt-tabs--button-active__background-color);border-color:var(--gkt-tabs--button__border-color);border-bottom-color:rgba(0,0,0,0);opacity:var(--gkt-tabs--button-active__opacity)}.ghostkit-tabs-content{position:relative}.ghostkit-tab{position:absolute;width:100%;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;opacity:0;transition:var(--gkt-tabs__transition-duration) opacity var(--gkt-tabs__transition-easing)}.ghostkit-tab-active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;opacity:1}@media(min-width: 768px){.ghostkit-tabs-buttons-vertical{display:flex}.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons{flex:0 0 calc(100%*(3 / 10));max-width:calc(100%*(3 / 10));flex-direction:column;margin-bottom:0;border-right:var(--gkt-tabs--button__border-width) solid var(--gkt-tabs--button__border-color);border-bottom:none}.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item{display:block;margin-right:calc(-1*var(--gkt-tabs--button__border-width));margin-bottom:0;border-top-left-radius:var(--gkt-tabs--button__border-radius);border-top-right-radius:0;border-bottom-left-radius:var(--gkt-tabs--button__border-radius)}.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item:hover,.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item:focus{opacity:var(--gkt-tabs--button-active__opacity)}.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item-active{background-color:var(--gkt-tabs--button-active__background-color);border-color:var(--gkt-tabs--button__border-color);border-right-color:rgba(0,0,0,0);border-bottom:var(--gkt-tabs--button__border-width) solid var(--gkt-tabs--button__border-color);opacity:var(--gkt-tabs--button-active__opacity)}.ghostkit-tabs-buttons-vertical .ghostkit-tabs-content{flex:0 0 calc(100%*(7 / 10));max-width:calc(100%*(7 / 10));padding-left:var(--gkt-tabs--buttons__offset)}}