.skp-tabs{--skp-tabs--buttons__offset:1em;--skp-tabs--buttons__gap:0;--skp-tabs--button__padding-v:0.5em;--skp-tabs--button__padding-h:1.2em;--skp-tabs--button__font-size:inherit;--skp-tabs--button__font-weight:500;--skp-tabs--button__border-width:1px;--skp-tabs--button__border-color:var(--skp-color-light-gray-darken);--skp-tabs--button__border-radius:var(--skp-border-radius);--skp-tabs--button__cursor:pointer;--skp-tabs--button__opacity:0.6;--skp-tabs--button-active__background-color:#fff;--skp-tabs--button-active__opacity:1;--skp-tabs-pills--button__border-radius:var(--skp-border-radius);--skp-tabs-pills--button-active__color:#fff;--skp-tabs-pills--button-active__background-color:var(--skp-color-dark-gray);--skp-tabs-radio--button__gap:0.5em;--skp-tabs-radio--button--radio__width:0.85em;--skp-tabs-radio--button--radio__height:0.85em;--skp-tabs-radio--button--radio__border-width:1px;--skp-tabs-radio--button--radio__border-color:var(--skp-color-light-gray-darken);--skp-tabs-radio--button-active--radio__border-color:currentcolor;--skp-tabs-radio--button--dot__size:0.25em;--skp-tabs-radio--button--dot__color:transparent;--skp-tabs-radio--button-active--dot__color:currentcolor;--skp-tabs__transition-duration:var(--skp-transition-duration);--skp-tabs__transition-easing:var(--skp-transition-easing)}.skp-tabs.is-style-boxed .skp-tabs-buttons{gap:.25em}.skp-tabs.is-style-boxed .skp-tabs-buttons-item{border-color:var(--skp-tabs--button__border-color)}.skp-tabs.is-style-boxed .skp-tabs-buttons-item-active{border-bottom-color:var(--skp-tabs--button-active__background-color)}.skp-tabs.is-style-pills .skp-tabs-buttons{border:none}.skp-tabs.is-style-pills .skp-tabs-buttons-item{border:none;border-radius:var(--skp-tabs-pills--button__border-radius);margin-bottom:0}.skp-tabs.is-style-pills .skp-tabs-buttons-item-active{background-color:var(--skp-tabs-pills--button-active__background-color);color:var(--skp-tabs-pills--button-active__color)}.skp-tabs.is-style-segmented .skp-tabs-buttons{align-self:center;border:var(--skp-tabs--button__border-width) solid var(--skp-tabs--button__border-color);border-radius:calc(var(--skp-tabs--button__border-radius) + 4px);display:inline-flex;gap:2px;max-width:100%;padding:4px}.skp-tabs.is-style-segmented .skp-tabs-buttons-item{border:0;border-radius:var(--skp-tabs--button__border-radius);margin-bottom:0}.skp-tabs.is-style-segmented .skp-tabs-buttons-item-active{background-color:var(--skp-tabs-pills--button-active__background-color);color:var(--skp-tabs-pills--button-active__color)}.skp-tabs.is-style-radio{--skp-tabs--buttons__gap:0.5em 2em;--skp-tabs--button__padding-v:0;--skp-tabs--button__padding-h:0;--skp-tabs--button__border-width:0;--skp-tabs--button__border-radius:0}.skp-tabs.is-style-radio .skp-tabs-buttons-item{align-items:center;display:flex;gap:var(--skp-tabs-radio--button__gap)}.skp-tabs.is-style-radio .skp-tabs-buttons-item:before{border:var(--skp-tabs-radio--button--radio__border-width) solid var(--skp-tabs-radio--button--radio__border-color);border-radius:50%;content:"";flex:0 0 auto;height:var(--skp-tabs-radio--button--radio__height);width:var(--skp-tabs-radio--button--radio__width)}.skp-tabs.is-style-radio .skp-tabs-buttons-item-active:before{background-image:radial-gradient(circle at 50% center,var(--skp-tabs-radio--button-active--dot__color) 0,var(--skp-tabs-radio--button-active--dot__color) var(--skp-tabs-radio--button--dot__size),transparent calc(var(--skp-tabs-radio--button--dot__size) + .5px));border-color:var(--skp-tabs-radio--button-active--radio__border-color)}.skp-tabs{display:flex;flex-direction:column;gap:var(--skp-tabs--buttons__offset)}.skp-tabs.is-place-bottom{flex-direction:column-reverse}.skp-tabs.is-place-left{flex-direction:row}.skp-tabs.is-place-right{flex-direction:row-reverse}.skp-tabs.is-place-left .skp-tabs-buttons,.skp-tabs.is-place-right .skp-tabs-buttons{border-bottom-width:0;flex-direction:column;flex-shrink:0}.skp-tabs.skp-tabs-buttons-vertical{flex-direction:row}.skp-tabs-buttons-vertical>.skp-tabs-buttons{border-bottom-width:0;flex-direction:column;flex-shrink:0}.skp-tabs-buttons{border-bottom:var(--skp-tabs--button__border-width) solid var(--skp-tabs--button__border-color);display:flex;flex-wrap:wrap;gap:var(--skp-tabs--buttons__gap)}.skp-tabs-buttons-align-start{justify-content:flex-start}.skp-tabs-buttons-align-center{justify-content:center}.skp-tabs-buttons-align-end{justify-content:flex-end}.skp-tabs-buttons-align-stretch>.skp-tabs-buttons-item{flex-basis:0;flex-grow:1;text-align:center}.skp-tabs-buttons-item{background-color:transparent;border:var(--skp-tabs--button__border-width) solid transparent;border-top-left-radius:var(--skp-tabs--button__border-radius);border-top-right-radius:var(--skp-tabs--button__border-radius);color:inherit;cursor:var(--skp-tabs--button__cursor);font:inherit;font-size:var(--skp-tabs--button__font-size);font-weight:var(--skp-tabs--button__font-weight);margin-bottom:calc(var(--skp-tabs--button__border-width)*-1);opacity:var(--skp-tabs--button__opacity);padding:var(--skp-tabs--button__padding-v) var(--skp-tabs--button__padding-h);text-align:left;text-decoration:none;transition:var(--skp-tabs__transition-duration) border-color var(--skp-tabs__transition-easing),var(--skp-tabs__transition-duration) background-color var(--skp-tabs__transition-easing),var(--skp-tabs__transition-duration) opacity var(--skp-tabs__transition-easing)}.skp-tabs-buttons-item-active,.skp-tabs-buttons-item:focus,.skp-tabs-buttons-item:hover{opacity:var(--skp-tabs--button-active__opacity)}.skp-tabs-buttons-item-active{background-color:var(--skp-tabs--button-active__background-color);border-color:var(--skp-tabs--button__border-color);border-bottom-color:transparent}.skp-tabs-content{flex:1 1 auto;min-width:0;position:relative}.skp-tab{display:none}.skp-tab-active{display:block}.skp-tabs-buttons.is-scrollable{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-padding-inline:2rem;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;--skp-tabs-fade-start:0;--skp-tabs-fade-end:0}.skp-tabs-buttons.is-scrollable::-webkit-scrollbar{display:none}.skp-tabs-buttons.is-scrollable>.skp-tabs-buttons-item{flex:0 0 auto;margin-bottom:0;white-space:nowrap}.skp-tabs-buttons.is-scrollable.has-overflow{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 calc(var(--skp-tabs-fade-start)*2rem),#000 calc(100% - var(--skp-tabs-fade-end)*2rem),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 calc(var(--skp-tabs-fade-start)*2rem),#000 calc(100% - var(--skp-tabs-fade-end)*2rem),transparent 100%)}.skp-tabs-buttons.is-scrollable.is-scroll-start{--skp-tabs-fade-start:1}.skp-tabs-buttons.is-scrollable.is-scroll-end{--skp-tabs-fade-end:1}.skp-tabs .skp-tab:before{display:block;font-weight:600;margin-bottom:.5em}