.os-tabs{display:flex}.os-tabs .hd{display:flex;background-color:var(--os-tabs-nav-background-color);box-shadow:0 -1px 0 0 var(--os-tabs-border-color) inset;flex-direction:row;align-items:center;justify-content:space-between}.os-tabs .bd{flex:1}.os-tabs .os-tabs-other{padding:var(--os-space-s) var(--os-space-base)}.os-tabs .os-tabs-nav{margin:0;padding:0;list-style:none;display:flex;align-items:center;justify-content:center;justify-content:flex-start;width:100%;overflow:auto}.os-tabs .os-tabs-nav li{margin:0;list-style:none;padding:var(--os-space-s) var(--os-space-base);border-color:transparent;border-style:solid;border-width:1px;cursor:pointer;color:var(--os-tabs-nav-color);position:relative;white-space:nowrap}.os-tabs .os-tabs-nav li>div{transition:all .5s;display:inline-block;transform:translateZ(0)}.os-tabs .os-tabs-nav li>i{pointer-events:none;opacity:0;transform:translate3d(-2px,0,0);transition:all .5s;position:absolute;right:var(--os-space-xs)}.os-tabs .os-tabs-nav li.is-disabled{opacity:.5;pointer-events:none}.os-tabs .os-tabs-nav li.is-active{color:var(--os-tabs-nav-active-color)}.os-tabs .os-tabs-nav li+li{margin:0}.os-tabs .os-tabs-nav.os-tabs-nav-closable li:hover>i{pointer-events:auto;opacity:1;transform:translateZ(0)}.os-tabs .os-tabs-nav.os-tabs-nav-closable li:hover>div{transform:translate3d(-6px,0,0)}.os-tabs.os-tabs-position-top .hd{box-shadow:0 -1px 0 0 var(--os-tabs-border-color) inset}.os-tabs.os-tabs-position-bottom .hd{box-shadow:0 1px 0 0 var(--os-tabs-border-color) inset}.os-tabs.os-tabs-position-left .hd{box-shadow:-1px 0 0 0 var(--os-tabs-border-color) inset}.os-tabs.os-tabs-position-right .hd{box-shadow:1px 0 0 0 var(--os-tabs-border-color) inset}.os-tabs .os-tabs-group{padding:var(--os-space-base)}.os-tabs-position-left .hd,.os-tabs-position-right .hd,.os-tabs-position-left .os-tabs-nav,.os-tabs-position-right .os-tabs-nav{flex-direction:column}.os-tabs-position-left .hd,.os-tabs-position-right .hd{align-items:flex-start}.os-tabs-position-top{flex-direction:column}.os-tabs-position-bottom{flex-direction:column-reverse}.os-tabs-position-left{flex-direction:row}.os-tabs-position-left .os-tabs-nav{align-items:flex-end}.os-tabs-position-right{flex-direction:row-reverse}.os-tabs-position-right .os-tabs-nav{align-items:flex-start}.os-tabs-type-normal.os-tabs-position-top li.is-active{border-bottom-color:currentColor}.os-tabs-type-normal.os-tabs-position-bottom li.is-active{border-top-color:currentColor}.os-tabs-type-normal.os-tabs-position-left li.is-active{border-right-color:currentColor}.os-tabs-type-normal.os-tabs-position-right li.is-active{border-left-color:currentColor}.os-tabs-type-border-card{border:solid 1px var(--os-tabs-border-color);border-radius:var(--os-tabs-border-radius)}.os-tabs-type-border-card .os-tabs-nav li.is-active{background-color:var(--os-tabs-background-color)}.os-tabs-type-border-card .os-tabs-group{background-color:var(--os-tabs-background-color);border-radius:0 0 var(--os-tabs-border-radius) var(--os-tabs-border-radius)}.os-tabs-type-border-card.os-tabs-position-top li{border-left:solid 1px var(--os-tabs-border-color)}.os-tabs-type-border-card.os-tabs-position-top li:first-of-type{border-left:solid 1px transparent;border-radius:var(--os-tabs-border-radius) 0 0 0}.os-tabs-type-border-card.os-tabs-position-top li:last-of-type{border-right:solid 1px var(--os-tabs-border-color)}.os-tabs-type-border-card.os-tabs-position-bottom li{border-left:solid 1px var(--os-tabs-border-color)}.os-tabs-type-border-card.os-tabs-position-bottom li:first-of-type{border-left:solid 1px transparent;border-radius:0 var(--os-tabs-border-radius) 0 0 0}.os-tabs-type-border-card.os-tabs-position-bottom li:last-of-type{border-right:solid 1px var(--os-tabs-border-color)}.os-tabs-type-border-card.os-tabs-position-left .os-tabs-nav{height:100%}.os-tabs-type-border-card.os-tabs-position-left li{text-align:right;width:100%;border-top:solid 1px var(--os-tabs-border-color)}.os-tabs-type-border-card.os-tabs-position-left li:first-of-type{border-top:solid 1px transparent;border-radius:0 var(--os-tabs-border-radius) 0 0 0}.os-tabs-type-border-card.os-tabs-position-left li:last-of-type{border-bottom:solid 1px var(--os-tabs-border-color)}.os-tabs-type-border-card.os-tabs-position-right .os-tabs-nav{height:100%}.os-tabs-type-border-card.os-tabs-position-right li{width:100%;border-top:solid 1px var(--os-tabs-border-color)}.os-tabs-type-border-card.os-tabs-position-right li:first-of-type{border-top:solid 1px transparent;border-radius:0 var(--os-tabs-border-radius) 0 0}.os-tabs-type-border-card.os-tabs-position-right li:last-of-type{border-bottom:solid 1px var(--os-tabs-border-color)}.os-tabs-type-card .os-tabs-nav li.is-active,.os-tabs-type-card .os-tabs-group{background-color:var(--os-tabs-background-color)}.os-tabs-type-card.os-tabs-position-top li{border-top:solid 1px var(--os-tabs-border-color);border-left:solid 1px var(--os-tabs-border-color)}.os-tabs-type-card.os-tabs-position-top li:first-of-type{border-radius:var(--os-tabs-border-radius) 0 0 0}.os-tabs-type-card.os-tabs-position-top li:last-of-type{border-radius:0 var(--os-tabs-border-radius) 0 0;border-right:solid 1px var(--os-tabs-border-color)}.os-tabs-type-card.os-tabs-position-bottom li{border-bottom:solid 1px var(--os-tabs-border-color);border-left:solid 1px var(--os-tabs-border-color)}.os-tabs-type-card.os-tabs-position-bottom li:first-of-type{border-radius:0 0 0 var(--os-tabs-border-radius)}.os-tabs-type-card.os-tabs-position-bottom li:last-of-type{border-radius:0 0 var(--os-tabs-border-radius) 0;border-right:solid 1px var(--os-tabs-border-color)}.os-tabs-type-card.os-tabs-position-left li{width:100%;border-top:solid 1px var(--os-tabs-border-color);border-left:solid 1px var(--os-tabs-border-color);text-align:right}.os-tabs-type-card.os-tabs-position-left li:first-of-type{border-radius:var(--os-tabs-border-radius) 0 0 0}.os-tabs-type-card.os-tabs-position-left li:last-of-type{border-radius:0 0 0 var(--os-tabs-border-radius);border-bottom:solid 1px var(--os-tabs-border-color)}.os-tabs-type-card.os-tabs-position-right li{width:100%;border-top:solid 1px var(--os-tabs-border-color);border-right:solid 1px var(--os-tabs-border-color);text-align:right}.os-tabs-type-card.os-tabs-position-right li:first-of-type{border-radius:0 var(--os-tabs-border-radius) 0 0}.os-tabs-type-card.os-tabs-position-right li:last-of-type{border-radius:0 0 var(--os-tabs-border-radius) 0;border-bottom:solid 1px var(--os-tabs-border-color)}.os-tabs{--os-tabs-nav-background-color: transparent;--os-tabs-background-color: transparent;--os-tabs-nav-color: var(--os-color-neutral-6);--os-tabs-nav-active-color: var(--os-color-primary);--os-tabs-border-color: var(--os-color-neutral-2);--os-tabs-border-radius: var(--os-border-radius-base)}.os-tabs-type-card{--os-tabs-background-color: var(--os-color-neutral-0)}.os-tabs-type-border-card{--os-tabs-background-color: var(--os-color-neutral-0);--os-tabs-nav-background-color: var(--os-color-neutral-1)}