| 1 |
.ghostkit-tabs{--gkt-tabs--buttons__offset:1em;--gkt-tabs--buttons__gap:0;--gkt-tabs--button__padding-v:0.5em;--gkt-tabs--button__padding-h:1.2em;--gkt-tabs--button__font-size:inherit;--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__cursor:pointer;--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-radio--button__gap:0.5em;--gkt-tabs-radio--button--radio__width:0.85em;--gkt-tabs-radio--button--radio__height:0.85em;--gkt-tabs-radio--button--radio__border-width:1px;--gkt-tabs-radio--button--radio__border-color:var(--gkt-color-light-gray-darken);--gkt-tabs-radio--button-active--radio__border-color:currentcolor;--gkt-tabs-radio--button--dot__size:0.25em;--gkt-tabs-radio--button--dot__color:transparent;--gkt-tabs-radio--button-active--dot__color:currentcolor;--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{border:none;border-radius:var(--gkt-tabs-pills--button__border-radius);margin-bottom:0}.ghostkit-tabs.is-style-pills .ghostkit-tabs-buttons-item-active{background-color:var(--gkt-tabs-pills--button-active__background-color);color:var(--gkt-tabs-pills--button-active__color)}.ghostkit-tabs.is-style-radio{--gkt-tabs--buttons__gap:0.5em 2em;--gkt-tabs--button__padding-v:0;--gkt-tabs--button__padding-h:0;--gkt-tabs--button__border-width:0;--gkt-tabs--button__border-radius:0}.ghostkit-tabs.is-style-radio .ghostkit-tabs-buttons-item{align-items:center;display:flex;gap:var(--gkt-tabs-radio--button__gap)}.ghostkit-tabs.is-style-radio .ghostkit-tabs-buttons-item:before{border:var(--gkt-tabs-radio--button--radio__border-width) solid var(--gkt-tabs-radio--button--radio__border-color);border-radius:50%;content:"";flex:0 0 auto;height:var(--gkt-tabs-radio--button--radio__height);width:var(--gkt-tabs-radio--button--radio__width)}.ghostkit-tabs.is-style-radio .ghostkit-tabs-buttons-item-active:before{background-image:radial-gradient(circle at 50% center,var(--gkt-tabs-radio--button-active--dot__color) 0,var(--gkt-tabs-radio--button-active--dot__color) var(--gkt-tabs-radio--button--dot__size),transparent calc(var(--gkt-tabs-radio--button--dot__size) + .5px));border-color:var(--gkt-tabs-radio--button-active--radio__border-color)}.ghostkit-tabs-buttons{border-bottom:var(--gkt-tabs--button__border-width) solid var(--gkt-tabs--button__border-color);display:flex;flex-wrap:wrap;gap:var(--gkt-tabs--buttons__gap);margin-bottom:var(--gkt-tabs--buttons__offset)}.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-align-stretch>.ghostkit-tabs-buttons-item{flex-basis:0;flex-grow:1;text-align:center}.ghostkit-tabs-buttons-item{background-color:transparent;border:var(--gkt-tabs--button__border-width) solid transparent;border-top-left-radius:var(--gkt-tabs--button__border-radius);border-top-right-radius:var(--gkt-tabs--button__border-radius);color:inherit;cursor:var(--gkt-tabs--button__cursor);font:inherit;font-size:var(--gkt-tabs--button__font-size);font-weight:var(--gkt-tabs--button__font-weight);margin-bottom:calc(var(--gkt-tabs--button__border-width)*-1);opacity:var(--gkt-tabs--button__opacity);padding:var(--gkt-tabs--button__padding-v) var(--gkt-tabs--button__padding-h);text-align:left;text-decoration:none;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-active,.ghostkit-tabs-buttons-item:focus,.ghostkit-tabs-buttons-item:hover{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:transparent}.ghostkit-tabs-content{position:relative}.ghostkit-tab{display:none}.ghostkit-tab-active{display:block}@media(min-width:768px){.ghostkit-tabs-buttons-vertical{display:flex}.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons{border-bottom:none;border-right:var(--gkt-tabs--button__border-width) solid var(--gkt-tabs--button__border-color);flex:0 0 30%;flex-direction:column;margin-bottom:0;max-width:30%}.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item{border-bottom-left-radius:var(--gkt-tabs--button__border-radius);border-top-left-radius:var(--gkt-tabs--button__border-radius);border-top-right-radius:0;display:block;margin-bottom:0;margin-right:calc(var(--gkt-tabs--button__border-width)*-1)}.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item:focus,.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item:hover{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-bottom:var(--gkt-tabs--button__border-width) solid var(--gkt-tabs--button__border-color);border-right-color:transparent;opacity:var(--gkt-tabs--button-active__opacity)}.ghostkit-tabs-buttons-vertical .ghostkit-tabs-content{flex:0 0 70%;max-width:70%;padding-left:var(--gkt-tabs--buttons__offset)}} |
