.cl-tab-button:focus-visible{outline-offset:-2px;outline:2px solid var(--cl-color-focus-01)}.cl-tab-button{font-family:var(--cl-font-family, inherit);font-size:var(--cl-font-size-h6);font-weight:var(--cl-font-weight-h6);line-height:var(--cl-line-height-h6);letter-spacing:var(--cl-letter-spacing-h6, normal)}.cl-tab-button:focus-visible{outline-offset:-2px;outline:2px solid var(--cl-color-focus-01)}.cl-tab-control{--cl-tab-control-background: var(--cl-color-background-01);--cl-tab-control-align: start;border-bottom:1px solid var(--cl-color-divider-01);padding:0;position:relative}@media(width >= 900px){.cl-tab-control{padding:0 16px}}.-center>.cl-tab-control{--cl-tab-control-align: center}.-overflow-left.cl-tab-control::before,.-overflow-right.cl-tab-control::after{background:linear-gradient(var(--cl-tab-control-overflow-direction), var(--cl-tab-control-background) 10%, transparent 100%);content:"";display:block;inset-block:0;inset-inline:var(--cl-tab-control-overflow-inset-inline);pointer-events:none;position:absolute;width:40px}.-overflow-left.cl-tab-control::before{--cl-tab-control-overflow-direction: to right;--cl-tab-control-overflow-inset-inline: 0 auto}.-overflow-right.cl-tab-control::after{--cl-tab-control-overflow-direction: to left;--cl-tab-control-overflow-inset-inline: auto 0}.-overflow-above.cl-tab-control::before,.-overflow-below.cl-tab-control::after{background:linear-gradient(var(--cl-tab-control-overflow-direction), var(--cl-tab-control-background) 10%, transparent 100%);content:"";display:block;pointer-events:none;position:absolute;height:40px;width:100%}.-overflow-above.cl-tab-control::before{--cl-tab-control-overflow-direction: to bottom;--cl-tab-control-overflow-inset-inline: 0;inset-inline:var(--cl-tab-control-overflow-inset-inline);inset-block:0}.-overflow-below.cl-tab-control::after{--cl-tab-control-overflow-direction: to top;--cl-tab-control-overflow-inset-inline: 0;bottom:0}.-background-02 .cl-tab-control{--cl-tab-control-background: var(--cl-color-background-02)}.-background-03 .cl-tab-control{--cl-tab-control-background: var(--cl-color-background-03)}.cl-tab-list{display:flex;flex-wrap:nowrap;list-style:none;margin:0;overflow-x:scroll;padding:2px 2px 0;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:var(--cl-tab-control-align, start)}@media(width >= 600px){[aria-orientation=vertical].cl-tab-list{flex-direction:column}}.-overflow-right>.cl-tab-list{justify-content:start}.cl-tab-list::-webkit-scrollbar{display:none;height:0;width:0}.cl-tab-item{align-items:flex-end;display:inline-flex;flex:0 0 auto;min-width:100px;max-width:240px}@media(width < 600px){.cl-tab-item{max-width:200px}}.cl-tab-item:first-child{margin-left:16px}@media(width >= 900px){.cl-tab-item:first-child{margin-left:0}}.cl-tab-button{background-color:rgba(0,0,0,0);border:rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0);color:var(--cl-color-text-02);cursor:pointer;padding:8px 16px 4px;text-align:var(--cl-tab-control-align, start);width:100%;height:100%;display:inline-flex;align-items:end;word-break:break-word}.cl-tab-button:active,.cl-tab-button:hover,.cl-tab-button:focus-visible{color:var(--cl-color-text-01);background-color:var(--cl-color-hover-01)}[aria-selected=true].cl-tab-button{border-bottom-color:var(--cl-color-border-01);color:var(--cl-color-text-01)}.cl-tab-group{padding:24px 16px}[aria-hidden=true].cl-tab-content{display:none}.cl-tab-content>:first-child{margin-top:0;padding-top:0}@media(width >= 600px){.cl-tabs:has([role=tablist][aria-orientation=vertical]){display:flex}.cl-tabs:has([role=tablist][aria-orientation=vertical]) .cl-tab-control{display:flex;flex:none;position:relative;padding:0 0 0 16px;border-bottom:0;border-right:var(--cl-border-width-medium) solid var(--light-theme-divider-01)}.cl-tabs:has([role=tablist][aria-orientation=vertical]) .cl-tab-list{width:100%;padding:0;overflow-y:scroll}.cl-tabs:has([role=tablist][aria-orientation=vertical]) .cl-tab-item{min-width:152px;max-width:242px;margin-left:0px}.cl-tabs:has([role=tablist][aria-orientation=vertical]) .cl-tab-item.-active{background:var(--cl-tab-control-background)}.cl-tabs:has([role=tablist][aria-orientation=vertical]) .cl-tab-button{border-left:4px solid rgba(0,0,0,0);border-bottom:0;padding:8px 32px 4px 16px}.cl-tabs:has([role=tablist][aria-orientation=vertical]) .cl-tab-button[aria-selected=true]{border-left-color:var(--cl-color-border-01)}.cl-tabs:has([role=tablist][aria-orientation=vertical]) .cl-tab-group{padding:0px 24px;overflow-y:auto}}