.sqt-tabs{--tabs-header-height:2.5rem;flex-direction:column;display:flex}.sqt-tabs.is-left,.sqt-tabs.is-right{flex-direction:row}.sqt-tabs.is-left .sqt-tabs__header,.sqt-tabs.is-right .sqt-tabs__header,.sqt-tabs.is-left .sqt-tabs__nav,.sqt-tabs.is-right .sqt-tabs__nav{flex-direction:column}.sqt-tabs.is-left .sqt-tabs__item,.sqt-tabs.is-right .sqt-tabs__item,.sqt-tabs.is-left .sqt-tabs__item.is-active,.sqt-tabs.is-right .sqt-tabs__item.is-active{border-bottom:none}.sqt-tabs.is-left .sqt-tabs__item.is-active{border-right:.125rem solid var(--sqt-color-primary)}.sqt-tabs.is-right .sqt-tabs__item.is-active{border-left:.125rem solid var(--sqt-color-primary)}.sqt-tabs.is-bottom .sqt-tabs__item.is-active{border-top:.125rem solid var(--sqt-color-primary);border-bottom:none}.sqt-tabs__header{border-bottom:1px solid color-mix(in srgb, var(--black-color) 10%, var(--white-color));align-items:center;margin:0 0 .9375rem;display:flex}.sqt-tabs.is-bottom .sqt-tabs__header{border-bottom:none;border-top:1px solid color-mix(in srgb, var(--black-color) 10%, var(--white-color));margin:.9375rem 0 0}.sqt-tabs.is-left .sqt-tabs__header{border-bottom:none;border-right:1px solid color-mix(in srgb, var(--black-color) 10%, var(--white-color));margin:0 .9375rem 0 0}.sqt-tabs.is-right .sqt-tabs__header{border-bottom:none;border-left:1px solid color-mix(in srgb, var(--black-color) 10%, var(--white-color));margin:0 0 0 .9375rem}.sqt-tabs__nav{flex:1;display:flex}.sqt-tabs__nav.is-stretch .sqt-tabs__item{text-align:center;flex:1}.sqt-tabs__item{height:var(--tabs-header-height);box-sizing:border-box;color:var(--text-color);font-size:var(--font-size);font-weight:500;line-height:var(--tabs-header-height);white-space:nowrap;cursor:pointer;border-bottom:.125rem solid #0000;justify-content:center;align-items:center;gap:.375rem;padding:0 1.25rem;transition:color .2s,border-color .2s;display:inline-flex}.sqt-tabs__item:hover{color:var(--sqt-color-primary)}.sqt-tabs__item.is-active{color:var(--sqt-color-primary);border-bottom-color:var(--sqt-color-primary)}.sqt-tabs__item.is-disabled{color:color-mix(in srgb, var(--black-color) 25%, var(--white-color));cursor:not-allowed}.sqt-tabs__close{border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;transition:background-color .2s;display:inline-flex}.sqt-tabs__close:hover{background-color:color-mix(in srgb, var(--black-color) 8%, var(--white-color))}.sqt-tabs__new{width:1.25rem;height:1.25rem;color:var(--text-color);cursor:pointer;border:1px dashed color-mix(in srgb, var(--black-color) 15%, var(--white-color));border-radius:.1875rem;justify-content:center;align-items:center;margin:0 .625rem;display:inline-flex}.sqt-tabs__new:hover{color:var(--sqt-color-primary);border-color:var(--sqt-color-primary)}.sqt-tabs__content{color:color-mix(in srgb, var(--black-color) 85%, var(--white-color));flex:1;overflow:hidden}.sqt-tabs.is-card .sqt-tabs__header{border-bottom:1px solid color-mix(in srgb, var(--black-color) 15%, var(--white-color))}.sqt-tabs.is-card .sqt-tabs__item{background:color-mix(in srgb, var(--black-color) 4%, var(--white-color));border:1px solid #0000;border-bottom:none;border-radius:.25rem .25rem 0 0}.sqt-tabs.is-card .sqt-tabs__item.is-active{background:var(--white-color);border-color:color-mix(in srgb, var(--black-color) 15%, var(--white-color));border-bottom-color:var(--white-color)}.sqt-tabs.is-border-card{border:1px solid color-mix(in srgb, var(--black-color) 15%, var(--white-color));background:var(--white-color);box-shadow:0 .125rem .25rem color-mix(in srgb, var(--black-color) 8%, var(--white-color))}.sqt-tabs.is-border-card .sqt-tabs__header{background:color-mix(in srgb, var(--black-color) 4%, var(--white-color));border-bottom:1px solid color-mix(in srgb, var(--black-color) 15%, var(--white-color));margin:0}.sqt-tabs.is-border-card .sqt-tabs__item{border:1px solid #0000;margin-top:-1px}.sqt-tabs.is-border-card .sqt-tabs__item.is-active{background:var(--white-color);border-color:color-mix(in srgb, var(--black-color) 15%, var(--white-color));border-bottom-color:var(--white-color)}.sqt-tabs.is-border-card .sqt-tabs__content{padding:.9375rem}
